@farris/ui-vue 1.1.0 → 1.1.1

package/enum-editor/index.esm.js

@@ -1,2612 +0,0 @@
-import { defineComponent as G, ref as c, computed as g, createVNode as f, Teleport as oe, createApp as de, onUnmounted as ae, watch as L, nextTick as Y, withDirectives as le, vShow as fe, onMounted as ue, Fragment as pe, mergeProps as Te, reactive as ke, resolveDirective as Pe, createTextVNode as X } from "vue";
-import { cloneDeep as ve } from "lodash-es";
-const Oe = {}, Se = {};
-function me(e) {
-  const { properties: t, title: o } = e, i = Object.keys(t).reduce((n, l) => (n[l] = t[l].type === "object" && t[l].properties ? me(t[l]) : ve(t[l].default), n), {});
-  return i.id = `${o}-${Date.now()}`, i;
-}
-function Ee(e, t) {
-  const o = me(t);
-  return Object.keys(e).reduce((i, n) => (i[n] = e[n], i), o), o;
-}
-function je(e, t) {
-  return Object.keys(e).filter((i) => e[i] != null).reduce((i, n) => {
-    if (t.has(n)) {
-      const l = t.get(n);
-      if (typeof l == "string")
-        i[l] = e[n];
-      else {
-        const u = l(n, e[n], e);
-        Object.assign(i, u);
-      }
-    } else
-      i[n] = e[n];
-    return i;
-  }, {});
-}
-function Ie(e, t, o = /* @__PURE__ */ new Map()) {
-  const i = Ee(e, t);
-  return je(i, o);
-}
-function Fe(e = {}) {
-  function t(s, d, a, r) {
-    if (typeof a == "number")
-      return r[s].length === a;
-    if (typeof a == "object") {
-      const v = Object.keys(a)[0], C = a[v];
-      if (v === "not")
-        return Number(r[s].length) !== Number(C);
-      if (v === "moreThan")
-        return Number(r[s].length) >= Number(C);
-      if (v === "lessThan")
-        return Number(r[s].length) <= Number(C);
-    }
-    return !1;
-  }
-  function o(s, d, a, r) {
-    return r[d] && r[d].propertyValue && String(r[d].propertyValue.value) === String(a);
-  }
-  const i = /* @__PURE__ */ new Map([
-    ["length", t],
-    ["getProperty", o]
-  ]);
-  Object.keys(e).reduce((s, d) => (s.set(d, e[d]), s), i);
-  function n(s, d) {
-    const a = s;
-    return typeof d == "number" ? [{ target: a, operator: "length", param: null, value: Number(d) }] : typeof d == "boolean" ? [{ target: a, operator: "getProperty", param: s, value: !!d }] : typeof d == "object" ? Object.keys(d).map((r) => {
-      if (r === "length")
-        return { target: a, operator: "length", param: null, value: d[r] };
-      const v = r, C = d[r];
-      return { target: a, operator: s, param: v, value: C };
-    }) : [];
-  }
-  function l(s) {
-    return Object.keys(s).reduce((a, r) => {
-      const v = n(r, s[r]);
-      return a.push(...v), a;
-    }, []);
-  }
-  function u(s, d) {
-    if (i.has(s.operator)) {
-      const a = i.get(s.operator);
-      return a && a(s.target, s.param, s.value, d) || !1;
-    }
-    return !1;
-  }
-  function p(s, d) {
-    return l(s).reduce((v, C) => v && u(C, d), !0);
-  }
-  function m(s, d) {
-    const a = Object.keys(s), r = a.includes("allOf"), v = a.includes("anyOf"), C = r || v, P = (C ? s[C ? r ? "allOf" : "anyOf" : "allOf"] : [s]).map((F) => p(F, d));
-    return r ? !P.includes(!1) : P.includes(!0);
-  }
-  return { parseValueSchema: m };
-}
-const Me = {}, Ae = {};
-Fe();
-function ie(e, t, o = /* @__PURE__ */ new Map(), i = (u, p, m) => p, n = {}, l = (u) => u) {
-  return Oe[t.title] = t, Se[t.title] = i, Me[t.title] = n, Ae[t.title] = l, (u = {}) => {
-    const p = Ie(u, t, o), m = Object.keys(e).reduce((s, d) => (s[d] = e[d].default, s), {});
-    return Object.assign(m, p);
-  };
-}
-function se(e, t) {
-  return { customClass: t.class };
-}
-const Le = /* @__PURE__ */ new Map([
-  ["appearance", se]
-]);
-function Re(e, t, o) {
-  return t;
-}
-const $e = "https://json-schema.org/draft/2020-12/schema", De = "https://farris-design.gitee.io/button-edit.schema.json", Ve = "button-edit", We = "A Farris Input Component", He = "object", Ne = {
-  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: ""
-  }
-}, ze = [
-  "id",
-  "type"
-], Ge = {
-  $schema: $e,
-  $id: De,
-  title: Ve,
-  description: We,
-  type: He,
-  properties: Ne,
-  required: ze
-}, qe = "buttonEdit", Ue = "A Farris Component", Xe = "object", Ke = {
-  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: "右对齐"
-            }
-          ]
-        }
-      }
-    }
-  }
-}, _e = {
-  title: qe,
-  description: Ue,
-  type: Xe,
-  categories: Ke
-}, ye = {
-  /**
-   * 组件标识
-   */
-  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" }
-};
-ie(ye, Ge, Le, Re, _e);
-const Je = {
-  popupContentPosition: { type: Object, default: { left: 0, top: 0 } },
-  host: { type: Object },
-  backgroundColor: { type: String, default: "" }
-}, Qe = /* @__PURE__ */ G({
-  name: "FOverlay",
-  props: Je,
-  emits: ["click"],
-  setup(e, t) {
-    const o = c(e.popupContentPosition), i = c(e.host), n = g(() => ({
-      backgroundColor: e.backgroundColor || "",
-      pointerEvents: "auto"
-    }));
-    function l(p) {
-      t.emit("click"), p.preventDefault(), p.stopPropagation();
-    }
-    g(() => {
-      const p = i.value;
-      if (p) {
-        const m = p.getBoundingClientRect(), {
-          left: s,
-          top: d,
-          height: a
-        } = m;
-        return {
-          left: s,
-          top: d + a
-        };
-      }
-      return o.value;
-    });
-    const u = g(() => ({
-      // position: 'relative',
-      // left: `${position.value.left}px`,
-      // top: `${position.value.top}px`
-    }));
-    return () => f(oe, {
-      to: "body"
-    }, {
-      default: () => {
-        var p, m;
-        return [f("div", {
-          class: "overlay-container",
-          onClick: (s) => l(s),
-          style: n.value
-        }, [f("div", {
-          style: u.value
-        }, [(m = (p = t.slots).default) == null ? void 0 : m.call(p)])])];
-      }
-    });
-  }
-});
-function Ye(e) {
-  if (e.content && e.content.render)
-    return e.content.render;
-  if (e.render && typeof e.render == "function")
-    return e.render;
-}
-function Ze(e) {
-  const t = document.createElement("div");
-  t.style.display = "contents";
-  let o;
-  const i = e.onClickCallback || (() => {
-  }), n = () => {
-    i(), o && o.unmount();
-  };
-  return o = de({
-    setup() {
-      ae(() => {
-        document.body.removeChild(t);
-      });
-      const l = Ye(e);
-      return () => f(Qe, {
-        "popup-content-position": e.popupPosition,
-        host: e.host,
-        onClick: n,
-        backgroundColor: e.backgroundColor
-      }, {
-        default: () => [l && l()]
-      });
-    }
-  }), document.body.appendChild(t), o.mount(t), o;
-}
-class et {
-  static show(t) {
-    return Ze(t);
-  }
-}
-const tt = {
-  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 }
-}, nt = /* @__PURE__ */ G({
-  name: "FModal",
-  props: tt,
-  emits: ["update:modelValue", "accept", "cancel", "closed"],
-  setup(e, t) {
-    const o = c(e.width), i = c(e.height), n = c(e.modelValue), l = c(""), u = c(e.class), p = c(e.fitContent), m = c(e.showHeader), s = c(""), d = c(!0), a = c(!1), r = c(!1), v = c(""), C = c(""), h = c(""), E = c(e.showButtons), P = c(e.title);
-    function R(k, V) {
-      n.value = !1, t.emit("update:modelValue", !1), V != null && t.emit(V ? "accept" : "cancel"), t.emit("closed");
-    }
-    const F = [{
-      text: "取消",
-      class: "btn btn-light",
-      handle: (k) => {
-        R(k, !1);
-      }
-    }, {
-      text: "确定",
-      class: "btn btn-primary",
-      handle: (k) => {
-        R(k, !0);
-      }
-    }], I = c(e.buttons && e.buttons.length ? e.buttons : F), $ = g(() => !!s.value), M = g(() => !!E.value && !!I.value);
-    c(), c(), L(() => e.modelValue, () => {
-      n.value = e.modelValue;
-    });
-    const S = c(!1), W = g(() => n.value), B = g(() => {
-      const k = {
-        modal: !0,
-        "farris-modal": !0
-      };
-      return k["f-modal-fitContent"] = p.value, k;
-    }), D = g(() => ({
-      display: W.value ? "block" : "none !important"
-    })), q = g(() => {
-      const k = {
-        "modal-dialog": !0
-      };
-      return u.value.split(" ").reduce((A, _) => (A[_] = !0, A), k), k;
-    }), w = g(() => ({
-      position: "absolute",
-      top: "50%",
-      left: "50%",
-      width: `${o.value}px`,
-      height: p.value ? "auto" : `${i.value}px`,
-      "margin-left": `${0 - o.value / 2}px`,
-      "margin-top": p.value ? "auto" : `${0 - i.value / 2}px`
-    })), N = g(() => ({
-      "modal-content": !0,
-      "modal-content-has-header": m.value
-    })), U = g(() => ({
-      display: m.value ? "" : "none"
-    })), K = g(() => ({
-      "f-icon": !0,
-      modal_maximize: !0,
-      modalrevert: S.value
-    })), J = g(() => ({
-      height: "10px",
-      "z-index": 1,
-      display: m.value ? "none" : ""
-    })), x = g(() => ({
-      "modal-body": !0,
-      "f-utils-flex-column": v.value === "iframe"
-    }));
-    function O() {
-      return {};
-    }
-    const j = g(() => {
-      const k = {
-        textAlgin: h.value
-      }, V = O();
-      return Object.assign(k, V);
-    });
-    function H(k) {
-    }
-    return () => f(oe, {
-      to: "body"
-    }, {
-      default: () => {
-        var k, V;
-        return [f("div", {
-          class: B.value,
-          style: D.value
-        }, [f("div", {
-          id: l.value,
-          class: q.value,
-          style: w.value
-        }, [f("div", {
-          class: N.value
-        }, [f("div", {
-          ref: "modalHeaderRef",
-          class: "modal-header",
-          style: U.value
-        }, [f("div", {
-          class: "modal-title"
-        }, [$.value && f("span", {
-          class: s.value,
-          style: "margin-right: 8px"
-        }, null), f("span", {
-          class: "modal-title-label"
-        }, [P.value])]), f("div", {
-          class: "actions"
-        }, [f("ul", null, [r.value && f("li", {
-          class: "f-btn-icon f-bare"
-        }, [f("span", {
-          class: "f-icon modal_minimize"
-        }, null)]), a.value && f("li", {
-          onClick: H,
-          class: "f-btn-icon f-bare"
-        }, [f("span", {
-          class: K.value
-        }, null)]), d.value && f("li", {
-          class: "f-btn-icon f-bare",
-          onClick: (A) => R(A, !1)
-        }, [f("span", {
-          class: "f-icon modal_close"
-        }, null)])])])]), f("div", {
-          ref: "dragableElementRef",
-          class: "f-utils-absolute-all",
-          style: J.value
-        }, null), f("div", {
-          class: x.value
-        }, [(V = (k = t.slots).default) == null ? void 0 : V.call(k), v.value === "iframe" && f("iframe", {
-          title: l.value,
-          class: "f-utils-fill",
-          width: "100%",
-          frameborder: "0",
-          src: C.value
-        }, null)]), M.value && f("div", {
-          class: "modal-footer",
-          style: j.value
-        }, [I.value && I.value.map((A) => f("button", {
-          type: "button",
-          class: A.class + " " + (A.iconClass && "btn-icontext"),
-          onClick: (_) => {
-            A.handle && A.handle(_);
-          }
-        }, [!!A.iconClass && f("i", {
-          class: A.iconClass
-        }, null), A.text]))])])])])];
-      }
-    });
-  }
-});
-function ot(e) {
-  if (e.content && e.content.render)
-    return e.content.render;
-  if (e.render && typeof e.render == "function")
-    return e.render;
-}
-function at(e) {
-  const t = document.createElement("div");
-  t.style.display = "contents";
-  const o = de({
-    setup() {
-      ae(() => {
-        document.body.removeChild(t);
-      });
-      const i = c(e.class || ""), n = c(!!e.showButtons), l = c(!!e.showHeader), u = c(!0), p = c(e.title || ""), m = e.acceptCallback || (() => {
-      }), s = e.rejectCallback || (() => {
-      }), d = ot(e), a = () => {
-        u.value = !1, o.unmount();
-      };
-      return () => f(nt, {
-        class: i.value,
-        modelValue: u.value,
-        "onUpdate:modelValue": (r) => u.value = r,
-        title: p.value,
-        width: e.width,
-        height: e.height,
-        buttons: e.buttons,
-        "show-header": l.value,
-        "show-buttons": n.value,
-        onAccept: m,
-        onCancel: s,
-        fitContent: e.fitContent,
-        onClosed: a
-      }, {
-        default: () => [d && d(o)]
-      });
-    }
-  });
-  return document.body.appendChild(t), o.mount(t), o;
-}
-class ge {
-  static show(t) {
-    const o = Object.assign({
-      title: "",
-      showButtons: !0,
-      showHeader: !0
-    }, t);
-    return at(o);
-  }
-}
-function lt(e, t, o, i) {
-  const n = c(e.buttonBehavior), l = c(e.popupOnInput), u = g(() => ({
-    "input-group-append": !0,
-    "append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
-  })), p = g(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable);
-  async function m(a) {
-    if (p.value) {
-      const r = !!t.slots.default;
-      if (n.value === "Modal") {
-        const v = e.modalOptions;
-        ge.show({
-          ...v,
-          render: () => t.slots.default && t.slots.default()
-        });
-      }
-      n.value === "Overlay" && et.show({
-        // host: buttonEditRef.value,
-        host: document.body,
-        backgroundColor: "rgba(0,0,0,.15)",
-        render: () => t.slots.default && t.slots.default()
-      }), r && n.value === "Popup" && i.togglePopup(), r && l.value && i.hidePopup(), t.emit("clickButton", { origin: a, value: e.modelValue });
-    }
-    a.stopPropagation();
-  }
-  function s(a) {
-    t.emit("mouseEnterIcon", a);
-  }
-  function d(a) {
-    t.emit("mouseLeaveIcon", a);
-  }
-  return {
-    buttonGroupClass: u,
-    onClickButton: m,
-    onMouseEnterButton: s,
-    onMouseLeaveButton: d
-  };
-}
-function ut(e, t, o, i, n, l) {
-  const u = c(!1), p = g(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: m } = l;
-  function s(v) {
-    u.value = v;
-  }
-  L(n, () => {
-    s(!!n.value);
-  });
-  function d(v) {
-    const C = !e.readonly && !e.disable && e.editable, h = !e.editable;
-    v.stopPropagation(), (C || h) && (m("", !1), s(!u.value), t.emit("clear"));
-  }
-  function a(v) {
-    if (p.value) {
-      if (!o.value) {
-        s(!1);
-        return;
-      }
-      !e.disable && !e.readonly && s(!0);
-    }
-  }
-  function r(v) {
-    p.value && s(!1);
-  }
-  return {
-    enableClearButton: p,
-    showClearButton: u,
-    onClearValue: d,
-    onMouseEnterTextBox: a,
-    onMouseLeaveTextBox: r
-  };
-}
-function it(e, t, o, i, n) {
-  const l = c(e.popupOnInput), u = c(e.popupOnFocus), { shouldPopupContent: p } = n, m = g(() => e.enableTitle ? o.value : ""), s = g(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), d = g(() => e.readonly || !e.editable), a = c(!1), r = g(() => !e.disable && a.value), v = g(() => ({
-    "text-left": e.textAlign === "left",
-    "text-center": e.textAlign === "center",
-    "text-right": e.textAlign === "right",
-    "form-control": !0,
-    "f-utils-fill": !0
-  })), C = g(() => ({
-    "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": r.value
-  }));
-  function h(B, D = !0) {
-    o.value !== B && (o.value = B, D && t.emit("change", B), t.emit("update:modelValue", B));
-  }
-  function E(B) {
-    p.value = !1, h(B, !0);
-  }
-  L(
-    () => e.modelValue,
-    (B) => {
-      o.value = B;
-    }
-  );
-  function P(B) {
-    a.value = !1, t.emit("blur", B), B.stopPropagation();
-  }
-  function R(B) {
-    t.emit("click", B);
-  }
-  function F(B) {
-    e.disable || (a.value = !0, d.value || (t.emit("focus", B), u.value && !p.value && n.popup()));
-  }
-  function I(B) {
-    t.emit("input", B.target.value);
-    const D = B.target.value;
-    i.value = D, o.value !== D && h(D, !1), l.value && !p.value && n.popup();
-  }
-  function $(B) {
-    B.target.tagName !== "INPUT" && B.preventDefault(), B.stopPropagation();
-  }
-  function M(B) {
-    t.emit("keydown", B);
-  }
-  function S(B) {
-    B.key === "Enter" && (l.value || u.value) && n.hidePopup(), t.emit("keyup", B);
-  }
-  function W(B) {
-    const D = B.target.value;
-    B.stopPropagation(), h(D);
-  }
-  return {
-    hasFocusedTextBox: r,
-    isTextBoxReadonly: d,
-    textBoxClass: v,
-    textBoxPlaceholder: s,
-    textBoxTitle: m,
-    inputGroupClass: C,
-    changeTextBoxValue: h,
-    commitValue: E,
-    onBlurTextBox: P,
-    onClickTextBox: R,
-    onFocusTextBox: F,
-    onInput: I,
-    onKeyDownTextBox: M,
-    onKeyUpTextBox: S,
-    onMouseDownTextBox: $,
-    onTextBoxValueChange: W
-  };
-}
-function st(e, t, o) {
-  const i = c(), n = c(!1);
-  function l() {
-    const s = i.value;
-    s && s.show(o.value);
-  }
-  async function u() {
-    !!t.slots.default && (n.value = !n.value, await Y(), l());
-  }
-  async function p() {
-    !!t.slots.default && (n.value = !0, await Y(), l());
-  }
-  function m() {
-    n.value = !1;
-  }
-  return { hidePopup: m, popup: p, shouldPopupContent: n, togglePopup: u, popoverRef: i };
-}
-function rt(e, t, o) {
-  const {
-    isTextBoxReadonly: i,
-    textBoxClass: n,
-    textBoxPlaceholder: l,
-    textBoxTitle: u,
-    onBlurTextBox: p,
-    onClickTextBox: m,
-    onFocusTextBox: s,
-    onInput: d,
-    onKeyDownTextBox: a,
-    onKeyUpTextBox: r,
-    onMouseDownTextBox: v,
-    onTextBoxValueChange: C
-  } = o;
-  return () => f("input", {
-    name: "input-group-value",
-    autocomplete: e.autoComplete ? "on" : "off",
-    class: n.value,
-    disabled: e.disable,
-    maxlength: e.maxLength,
-    minlength: e.minLength,
-    placeholder: l.value,
-    readonly: i.value,
-    tabindex: e.tabIndex,
-    title: u.value,
-    type: e.inputType,
-    value: t.value,
-    onBlur: p,
-    onChange: C,
-    onClick: m,
-    onFocus: s,
-    onInput: d,
-    onKeydown: a,
-    onKeyup: r,
-    onMousedown: v
-  }, null);
-}
-function ct(e, t, o) {
-  return t;
-}
-const dt = /* @__PURE__ */ new Map([
-  ["appearance", se]
-]), ft = "tags", pt = "A Farris Component", vt = "object", mt = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, yt = {
-  title: ft,
-  description: pt,
-  type: vt,
-  categories: mt
-}, gt = "https://json-schema.org/draft/2020-12/schema", bt = "https://farris-design.gitee.io/tags.schema.json", ht = "tags", Ct = "A Farris Component", Bt = "object", wt = {
-  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
-  }
-}, xt = [
-  "id",
-  "type"
-], Tt = {
-  $schema: gt,
-  $id: bt,
-  title: ht,
-  description: Ct,
-  type: Bt,
-  properties: wt,
-  required: xt
-}, be = {
-  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 }
-};
-ie(be, Tt, dt, ct, yt);
-function kt(e, t, o, i) {
-  const n = c(-1), l = c(!1);
-  function u(d, a, r) {
-    d.stopPropagation(), a && setTimeout(() => {
-      n.value = r, l.value = !0, a.moving = !0;
-    });
-  }
-  function p(d, a) {
-    if (d.preventDefault(), n.value !== a) {
-      const r = i.value[n.value], v = i.value;
-      v.splice(n.value, 1), v.splice(a, 0, r), n.value = a;
-    }
-  }
-  function m(d, a) {
-    d.preventDefault(), d.dataTransfer && (d.dataTransfer.dropEffect = "move");
-  }
-  function s(d, a) {
-    a && (a.moving = !1), o.value = i.value.filter((r) => r.type === "Tag").map((r) => r.payload), l.value = !1, t.emit("change", o.value);
-  }
-  return {
-    dragstart: u,
-    dragenter: p,
-    dragover: m,
-    dragend: s,
-    isDragging: l
-  };
-}
-const Pt = /* @__PURE__ */ G({
-  name: "FTags",
-  props: be,
-  emits: ["remove", "selectionChange", "change"],
-  setup(e, t) {
-    const o = c(e.selectable), i = c(e.customClass), n = c(e.data), l = c(e.tagType), u = c(e.tagStyle), p = c(e.showColor), m = c(e.customStyle), s = c(e.activeTag), d = c(e.showClose), a = c(e.addButtonText), r = c(), v = c(e.wrapText), C = c();
-    c(e.disable);
-    const h = c(!1);
-    function E() {
-      const y = n.value.map((b) => ({
-        type: "Tag",
-        payload: b
-      }));
-      return e.showAddButton && y.push({
-        type: "AddButton"
-      }), y;
-    }
-    const P = c(E());
-    function R(y) {
-      n.value = y, P.value = E();
-    }
-    const F = g(() => P.value.findIndex((y) => y.type === "Input")), I = kt(e, t, n, P), {
-      dragstart: $,
-      dragenter: M,
-      dragover: S,
-      dragend: W
-    } = I;
-    L(() => e.data, (y) => R(y)), L(() => e.showAddButton, () => {
-      P.value = E();
-    }), L(() => e.disable, (y) => {
-      P.value = E();
-    }), L(() => e.activeTag, (y) => {
-      s.value = y;
-    }), L(h, (y) => {
-      const b = [...P.value];
-      y ? b.length > 0 && b[b.length - 1].type != "Input" && (b.splice(b.length - 1, 1), b.splice(b.length, 0, {
-        type: "Input"
-      }), P.value = b, Y(() => {
-        C.value && C.value.focus();
-      })) : b.length > 0 && b[b.length - 1].type != "AddButton" && (b.splice(b.length - 1, 1), b.splice(b.length, 0, {
-        type: "AddButton"
-      }), P.value = b);
-    });
-    const B = g(() => {
-      const y = {
-        "farris-tags": !0,
-        "farris-tags-checkable": o.value,
-        "farris-tags-nowrap": !v.value
-      };
-      return i.value.split(" ").reduce((b, T) => (b[T] = !0, b), y), y;
-    });
-    function D(y) {
-      const b = {
-        "farris-tag-item": !0,
-        "farris-tag-item-checked": o.value && y.checked,
-        "farris-tag-item-checkable": o.value,
-        "farris-tag-item-has-color": p.value,
-        "farris-tag-item-actived": s.value === y.name
-      };
-      if (l.value) {
-        const T = `farris-tag-item-${l.value}`;
-        b[T] = !0;
-      }
-      return b;
-    }
-    const q = g(() => {
-      const y = {};
-      return m.value && m.value.split(";").reduce((b, T) => {
-        const z = T.split(":");
-        return b[z[0]] = z[1], b;
-      }, y), y;
-    });
-    function w(y, b) {
-      !e.disable && o.value && (!b.hasOwnProperty("selectable") || b.selectable) && (b.checked = !b.checked, s.value = b.checked ? b.name : "", b.checked && n.value.filter((T) => T.name !== b.name).forEach((T) => {
-        T.checked = !b.checked;
-      }), t.emit("change", n.value), t.emit("selectionChange", b));
-    }
-    function N(y, b) {
-      let T;
-      switch (y.key) {
-        case "Backspace":
-          n.value = n.value.filter((z) => z.name !== b.name), t.emit("change", n.value);
-          break;
-        case "ArrowLeft":
-          T = Math.max(r.value.scrollLeft + 20, 0), r.value.scrollLeft = T;
-          break;
-        case "ArrowRight":
-          T = Math.max(r.value.scrollLeft - 20, 0), r.value.scrollLeft = T;
-      }
-    }
-    function U(y, b) {
-      const T = n.value.findIndex((z) => z.name === b.name);
-      if (T > -1) {
-        const [z] = n.value.splice(T, 1);
-        P.value = E(), t.emit("change", n.value), t.emit("remove", {
-          tags: n.value,
-          remove: z
-        });
-      }
-      y.stopPropagation();
-    }
-    const K = g(() => ({
-      "farris-tag-item": !0,
-      "farris-tag-add-button": !0,
-      "farris-tag-add-button-disabled": !e.enableAddButton
-    }));
-    function J(y) {
-      y.stopPropagation(), h.value = !0;
-    }
-    function x() {
-      return !e.disable && f("li", {
-        class: K.value,
-        onClick: (y) => J(y)
-      }, [f("span", {
-        class: "f-icon f-icon-amplification"
-      }, null), a.value && f("span", {
-        class: "farris-tag-add-text"
-      }, [a.value])]);
-    }
-    function O(y, b, T) {
-      y > -1 && (n.value.splice(y, 0, {
-        name: b,
-        value: T,
-        selectable: o.value
-      }), P.value = E(), h.value = !1, t.emit("change", n.value));
-    }
-    function j(y) {
-      if (y && y.value) {
-        const b = y.value, T = F.value;
-        O(T, b, b), y.innerText = "";
-      } else
-        h.value = !1;
-    }
-    function H(y) {
-      const b = y.target;
-      b && b.value ? j(b) : h.value = !1;
-    }
-    function k(y) {
-      y.key === "Enter" && j(y.target);
-    }
-    function V() {
-      return !e.disable && f("li", {
-        class: "farris-tag-input-box"
-      }, [f("input", {
-        ref: C,
-        class: "form-control",
-        onKeyup: k,
-        onBlur: H
-      }, null)]);
-    }
-    function A(y, b) {
-      return f("li", {
-        class: D(y),
-        style: q.value,
-        tabindex: 0,
-        id: y.name,
-        key: y.name,
-        onClick: (T) => w(T, y),
-        onKeydown: (T) => N(T, y),
-        draggable: "true",
-        onDragstart: (T) => $(T, y, b),
-        onDragenter: (T) => M(T, b),
-        onDragend: (T) => W(T, y),
-        onDragover: (T) => S(T, b)
-      }, [f("span", {
-        title: y.name,
-        class: "tag-box"
-      }, [y.name]), !e.disable && d.value && f("span", {
-        class: "tag-delete"
-      }, [f("i", {
-        class: "f-icon f-icon-close",
-        onClick: (T) => U(T, y)
-      }, null)])]);
-    }
-    function _() {
-      return P.value.map((y, b) => {
-        switch (y.type) {
-          case "Tag":
-            return A(y.payload, b);
-          case "AddButton":
-            return x();
-          case "Input":
-            return V();
-        }
-      });
-    }
-    const Z = g(() => ({
-      "farris-tags-item-container": !0,
-      "farris-tag-item-capsule": u.value === "capsule"
-    }));
-    function ee(y) {
-      const b = Math.max(r.value.scrollLeft - y.deltaX, 0);
-      r.value.scrollLeft = b;
-    }
-    function Be(y) {
-      var T;
-      y.preventDefault(), y.stopPropagation();
-      const b = (T = y.dataTransfer) == null ? void 0 : T.getData("Text");
-      if (b) {
-        const z = b.split(":"), xe = z[0], Q = z[1];
-        [...n.value].findIndex((te) => (console.log(`${te.value} === ${Q} is ${te.value === Q}`), te.value === Q)) > -1 || O(n.value.length, xe, Q);
-      }
-    }
-    function we(y) {
-      y.preventDefault();
-    }
-    return () => f("div", {
-      class: B.value,
-      onDrop: Be,
-      onDragover: we
-    }, [f("ul", {
-      ref: r,
-      class: Z.value,
-      onWheel: (y) => ee(y)
-    }, [_()])]);
-  }
-});
-function Ot(e, t, o) {
-  const i = c(e.separator), {
-    changeTextBoxValue: n
-  } = o, l = g(() => t.value ? t.value.split(i.value).map((p) => ({
-    name: p,
-    selectable: !0
-  })) : []);
-  function u(p) {
-    n(p.map((m) => m.name).join(i.value), !0);
-  }
-  return () => f(Pt, {
-    id: `${e.id}-tag-editor`,
-    class: "form-control",
-    data: l.value,
-    showClose: !0,
-    showInput: !0,
-    onChange: u
-  }, null);
-}
-function St(e, t, o) {
-  const {
-    buttonGroupClass: i,
-    onClickButton: n,
-    onMouseEnterButton: l,
-    onMouseLeaveButton: u
-  } = t, {
-    enableClearButton: p,
-    showClearButton: m,
-    onClearValue: s
-  } = o;
-  return () => f("div", {
-    id: `${e.id}-button-group`,
-    class: i.value
-  }, [p.value && le(f("span", {
-    class: "input-group-text input-group-clear",
-    onClick: s
-  }, [f("i", {
-    class: "f-icon modal_close"
-  }, null)]), [[fe, m.value]]), e.buttonContent && f("span", {
-    class: "input-group-text input-group-append-button",
-    innerHTML: e.buttonContent,
-    onClick: n,
-    onMouseenter: l,
-    onMouseleave: u
-  }, null)]);
-}
-const Et = {
-  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: c(0) },
-  zIndex: { type: Number, default: -1 },
-  keepWidthWithReference: { type: Boolean, default: !1 },
-  fitContent: { type: Boolean, default: !1 },
-  minWidth: { type: Number, default: -1 }
-};
-function jt(e) {
-  const t = e.host ? e.host : "body", o = g(() => t === "body" ? 0 : t ? t.getBoundingClientRect().top : 0), i = g(() => t === "body" ? 0 : t ? t.getBoundingClientRect().left : 0), n = g(() => t === "body" ? document.body.getBoundingClientRect().width : t ? t.getBoundingClientRect().width - (e.rightBoundary ? e.rightBoundary.getBoundingClientRect().width : 0) : document.body.getBoundingClientRect().width), l = g(() => t === "body" ? document.body.getBoundingClientRect().height : t ? t.getBoundingClientRect().height : document.body.getBoundingClientRect().height);
-  return { host: t, hostLeft: i, hostTop: o, hostWidth: n, hostHeight: l };
-}
-function It(e, t, o, i) {
-  var J;
-  const n = c(0), l = c(((J = e.offsetX) == null ? void 0 : J.value) || 0), u = c(e.minWidth), p = c(-1), m = c(-1), s = c(e.placement), d = c(0), a = c(0), r = c(0), v = c(document.documentElement.scrollLeft), C = c(document.documentElement.scrollTop), { hostLeft: h, hostTop: E, hostWidth: P, hostHeight: R } = i;
-  L(e.offsetX, (x) => {
-    n.value = x - l.value;
-  });
-  const F = g(() => {
-    const x = {
-      left: `${a.value}px`,
-      top: `${r.value}px`,
-      transform: `translateX(${n.value}px)`
-    };
-    return e.zIndex !== -1 && (x["z-index"] = e.zIndex), u.value !== -1 && (x.width = `${u.value}px`), x;
-  }), I = g(() => ({
-    left: `${d.value}px`
-  }));
-  function $(x) {
-    if (x && e.keepWidthWithReference) {
-      const O = x.getBoundingClientRect();
-      u.value = Math.max(e.minWidth, O.width);
-    }
-  }
-  function M(x, O) {
-    const j = P.value - x.width - 4;
-    return j > 0 ? j : O;
-  }
-  function S(x, O) {
-    const j = R.value - x.height - 4;
-    return j > 0 ? j : O;
-  }
-  function W(x, O, j) {
-    const H = d.value, k = O.left - h.value + O.width / 2 + v.value, V = O.top - E.value - (x.height + j.height) + C.value;
-    return { popoverLeft: k, popoverTop: V, arrowLeft: H };
-  }
-  function B(x, O, j) {
-    const H = O.top - E.value + (O.height + j.height) + C.value, k = S(x, H);
-    return Math.min(H, k);
-  }
-  function D(x, O) {
-    const j = M(O, x), H = x <= j ? d.value : x - j;
-    return { popoverLeft: Math.min(x, j), arrowLeft: H };
-  }
-  function q(x, O, j) {
-    const H = O.left - h.value + O.width / 2 - (j.width / 2 - (x.left - h.value)) + v.value, { arrowLeft: k, popoverLeft: V } = D(H, x), A = B(x, O, j);
-    return { popoverLeft: V, popoverTop: A, arrowLeft: k };
-  }
-  function w(x, O, j) {
-    const H = O.left - h.value + v.value, { arrowLeft: k, popoverLeft: V } = D(H, x), A = B(x, O, j);
-    return { popoverLeft: V, popoverTop: A, arrowLeft: k };
-  }
-  const N = /* @__PURE__ */ new Map([
-    ["top", W],
-    ["bottom", q],
-    ["bottom-left", w]
-  ]);
-  function U(x) {
-    var V, A;
-    const O = x.getBoundingClientRect();
-    p.value = O.top, m.value = O.left;
-    const j = (V = t.value) == null ? void 0 : V.getBoundingClientRect(), H = (A = o.value) == null ? void 0 : A.getBoundingClientRect(), k = N.get(s.value);
-    if (k) {
-      const { arrowLeft: _, popoverLeft: Z, popoverTop: ee } = k(H, O, j);
-      d.value = _, a.value = Z, r.value = ee;
-    }
-    e.keepWidthWithReference && $(x);
-  }
-  function K(x) {
-    if (x) {
-      const O = x.getBoundingClientRect();
-      (O.left !== m.value || O.top !== p.value) && U(x);
-    }
-  }
-  return {
-    arrowStyle: I,
-    popoverStyle: F,
-    position: s,
-    popoverWidth: u,
-    fitToReference: $,
-    followToReferencePosition: K,
-    locateToReference: U
-  };
-}
-function Ft(e, t, o, i, n, l, u) {
-  const p = c(e.visible), m = g(() => p.value), { fitToReference: s, locateToReference: d } = u;
-  let a;
-  function r() {
-    p.value = !1, document.body.removeEventListener("click", a), t.emit("hidden");
-  }
-  a = (C) => {
-    if (!n.value.contains(C.target)) {
-      const h = n.value.closest(".popover");
-      h && h.removeEventListener("click", a), r();
-    }
-  };
-  async function v(C) {
-    if (i.value && o.value && C) {
-      p.value = !0, n.value = C, l.value && s(C), await Y(), d(C), document.body.addEventListener("click", a);
-      const h = C.closest(".popover");
-      h && h.addEventListener("click", a), t.emit("shown");
-    }
-  }
-  return t.expose({ hide: r, show: v, shown: m }), { showPopover: p, hidePopverOnClickBodyHandler: a };
-}
-function Mt(e, t, o, i, n) {
-  const { popoverWidth: l, fitToReference: u, followToReferencePosition: p } = n;
-  function m() {
-    if (o.value) {
-      p(o.value);
-      const s = o.value.getBoundingClientRect();
-      i.value && s.width !== l.value && u(o.value);
-    }
-  }
-  return { onResize: m };
-}
-const At = /* @__PURE__ */ G({
-  name: "FPopover",
-  props: Et,
-  emits: ["shown", "hidden"],
-  setup(e, t) {
-    const o = c(), i = c(), n = c(e.reference), l = c(e.keepWidthWithReference), u = g(() => !!e.title), p = jt(e), {
-      host: m
-    } = p, s = It(e, o, i, p), {
-      position: d,
-      arrowStyle: a,
-      popoverStyle: r,
-      fitToReference: v,
-      locateToReference: C
-    } = s, {
-      showPopover: h,
-      hidePopverOnClickBodyHandler: E
-    } = Ft(e, t, o, i, n, l, s), {
-      onResize: P
-    } = Mt(e, t, n, l, s), R = g(() => {
-      const I = `popover in popover-${d.value}`, $ = `bs-popover-${d.value}`, M = {
-        "popover-fitcontent": e.fitContent
-      };
-      return M[I] = !0, M[$] = !0, (e.class || "").split(" ").reduce((W, B) => (W[B] = !0, W), M), M;
-    }), F = g(() => ({
-      "popover-content": !0,
-      "popover-body": !0
-    }));
-    return ue(() => {
-      e.reference && C(n.value), l.value && v(n.value), window.addEventListener("resize", P);
-    }), ae(() => {
-      document.body.removeEventListener("click", E), window.removeEventListener("resize", P);
-    }), () => f(oe, {
-      to: m
-    }, {
-      default: () => {
-        var I;
-        return [le(f("div", {
-          ref: i,
-          class: R.value,
-          style: r.value,
-          onClick: ($) => {
-            $.stopPropagation();
-          }
-        }, [f("div", {
-          ref: o,
-          class: "popover-arrow arrow",
-          style: a.value
-        }, null), u.value && f("h3", {
-          class: "popover-title popover-header"
-        }, [e.title]), f("div", {
-          class: F.value
-        }, [t.slots.default && ((I = t.slots) == null ? void 0 : I.default())])]), [[fe, h.value]])];
-      }
-    });
-  }
-});
-function Lt(e, t, o) {
-  const i = c(e.popupMinWidth), {
-    hidePopup: n,
-    popoverRef: l
-  } = o;
-  return () => f(At, {
-    id: `${e.id}-popover`,
-    ref: l,
-    visible: !0,
-    placement: "bottom-left",
-    host: e.popupHost,
-    "keep-width-with-reference": !0,
-    fitContent: !0,
-    "right-boundary": e.popupRightBoundary,
-    minWidth: i.value,
-    offsetX: e.popupOffsetX,
-    onHidden: n
-  }, {
-    default: () => {
-      var u, p;
-      return [(p = (u = t.slots).default) == null ? void 0 : p.call(u)];
-    }
-  });
-}
-const Rt = /* @__PURE__ */ G({
-  name: "FButtonEdit",
-  props: ye,
-  emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
-  setup(e, t) {
-    const o = c(), i = c(e.customClass), n = c(e.modelValue), l = st(e, t, o), {
-      shouldPopupContent: u,
-      hidePopup: p,
-      togglePopup: m
-    } = l, s = lt(e, t, o, l), d = c(""), a = it(e, t, n, d, l), {
-      hasFocusedTextBox: r,
-      commitValue: v,
-      inputGroupClass: C
-    } = a, h = ut(e, t, n, r, d, a), {
-      onMouseEnterTextBox: E,
-      onMouseLeaveTextBox: P
-    } = h, R = g(() => {
-      const B = {
-        "f-button-edit": !0,
-        "f-cmp-inputgroup": !0,
-        "f-button-edit-nowrap": !e.wrapText
-      };
-      return i.value && i.value.split(" ").reduce((D, q) => (D[q] = !0, D), B), B;
-    });
-    function F() {
-      return e.multiSelect && e.inputType === "tag" ? Ot(e, n, a) : rt(e, n, a);
-    }
-    let I = F();
-    L([() => e.multiSelect, () => e.inputType], () => {
-      I = F();
-    });
-    const $ = St(e, s, h), M = Lt(e, t, l), S = {
-      commitValue: v,
-      elementRef: o,
-      hidePopup: p,
-      shouldPopupContent: u,
-      togglePopup: m
-    };
-    ue(() => {
-      o.value.componentInstance = S, window.onresize = () => {
-        document.body.click();
-      };
-    });
-    function W(B) {
-      o.value.contains(B.target) && u.value || document.body.click();
-    }
-    return t.expose(S), () => f(pe, null, [f("div", Te(t.attrs, {
-      ref: o,
-      class: R.value,
-      id: e.id,
-      onMousedown: W
-    }), [f("div", {
-      id: `${e.id}-input-group`,
-      class: C.value,
-      onMouseenter: E,
-      onMouseleave: P
-    }, [I(), $()])]), u.value && M()]);
-  }
-}), he = {
-  items: { type: Array, default: [] },
-  valueField: { type: String, default: "id" },
-  textField: { type: String, default: "name" },
-  beforeOpen: { type: Function, default: () => !0 },
-  disabled: { type: Boolean, default: !1 },
-  readonly: { type: Boolean, default: !1 }
-}, $t = /* @__PURE__ */ new Map([
-  ["appearance", se]
-]);
-function Dt(e, t, o) {
-  return t;
-}
-const Vt = "https://json-schema.org/draft/2020-12/schema", Wt = "https://farris-design.gitee.io/input-group.schema.json", Ht = "input-group", Nt = "A Farris Input Component", zt = "object", Gt = {
-  id: {
-    description: "The unique identifier for a Input Group",
-    type: "string"
-  },
-  type: {
-    description: "The type string of Input Group component",
-    type: "string",
-    default: "input-group"
-  },
-  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: ""
-  },
-  addonDisabled: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  addonContent: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  autoHeight: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  enableAddon: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  addonType: {
-    description: "",
-    type: "string",
-    enum: [
-      "button",
-      "static"
-    ],
-    default: "button"
-  },
-  enableClear: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  enableViewPassword: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  inputType: {
-    description: "",
-    type: "string",
-    enum: [
-      "input",
-      "password",
-      "text"
-    ],
-    default: "input"
-  },
-  maxHeight: {
-    description: "",
-    type: "number",
-    default: 500
-  },
-  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
-      }
-    }
-  },
-  showButtonWhenDisabled: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  onClear: {
-    description: "",
-    type: "string",
-    default: ""
-  }
-}, qt = [
-  "id",
-  "type"
-], Ut = {
-  $schema: Vt,
-  $id: Wt,
-  title: Ht,
-  description: Nt,
-  type: zt,
-  properties: Gt,
-  required: qt
-}, Xt = "input-group", Kt = "A Farris Component", _t = "object", Jt = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "类型",
-        title: "类型",
-        type: "string",
-        readonly: !0
-      }
-    }
-  },
-  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: "右对齐"
-            }
-          ]
-        }
-      }
-    }
-  }
-}, Qt = {
-  title: Xt,
-  description: Kt,
-  type: _t,
-  categories: Jt
-}, Ce = {
-  /** 是否自动完成 */
-  autocomplete: { Type: String, default: "off" },
-  /** 自定义CLASS */
-  customClass: { Type: String, default: "" },
-  /** 禁用 */
-  disable: { Type: Boolean, default: !1 },
-  /** 允许编辑 */
-  editable: { Type: Boolean, default: !0 },
-  /** 启用清除按钮 */
-  enableClear: { Type: Boolean, default: !0 },
-  /** 启用提示文本 */
-  enableTitle: { Type: Boolean, default: !0 },
-  /** 启用密码 */
-  enableViewPassword: { Type: Boolean, default: !0 },
-  /** 始终显示占位符文本 */
-  forcePlaceholder: { Type: Boolean, default: !1 },
-  /** 扩展按钮 */
-  groupText: { Type: String, default: "" },
-  /** 密码模式 */
-  isPassword: { Type: Boolean, default: !1 },
-  /** 最大长度 */
-  maxLength: { Type: Number || void 0, default: void 0 },
-  /** 最小长度 */
-  minLength: { Type: Number || void 0, default: void 0 },
-  /** 组件值 */
-  modelValue: { Type: String || Boolean, default: "" },
-  /** 隐藏边线 */
-  noborder: { Type: Boolean, default: !1 },
-  /** 启用提示信息 */
-  placeholder: { Type: String, default: "" },
-  /** 只读 */
-  readonly: { Type: Boolean, default: !1 },
-  /** 当组件禁用或只读时显示后边的按钮 */
-  showButtonWhenDisabled: { Type: Boolean, default: !1 },
-  /** tab索引 */
-  tabIndex: { Type: Number || void 0, default: void 0 },
-  /** 文本在输入框中的对齐方式 */
-  textAlign: { Type: String, default: "left" },
-  /** 是否启用前置扩展信息；在输入框前面 显示 ① 图标鼠标滑过后显示 */
-  useExtendInfo: { Type: Boolean, default: !1 },
-  /** 前置扩展信息 */
-  extendInfo: { Type: String, default: "" },
-  /** 输入值 */
-  value: { Type: String, default: "" }
-};
-ie(Ce, Ut, $t, Dt, Qt);
-function Yt(e, t) {
-  const o = g(() => e.groupText), i = g(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), n = g(() => e.enableClear || !!e.groupText);
-  return { appendedButtonClass: g(() => ({
-    "input-group-append": !0,
-    "append-force-show": i.value
-  })), appendedContent: o, shouldShowAppendedButton: n };
-}
-function Zt(e, t, o, i) {
-  const { appendedContent: n } = i, l = c(e.enableViewPassword), u = c(e.isPassword), p = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', m = '<span class="f-icon f-icon-eye"></span>', s = c(!1);
-  L(() => [e.readonly, e.disabled], ([r, v]) => {
-    u.value && (o.value = r || v ? "password" : o.value, n.value = r || v ? m : n.value);
-  });
-  function d() {
-    return s.value = !s.value, o.value = s.value ? "text" : "password", n.value = s.value ? p : m, !1;
-  }
-  function a() {
-    o.value = u.value ? "password" : "text", n.value = u.value ? l.value ? m : "" : n.value;
-  }
-  return a(), { isPassword: u, onClickAppendedButton: d };
-}
-function en(e, t, o, i) {
-  const n = c(e.disable), l = c(!1), u = c("text"), p = c(e.noborder), m = c(e.textAlign), s = g(() => e.editable || !e.readonly), d = g(() => e.editable && !e.disable && !e.readonly), a = g(() => !e.disable && l.value), r = g(() => o.value === "" || o.value === null || o.value === void 0), v = g(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), C = g(() => e.readonly || !e.editable), h = g(() => e.enableTitle ? o.value : ""), E = g(() => ({
-    "form-control": !0,
-    "f-utils-fill": !0,
-    "text-left": m.value === "left",
-    "text-center": m.value === "center",
-    "text-right": m.value === "right"
-  })), P = g(() => {
-    const w = {
-      "f-cmp-inputgroup": !0,
-      "input-group": !0,
-      "f-state-disable": n.value,
-      "f-state-editable": d.value,
-      "f-state-readonly": C.value,
-      "f-state-focus": a.value
-    };
-    return (e.customClass || "").split(" ").reduce((U, K) => (U[K] = !0, U), w), w;
-  }), R = g(() => p.value ? "border-width : 0 " : "");
-  function F(w, N = !0) {
-    o.value !== w && (o.value = w, i.value !== w && (i.value = w), N && t.emit("change", w), t.emit("update:modelValue", w), t.emit("update:value", w));
-  }
-  L(
-    () => e.modelValue,
-    (w) => {
-      o.value !== e.modelValue && (o.value = w, i.value = w);
-    }
-  );
-  function I(w) {
-    return l.value = !1, t.emit("blur", w), w.stopPropagation(), !1;
-  }
-  function $(w) {
-    t.emit("click", w);
-  }
-  function M(w) {
-    e.disable || (p.value || (l.value = !0), s.value && t.emit("focus", w));
-  }
-  function S(w) {
-    t.emit("input", w.target.value);
-    const N = w.target.value;
-    i.value = N;
-  }
-  function W(w) {
-    t.emit("keydown", w);
-  }
-  function B(w) {
-    t.emit("keyup", w);
-  }
-  function D(w) {
-    w.target.tagName !== "INPUT" && w.preventDefault(), w.stopPropagation();
-  }
-  function q(w) {
-    const N = w.target.value;
-    w.stopPropagation(), F(N);
-  }
-  return {
-    changeTextBoxValue: F,
-    disable: n,
-    displayText: i,
-    editable: d,
-    hasFocused: a,
-    inputGroupClass: P,
-    inputType: u,
-    isEmpty: r,
-    modelValue: o,
-    readonly: C,
-    onBlur: I,
-    onClick: $,
-    onFocus: M,
-    onInput: S,
-    onKeydown: W,
-    onKeyup: B,
-    onMousedown: D,
-    onTextBoxValueChange: q,
-    placeholder: v,
-    textBoxClass: E,
-    textBoxTitle: h,
-    inputGroupStyle: R
-  };
-}
-function tn(e, t, o) {
-  const i = c(!1), n = g(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: l, displayText: u, hasFocused: p, isEmpty: m } = o;
-  function s(h) {
-    i.value = h;
-  }
-  L(u, () => {
-    p.value ? s(!!u.value) : s(!1);
-  });
-  const d = g(() => ({
-    "input-group-text": !0,
-    "input-group-clear": !0
-  })), a = g(() => ({
-    width: "24px",
-    display: i.value ? "flex" : "none"
-  }));
-  function r(h) {
-    h.stopPropagation(), n.value && (l("", !0), s(!i.value), t.emit("clear"));
-  }
-  function v(h) {
-    n.value && !m.value && s(!0);
-  }
-  function C(h) {
-    n.value && s(!1);
-  }
-  return { clearButtonClass: d, clearButtonStyle: a, hasShownClearButton: i, onClearValue: r, onMouseEnter: v, onMouseLeave: C, shouldShowClearButton: n };
-}
-function nn(e, t, o, i) {
-  const n = c(e.autocomplete), l = c(e.enableTitle), {
-    isPassword: u
-  } = o, p = c(e.minLength), m = c(e.maxLength), s = c(e.tabIndex), {
-    disable: d,
-    displayText: a,
-    inputType: r,
-    onBlur: v,
-    onFocus: C,
-    onInput: h,
-    onClick: E,
-    onKeydown: P,
-    onKeyup: R,
-    onMousedown: F,
-    onTextBoxValueChange: I,
-    readonly: $,
-    placeholder: M,
-    textBoxClass: S,
-    textBoxTitle: W
-  } = i;
-  return () => f("input", {
-    name: "input-group-value",
-    autocomplete: n.value,
-    class: S.value,
-    disabled: d.value,
-    maxlength: m.value,
-    minlength: p.value,
-    placeholder: M.value,
-    readonly: $.value,
-    tabindex: s.value,
-    title: l.value && !u.value ? W.value : "",
-    type: r.value,
-    value: a.value,
-    onBlur: v,
-    onClick: E,
-    onChange: I,
-    onFocus: C,
-    onInput: h,
-    onKeydown: P,
-    onKeyup: R,
-    onMousedown: F
-  }, null);
-}
-function on(e, t, o, i, n) {
-  const {
-    appendedButtonClass: l,
-    appendedContent: u
-  } = o, p = g(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), m = g(() => u.value && !t.slots.groupTextTemplate), s = g(() => !!t.slots.groupTextTemplate), {
-    clearButtonClass: d,
-    clearButtonStyle: a,
-    onClearValue: r,
-    shouldShowClearButton: v
-  } = i;
-  function C() {
-    return f("span", {
-      id: "clearIcon",
-      class: d.value,
-      style: a.value,
-      onClick: (S) => r(S)
-    }, [f("i", {
-      class: "f-icon modal_close"
-    }, null)]);
-  }
-  function h(S) {
-    t.emit("iconMouseEnter", S);
-  }
-  function E(S) {
-    t.emit("iconMouseLeave", S);
-  }
-  function P(S) {
-    p.value && t.emit("clickHandle", {
-      originalEvent: S
-    }), S.stopPropagation();
-  }
-  const R = e.isPassword ? n.onClickAppendedButton : P;
-  function F() {
-    return f("span", {
-      class: "input-group-text",
-      onMouseenter: (S) => h(S),
-      onMouseleave: (S) => E(S),
-      innerHTML: u.value,
-      onClick: (S) => R(S)
-    }, null);
-  }
-  function I() {
-    return t.slots.groupTextTemplate && t.slots.groupTextTemplate();
-  }
-  function $() {
-    return m.value ? F : s.value ? I : "";
-  }
-  const M = $();
-  return () => f("div", {
-    class: l.value
-  }, [v.value && C(), M && M()]);
-}
-function an(e, t) {
-  const o = g(() => e.useExtendInfo && !!e.extendInfo), i = ke({
-    content: e.extendInfo
-  });
-  function n() {
-    t.emit("updateExtendInfo");
-  }
-  return () => o.value && le(f("span", {
-    class: "input-group-before-tips",
-    onMouseenter: n
-  }, [f("i", {
-    class: "f-icon f-icon-info-circle"
-  }, null), f("b", {
-    class: "tips-arrow"
-  }, null)]), [[Pe("tooltip"), i]]);
-}
-const re = /* @__PURE__ */ G({
-  name: "FInputGroup",
-  props: Ce,
-  emits: ["clear", "change", "blur", "click", "clickHandle", "focus", "input", "keydown", "keyup", "iconMouseEnter", "iconMouseLeave", "update:modelValue", "update:value", "updateExtendInfo"],
-  setup(e, t) {
-    const o = c(e.modelValue), i = c(e.modelValue), n = en(e, t, o, i), {
-      inputGroupClass: l,
-      inputType: u,
-      inputGroupStyle: p
-    } = n, m = Yt(e), {
-      shouldShowAppendedButton: s
-    } = m, d = tn(e, t, n), {
-      onMouseEnter: a,
-      onMouseLeave: r
-    } = d, v = Zt(e, t, u, m), C = nn(e, t, v, n), h = on(e, t, m, d, v), E = an(e, t);
-    return L(() => [e.value], ([P]) => {
-      o.value = P, i.value = P;
-    }), ue(() => {
-      e.value && (o.value = e.value, i.value = e.value);
-    }), () => f("div", {
-      id: "inputGroup",
-      class: l.value,
-      style: p.value,
-      onMouseenter: a,
-      onMouseleave: r
-    }, [E(), C(), s.value && h()]);
-  }
-}), ln = {
-  items: { type: Array, default: [] },
-  valueField: { type: String, default: "value" },
-  textField: { type: String, default: "name" }
-}, un = /* @__PURE__ */ G({
-  name: "FEnumEditorTable",
-  props: ln,
-  emits: ["selected"],
-  setup(e, t) {
-    const o = c(e.items || []), i = c(), n = c();
-    function l(a) {
-      if (!n.value || !o.value || o.value.length === 0) {
-        n.value = void 0;
-        return;
-      }
-      const r = n.value.index;
-      let v = r;
-      r === a ? (v = Math.min(r + 1, o.value.length - 1), v < 0 ? n.value = void 0 : (v = v < a ? v : a, n.value = {
-        item: o.value[v],
-        index: v
-      })) : (v = r > a ? r - 1 : r, v >= 0 && v < o.value.length && (n.value = {
-        item: o.value[v],
-        index: v
-      }));
-    }
-    function u(a, r) {
-      a.stopPropagation();
-      try {
-        o.value.splice(r, 1), n.value && (l(r), t.emit("selected", n.value));
-      } catch (v) {
-        console.error("An error occurred during the enumeration data update:", v);
-      }
-    }
-    function p(a, r) {
-      n.value = r, t.emit("selected", r);
-    }
-    function m(a) {
-      var r;
-      return (r = i.value) == null ? void 0 : r.querySelector('[data-index="' + a + '"]');
-    }
-    function s(a) {
-      var v;
-      if (!a || !a.length) {
-        n.value = void 0;
-        return;
-      }
-      const r = (v = n.value) == null ? void 0 : v.item;
-      r && typeof e.valueField == "string" && e.valueField in r && (new Set(a.map((E) => E[e.valueField])).has(r[e.valueField]) || (n.value = void 0));
-    }
-    L(() => e.items, (a) => {
-      o.value = a, s(a);
-    }), L(() => {
-      var a;
-      return (a = n.value) == null ? void 0 : a.index;
-    }, (a) => {
-      if (a === void 0)
-        return;
-      const r = m(a);
-      r && r.scrollIntoView({
-        block: "center",
-        inline: "nearest"
-      });
-    });
-    function d(a) {
-      return a.map((r, v) => {
-        var C;
-        return f("tr", {
-          onClick: (h) => p(h, {
-            item: r,
-            index: v
-          }),
-          key: r.value,
-          "data-index": v,
-          class: ((C = n.value) == null ? void 0 : C.index) === v ? "selected" : ""
-        }, [f("td", null, [f(re, {
-          modelValue: r[e.valueField],
-          "onUpdate:modelValue": (h) => r[e.valueField] = h
-        }, null)]), f("td", null, [f(re, {
-          modelValue: r[e.textField],
-          "onUpdate:modelValue": (h) => r[e.textField] = h
-        }, null)]), f("td", {
-          style: "width: 42px"
-        }, [f("button", {
-          type: "button",
-          class: "btn btn-link",
-          onClick: (h) => u(h, v)
-        }, [f("span", {
-          class: "f-icon f-icon-close"
-        }, null)])])]);
-      });
-    }
-    return () => f(pe, null, [f("div", {
-      class: "shading-border-top",
-      style: "position: absolute;top: 0;width: 100%;z-index: 2;"
-    }, null), f("div", {
-      class: "table-body f-utils-fill win11Scroll show nobtn ml-3",
-      style: "overflow-y: scroll;"
-    }, [f("table", {
-      class: "table table-bordered",
-      ref: i
-    }, [f("thead", {
-      style: "position: sticky; top: 0; z-index: 1;"
-    }, [f("tr", null, [f("th", null, [f("b", null, [X("编码")])]), f("th", null, [f("b", null, [X("名称")])]), f("th", {
-      style: "width: 42px"
-    }, null)])]), f("tbody", null, [d(o.value)])])])]);
-  }
-}), sn = {
-  activeData: { type: Object, default: null },
-  itemsTotal: { type: Number, default: 0 }
-}, rn = /* @__PURE__ */ G({
-  name: "EnumEditorButtons",
-  props: sn,
-  emits: ["add", "clear", "move"],
-  setup(e, t) {
-    const o = c(e.activeData), i = c(e.itemsTotal), n = g(() => {
-      var d;
-      return ((d = o.value) == null ? void 0 : d.index) ?? -1;
-    }), l = g(() => i.value && n.value > 0), u = g(() => i.value && n.value > -1 && n.value < i.value - 1);
-    function p() {
-      t.emit("add");
-    }
-    function m() {
-      t.emit("clear");
-    }
-    function s(d, a) {
-      t.emit("move", d, a);
-    }
-    return L(() => e.activeData, (d) => {
-      o.value = d;
-    }), L(() => e.itemsTotal, (d) => {
-      i.value = d;
-    }), () => f("div", {
-      class: "footer-container mx-3 d-flex align-items-center",
-      style: "height: 36px;"
-    }, [f("button", {
-      type: "button",
-      onClick: p,
-      class: "btn btn-sm btn-primary mr-1"
-    }, [f("span", {
-      class: "f-icon f-icon-add"
-    }, null), X("新增")]), f("button", {
-      type: "button",
-      onClick: m,
-      class: "btn btn-sm btn-secondary mr-1",
-      disabled: !i.value
-    }, [f("span", {
-      class: "f-icon f-icon-delete"
-    }, null), X("清空")]), f("button", {
-      type: "button",
-      disabled: !l.value,
-      onClick: (d) => s(d, "top"),
-      class: "btn btn-sm btn-secondary mr-1"
-    }, [f("span", {
-      class: "f-icon f-icon-roofing"
-    }, null), X("置顶")]), f("button", {
-      type: "button",
-      disabled: !l.value,
-      onClick: (d) => s(d, "up"),
-      class: "btn btn-sm btn-secondary mr-1"
-    }, [f("span", {
-      class: "f-icon f-icon-arrow-chevron-up"
-    }, null), X("上移")]), f("button", {
-      type: "button",
-      disabled: !u.value,
-      onClick: (d) => s(d, "down"),
-      class: "btn btn-sm btn-secondary mr-1"
-    }, [f("span", {
-      class: "f-icon f-icon-arrow-chevron-down"
-    }, null), X("下移")]), f("button", {
-      type: "button",
-      disabled: !u.value,
-      onClick: (d) => s(d, "bottom"),
-      class: "btn btn-sm btn-secondary"
-    }, [f("span", {
-      class: "f-icon f-icon-page-last",
-      style: "transform: rotate(90deg);"
-    }, null), X("置底")])]);
-  }
-});
-function cn() {
-  function e(n, l) {
-    if (l) {
-      const { index: u } = l;
-      u > 0 && (n.unshift(l.item), n.splice(u + 1, 1), l.index = 0);
-    }
-  }
-  function t(n, l) {
-    if (l) {
-      const { index: u } = l;
-      if (u > 0) {
-        const p = n.splice(u, 1);
-        n.splice(u - 1, 0, ...p), l.index = u - 1;
-      }
-    }
-  }
-  function o(n, l) {
-    if (l) {
-      const { index: u } = l;
-      if (u < n.length - 1) {
-        const p = n.splice(u, 1);
-        n.splice(u + 1, 0, ...p), l.index = u + 1;
-      }
-    }
-  }
-  function i(n, l) {
-    if (l) {
-      const { index: u } = l;
-      u < n.length - 1 && (n.push(l.item), n.splice(l.index, 1), l.index = n.length - 1);
-    }
-  }
-  return {
-    moveTop: e,
-    moveUp: t,
-    moveDown: o,
-    moveBottom: i
-  };
-}
-const ne = /* @__PURE__ */ G({
-  name: "FEnumEditor",
-  props: he,
-  emits: ["dataChanged"],
-  setup(e, t) {
-    const {
-      moveTop: o,
-      moveDown: i,
-      moveBottom: n,
-      moveUp: l
-    } = cn(), u = c(e.items || []), p = c(), m = c();
-    function s() {
-      u.value.push({
-        [e.valueField]: "",
-        [e.textField]: ""
-      }), t.emit("dataChanged", u.value);
-    }
-    function d() {
-      u.value = [], p.value = void 0, t.emit("dataChanged", []);
-    }
-    function a(v, C) {
-      switch (C) {
-        case "top":
-          o(u.value, p.value);
-          break;
-        case "up":
-          l(u.value, p.value);
-          break;
-        case "down":
-          i(u.value, p.value);
-          break;
-        case "bottom":
-          n(u.value, p.value);
-          break;
-      }
-      t.emit("dataChanged", u.value);
-    }
-    function r(v) {
-      p.value = v;
-    }
-    return () => {
-      var v;
-      return f("div", {
-        class: "h-100 d-flex flex-column"
-      }, [f(un, {
-        ref: m,
-        valueField: e.valueField,
-        textField: e.textField,
-        items: u.value,
-        onSelected: r
-      }, null), f(rn, {
-        activeData: p.value,
-        itemsTotal: (v = u.value) == null ? void 0 : v.length,
-        onAdd: s,
-        onClear: d,
-        onMove: (C, h) => a(C, h)
-      }, null)]);
-    };
-  }
-}), ce = /* @__PURE__ */ G({
-  name: "FEnumEditorInput",
-  props: he,
-  emits: ["change"],
-  setup(e, t) {
-    const o = '<i class="f-icon f-icon-lookup"></i>', i = c(e.valueField), n = c(e.textField), l = c(e.items || []), u = c(), p = g(() => {
-      var a;
-      return `共 ${((a = l.value) == null ? void 0 : a.length) || 0} 项`;
-    });
-    L(() => e.items, (a) => {
-      l.value = a;
-    }), L(() => e.valueField, (a) => {
-      i.value = a;
-    }), L(() => e.textField, (a) => {
-      n.value = a;
-    });
-    function m(a) {
-      u.value = a;
-    }
-    function s() {
-      return f(ne, {
-        valueField: i.value,
-        textField: n.value,
-        items: u.value,
-        onDataChanged: m
-      }, null);
-    }
-    async function d() {
-      await e.beforeOpen() && (u.value = ve(l.value), ge.show({
-        title: "枚举数据编辑器",
-        fitContent: !1,
-        height: 500,
-        width: 600,
-        render: s,
-        acceptCallback: () => {
-          l.value = u.value, t.emit("change", u.value);
-        },
-        rejectCallback: () => {
-        }
-      }));
-    }
-    return () => f(Rt, {
-      modelValue: p.value,
-      "onUpdate:modelValue": (a) => p.value = a,
-      editable: !1,
-      disabled: e.disabled,
-      readonly: e.readonly,
-      inputType: "text",
-      enableClear: !1,
-      buttonContent: o,
-      onClickButton: d
-    }, null);
-  }
-}), mn = {
-  install(e) {
-    e.component(ce.name, ce), e.component(ne.name, ne);
-  }
-};
-export {
-  ce as EnumEditorInput,
-  mn as default,
-  he as enumEditorProps
-};