@farris/ui-vue 1.1.0 → 1.1.1

package/response-layout-editor/index.esm.js

@@ -1,3780 +0,0 @@
-import { defineComponent as U, toRefs as Me, ref as n, computed as S, watch as E, createVNode as l, onBeforeMount as se, createTextVNode as X, onMounted as ae, Fragment as re, withDirectives as oe, vModelCheckbox as Fe, withModifiers as ee, vModelText as Re, Teleport as ce, createApp as he, onUnmounted as de, nextTick as ne, vShow as ge, mergeProps as Oe } from "vue";
-import { cloneDeep as Y } from "lodash-es";
-const $e = {
-  /** 接受传入的原始数据的defaultState */
-  initialState: { type: Object, default: {} },
-  /** 页面高度 */
-  height: { type: Number, default: 700 },
-  /** 页面宽度 */
-  width: { type: Number, default: 950 }
-};
-const Ve = {
-  /** 记录默认模式及分组状态 */
-  defaultStates: { type: Object, default: { mode: "" } },
-  /** 当前开关模式 */
-  onSwitchInStandardModeChanged: { type: Function, default: () => {
-  } }
-}, Ae = {}, De = {};
-function ye(e) {
-  const { properties: t, title: u } = e, c = Object.keys(t).reduce((a, r) => (a[r] = t[r].type === "object" && t[r].properties ? ye(t[r]) : Y(t[r].default), a), {});
-  return c.id = `${u}-${Date.now()}`, c;
-}
-function je(e, t) {
-  const u = ye(t);
-  return Object.keys(e).reduce((c, a) => (c[a] = e[a], c), u), u;
-}
-function Pe(e, t) {
-  return Object.keys(e).filter((c) => e[c] != null).reduce((c, a) => {
-    if (t.has(a)) {
-      const r = t.get(a);
-      if (typeof r == "string")
-        c[r] = e[a];
-      else {
-        const d = r(a, e[a], e);
-        Object.assign(c, d);
-      }
-    } else
-      c[a] = e[a];
-    return c;
-  }, {});
-}
-function Le(e, t, u = /* @__PURE__ */ new Map()) {
-  const c = je(e, t);
-  return Pe(c, u);
-}
-function Ee(e = {}) {
-  function t(i, f, o, s) {
-    if (typeof o == "number")
-      return s[i].length === o;
-    if (typeof o == "object") {
-      const h = Object.keys(o)[0], m = o[h];
-      if (h === "not")
-        return Number(s[i].length) !== Number(m);
-      if (h === "moreThan")
-        return Number(s[i].length) >= Number(m);
-      if (h === "lessThan")
-        return Number(s[i].length) <= Number(m);
-    }
-    return !1;
-  }
-  function u(i, f, o, s) {
-    return s[f] && s[f].propertyValue && String(s[f].propertyValue.value) === String(o);
-  }
-  const c = /* @__PURE__ */ new Map([
-    ["length", t],
-    ["getProperty", u]
-  ]);
-  Object.keys(e).reduce((i, f) => (i.set(f, e[f]), i), c);
-  function a(i, f) {
-    const o = i;
-    return typeof f == "number" ? [{ target: o, operator: "length", param: null, value: Number(f) }] : typeof f == "boolean" ? [{ target: o, operator: "getProperty", param: i, value: !!f }] : typeof f == "object" ? Object.keys(f).map((s) => {
-      if (s === "length")
-        return { target: o, operator: "length", param: null, value: f[s] };
-      const h = s, m = f[s];
-      return { target: o, operator: i, param: h, value: m };
-    }) : [];
-  }
-  function r(i) {
-    return Object.keys(i).reduce((o, s) => {
-      const h = a(s, i[s]);
-      return o.push(...h), o;
-    }, []);
-  }
-  function d(i, f) {
-    if (c.has(i.operator)) {
-      const o = c.get(i.operator);
-      return o && o(i.target, i.param, i.value, f) || !1;
-    }
-    return !1;
-  }
-  function v(i, f) {
-    return r(i).reduce((h, m) => h && d(m, f), !0);
-  }
-  function g(i, f) {
-    const o = Object.keys(i), s = o.includes("allOf"), h = o.includes("anyOf"), m = s || h, k = (m ? i[m ? s ? "allOf" : "anyOf" : "allOf"] : [i]).map((C) => v(C, f));
-    return s ? !k.includes(!1) : k.includes(!0);
-  }
-  return { parseValueSchema: g };
-}
-const He = {}, Ne = {};
-Ee();
-function Q(e, t, u = /* @__PURE__ */ new Map(), c = (d, v, g) => v, a = {}, r = (d) => d) {
-  return Ae[t.title] = t, De[t.title] = c, He[t.title] = a, Ne[t.title] = r, (d = {}) => {
-    const v = Le(d, t, u), g = Object.keys(e).reduce((i, f) => (i[f] = e[f].default, i), {});
-    return Object.assign(g, v);
-  };
-}
-function Z(e, t) {
-  return { customClass: t.class };
-}
-const We = /* @__PURE__ */ new Map([
-  ["appearance", Z]
-]), ze = "https://json-schema.org/draft/2020-12/schema", _e = "https://farris-design.gitee.io/switch.schema.json", Ge = "switch", qe = "A Farris Component", Ue = "object", Xe = {
-  id: {
-    description: "The unique identifier for a switch",
-    type: "string"
-  },
-  type: {
-    description: "The type string of switch component",
-    type: "string",
-    default: "switch"
-  },
-  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
-  }
-}, Ke = [
-  "id",
-  "type"
-], Ye = {
-  $schema: ze,
-  $id: _e,
-  title: Ge,
-  description: qe,
-  type: Ue,
-  properties: Xe,
-  required: Ke
-};
-function Je(e, t, u) {
-  return t;
-}
-const Qe = "switch", Ze = "A Farris Component", et = "object", tt = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, nt = {
-  title: Qe,
-  description: Ze,
-  type: et,
-  categories: tt
-}, be = {
-  /**
-   * 组件值
-   */
-  modelValue: { type: Boolean, default: !1 },
-  disable: { type: Boolean },
-  onBackground: { type: String },
-  offBackground: { type: String },
-  onColor: { type: String },
-  offColor: { type: String },
-  onLabel: { type: String },
-  offLabel: { type: String },
-  size: { type: String, default: "medium" },
-  /** 开关值变化事件 */
-  onModelValueChanged: { type: Function, default: () => {
-  } }
-};
-Q(be, Ye, We, Je, nt);
-const at = /* @__PURE__ */ U({
-  name: "FSwitch",
-  props: be,
-  emits: ["update:modelValue", "modelValueChanged"],
-  setup(e, t) {
-    const {
-      disable: u,
-      size: c,
-      onLabel: a,
-      offLabel: r,
-      onBackground: d,
-      offBackground: v,
-      onColor: g,
-      offColor: i
-    } = Me(e), f = n(e.modelValue), o = S(() => ({
-      switch: !0,
-      "f-cmp-switch": !0,
-      checked: f.value,
-      disabled: u.value,
-      "switch-large": c.value === "large",
-      "switch-medium": c.value === "medium",
-      "switch-small": c.value === "small"
-    })), s = S(() => f.value ? {
-      outline: "none",
-      background: d.value
-    } : {
-      outline: "none",
-      backgroundColor: v.value
-    }), h = S(() => f.value ? {
-      background: g.value
-    } : {
-      backgroundColor: i.value
-    }), m = S(() => (a == null ? void 0 : a.value) || (r == null ? void 0 : r.value));
-    function y() {
-      u.value || (f.value = !f.value, t.emit("update:modelValue", f.value));
-    }
-    return E(f, (b, k) => {
-      b !== k && t.emit("modelValueChanged", b);
-    }), () => l("span", {
-      tabindex: "0",
-      role: "button",
-      class: o.value,
-      style: s.value,
-      onClick: y
-    }, [m.value && l("span", {
-      class: "switch-pane"
-    }, [l("span", {
-      class: "switch-label-checked"
-    }, [a == null ? void 0 : a.value]), l("span", {
-      class: "switch-label-unchecked"
-    }, [r == null ? void 0 : r.value])]), l("small", {
-      style: h.value
-    }, [t.slots.default && t.slots.default()])]);
-  }
-}), ot = /* @__PURE__ */ U({
-  name: "FScreenResolutionSelector",
-  props: Ve,
-  emits: ["screenName", "screenResolution", "switchInStandardModeChanged"],
-  setup(e, t) {
-    const u = n([{
-      name: "小屏幕",
-      code: "SM",
-      active: !1
-    }, {
-      name: "中等屏幕",
-      code: "MD",
-      active: !0
-    }, {
-      name: "大屏幕",
-      code: "LG",
-      active: !1
-    }, {
-      name: "极大屏幕",
-      code: "EL",
-      active: !1
-    }]), c = n(e.defaultStates), a = n("MD"), r = n("中等屏幕"), d = n(!1);
-    function v(i) {
-      u.value.forEach((f) => {
-        f.active = !1, f.name === i && (f.active = !0, a.value = f.code, r.value = i, t.emit("screenName", i), t.emit("screenResolution", a.value));
-      });
-    }
-    function g() {
-      t.emit("switchInStandardModeChanged", d.value);
-    }
-    return se(() => {
-      c.value.mode === "standard" ? (d.value = !0, g()) : d.value = !1;
-    }), () => l("div", {
-      class: "f-layout-editor-screen-resolution-selector"
-    }, [l("div", {
-      class: "f-layout-editor-screen-resolution-selector-header"
-    }, [l("div", {
-      class: "f-layout-editor-screen-resolution-selector-form"
-    }, [X("表单布局配置")])]), l("div", {
-      class: "f-layout-editor-screen-resolution-selector-frame"
-    }, [u.value.map((i) => l("span", {
-      class: i.active ? "f-layout-editor-namelist-focus" : "f-layout-editor-namelist",
-      onClick: () => v(i.name)
-    }, [i.name]))]), l("div", {
-      class: "f-layout-editor-screen-resolution-selector-switch"
-    }, [l(at, {
-      class: "f-layout-editor-show-switch",
-      modelValue: d.value,
-      "onUpdate:modelValue": (i) => d.value = i,
-      onModelValueChanged: g
-    }, null), d.value ? l("div", {
-      class: "f-layout-editor-show-switch-label"
-    }, [X("标准模式")]) : l("div", {
-      class: "f-layout-editor-show-switch-label"
-    }, [X("自定义模式")])])]);
-  }
-}), lt = {
-  /** 默认屏幕分辨率对应的英文缩写 */
-  currentScreenResolution: { type: String, default: "" },
-  /** 模式开关 */
-  switchInStandardMode: { type: Boolean, default: !1 },
-  /** 记录当前展示的区域 */
-  currentArea: { type: Object, default: [] },
-  /** 接受组件列表区传入的二维数组 */
-  twoDimensionalArray: { type: Array, default: [] }
-}, it = {
-  /** 单个组件的预览状态 */
-  item: { type: Object, default: {} },
-  /** 默认屏幕分辨率对应的英文缩写 */
-  currentScreenResolution: { type: String, default: "" },
-  /** 接受switch状态，若为自定义模式，则需要改变Col-num的num来源；*/
-  switchInStandardMode: { type: Boolean, default: !1 }
-}, ut = /* @__PURE__ */ U({
-  name: "FColumnWidthView",
-  props: it,
-  emits: [],
-  setup(e, t) {
-    const u = n(e.item), c = n(e.currentScreenResolution);
-    n(e.switchInStandardMode);
-    const a = S(() => `col-${u.value[`columnIn${c.value}`]}`);
-    return E(() => e.item, (r, d) => {
-      r !== d && (u.value = e.item);
-    }), E(() => e.currentScreenResolution, (r, d) => {
-      d !== r && (c.value = e.currentScreenResolution);
-    }), () => l("div", {
-      class: a.value
-    }, [l("div", {
-      class: "f-layout-editor-column-width-view",
-      title: u.value.label
-    }, [l("div", {
-      class: "f-layout-editor-column-width-view-label"
-    }, [u.value.label])])]);
-  }
-}), st = /* @__PURE__ */ U({
-  name: "FPreview",
-  props: lt,
-  emits: ["update:twoDimensionalArray"],
-  setup(e, t) {
-    const u = n(e.currentScreenResolution), c = n(e.switchInStandardMode), a = n(e.currentArea), r = n(e.twoDimensionalArray), d = n([]);
-    E(() => e.currentArea, (o, s) => {
-      o !== s && (a.value = e.currentArea);
-    }), E(() => e.switchInStandardMode, (o, s) => {
-      o !== s && (c.value = e.switchInStandardMode);
-    }), E(() => e.switchInStandardMode, (o, s) => {
-      o !== s && (c.value = e.switchInStandardMode);
-    }), E(() => e.currentScreenResolution, (o, s) => {
-      o !== s && (u.value = e.twoDimensionalArray);
-    }), E(() => e.twoDimensionalArray, () => {
-      r.value = e.twoDimensionalArray, v();
-    }), ae(() => {
-      v();
-    });
-    function v() {
-      d.value = Y(r.value), d.value = g();
-    }
-    function g() {
-      const o = [];
-      let s = 1;
-      return d.value.forEach((h) => {
-        const m = i(h, s);
-        s += m.length, o.push(m);
-      }), o;
-    }
-    function i(o, s) {
-      const h = [];
-      let m = [];
-      return o.forEach((y) => {
-        s !== y.componentRow && (s += 1, h.push(m), m = []), m.push(y);
-      }), h.push(m), h;
-    }
-    function f() {
-      if (c.value)
-        return "";
-      const o = Array.from({
-        length: 12
-      }, () => l("div", {
-        class: "col-1"
-      }, [l("div", {
-        class: "f-layout-editor-preview-customize-single-background"
-      }, [X(" ")])]));
-      return l("div", {
-        class: "f-layout-editor-preview-customize-whole-background"
-      }, [o]);
-    }
-    return () => l("div", {
-      class: "f-layout-editor-preview f-utils-fill-flex-column"
-    }, [l("div", {
-      class: "f-layout-editor-preview-header"
-    }, [X("预览区")]), f(), l("div", {
-      class: "f-layout-editor-preview-view f-utils-overflow-xhya"
-    }, [l("div", {
-      class: "f-layout-editor-preview-row-group"
-    }, [d.value.map((o) => {
-      var s, h;
-      return l(re, null, [((s = o[0][0]) == null ? void 0 : s.group.toString()) === ((h = a.value[0]) == null ? void 0 : h.id) ? o.map((m) => l("div", {
-        class: "f-layout-editor-row"
-      }, [m.map((y) => l(ut, {
-        item: y,
-        "onUpdate:item": (b) => y = b,
-        currentScreenResolution: u.value,
-        switchInStandardMode: c.value
-      }, null))])) : ""]);
-    })])])]);
-  }
-}), rt = {
-  /** 用户切换屏幕分辨率-缩写-例:MD； */
-  currentScreenResolution: { type: String, default: "" },
-  /** 检测用户是否切换模式 */
-  switchInStandardMode: { type: Boolean, default: !1 },
-  /** 输入的控件原始数据 */
-  originalData: { type: Array, default: [] },
-  /** 在用户切换模式时显示原数据，确保两个模式下的数据不互通 */
-  originalDataCopy: { type: Array, default: [] },
-  /** 默认状态：包括defaultGroupNumber(默认显示组)及mode(当前模式：standard或customize) */
-  defaultStates: { type: Object, default: {} },
-  /** twoDimensionalArray值变化事件 */
-  twoDimensionalArrayChanged: { type: Function, default: () => {
-  } }
-}, ct = /* @__PURE__ */ new Map([
-  ["appearance", Z]
-]), dt = "https://json-schema.org/draft/2020-12/schema", ft = "https://farris-design.gitee.io/combo-list.schema.json", vt = "combo-list", pt = "A Farris Input Component", mt = "object", ht = {
-  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: ""
-  }
-}, gt = [
-  "id",
-  "type"
-], yt = {
-  $schema: dt,
-  $id: ft,
-  title: vt,
-  description: pt,
-  type: mt,
-  properties: ht,
-  required: gt
-};
-function bt(e, t, u) {
-  return t;
-}
-const Ct = "combo-list", wt = "A Farris Component", St = "object", Bt = {
-  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"
-      }
-    }
-  }
-}, It = {
-  title: Ct,
-  description: wt,
-  type: St,
-  categories: Bt
-}, Ce = {
-  /**
-   * 组件标识
-   */
-  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(Ce, yt, ct, bt, It);
-const kt = {
-  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: () => {
-  } }
-}, xt = /* @__PURE__ */ new Map([
-  ["appearance", Z]
-]);
-function Tt(e, t, u) {
-  return t;
-}
-const Mt = "https://json-schema.org/draft/2020-12/schema", Ft = "https://farris-design.gitee.io/list-view.schema.json", Rt = "list-view", Ot = "A Farris Component", $t = "object", Vt = {
-  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
-  }
-}, At = [
-  "id",
-  "type"
-], Dt = {
-  $schema: Mt,
-  $id: Ft,
-  title: Rt,
-  description: Ot,
-  type: $t,
-  properties: Vt,
-  required: At
-}, jt = "list-view", Pt = "A Farris Component", Lt = "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: []
-        }
-      }
-    }
-  }
-}, Ht = {
-  title: jt,
-  description: Pt,
-  type: Lt,
-  categories: Et
-}, we = {
-  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(we, Dt, xt, Tt, Ht);
-function Nt(e, t, u, c, a) {
-  const r = n(e.idField), d = n(e.disableField), v = n(e.draggable), g = n(e.itemClass), i = n(e.multiSelect), f = n(e.multiSelectMode);
-  n(!0);
-  const { isDragging: o } = u, { activeIndex: s, focusedItemId: h, hoverIndex: m } = c, { clearSelection: y, selectedItems: b, toggleSelectItem: k } = a;
-  function R(p, V) {
-    const D = {
-      "f-list-view-group-item": !0,
-      "f-list-view-draggable-item": v.value,
-      "f-un-click": !!p.unClick,
-      "f-un-select": !!p[d.value],
-      "f-listview-active": p.__fv_index__ === s.value,
-      "f-listview-hover": !o.value && V === m.value,
-      moving: !!p.moving
-    };
-    return g.value.split(" ").reduce((O, F) => (O[F] = !0, O), D), D;
-  }
-  function C(p, V) {
-    return p[r.value] || "";
-  }
-  const I = S(() => !i.value);
-  function A(p, V) {
-    p.unClick || p[d.value] || (I.value && (h.value = p[r.value]), k(p, V));
-  }
-  const x = S(() => i.value && f.value === "OnCheckClearByClick"), j = S(() => !i.value || i.value && (f.value === "OnCheckAndClick" || f.value === "OnClick"));
-  function N(p, V, D) {
-    if (V.unClick || V[d.value]) {
-      p.preventDefault(), p.stopPropagation();
-      return;
-    }
-    h.value = V[r.value], s.value = D, x.value && y(), j.value && k(V, D), t.emit("clickItem", { data: b.value, index: D }), t.emit("activeChange", b.value);
-  }
-  return {
-    getKey: C,
-    listViewItemClass: R,
-    onCheckItem: A,
-    onClickItem: N
-  };
-}
-function Wt(e, t, u) {
-  const c = n(e.idField), a = n(e.multiSelect);
-  n(e.multiSelectMode);
-  const { getSelectionItems: r } = u, d = n(r(e.selectionValues));
-  E(() => e.selectionValues, (s) => {
-    d.value = n(r(s)).value;
-  });
-  const v = S(() => !a.value);
-  function g(s) {
-    return s[c.value] || "";
-  }
-  function i(s) {
-    return d.value.findIndex((m) => g(m) === g(s));
-  }
-  function f() {
-    d.value.forEach((s) => {
-      s.checked = !1;
-    }), d.value = [];
-  }
-  function o(s, h) {
-    v.value && f();
-    const m = i(s);
-    m > -1 ? (d.value.splice(m, 1), s.checked = !1) : (d.value.push(s), s.checked = !0), t.emit("selectionChange", d.value);
-  }
-  return { clearSelection: f, findIndexInSelectedItems: i, selectedItems: d, toggleSelectItem: o };
-}
-function zt(e, t) {
-  function u(r) {
-    const d = [];
-    let v = r.nextNode();
-    for (; v; )
-      d.push(v), v = r.nextNode();
-    return d;
-  }
-  function c(r, d) {
-    const v = document.createTreeWalker(r, NodeFilter.SHOW_TEXT);
-    return u(v).map((o) => ({ textNode: o, text: (o.textContent || "").toLocaleLowerCase() })).map(({ textNode: o, text: s }) => {
-      const h = [];
-      let m = 0;
-      for (; m < s.length; ) {
-        const y = s.indexOf(d, m);
-        if (y === -1)
-          break;
-        h.push(y), m = y + d.length;
-      }
-      return h.map((y) => {
-        const b = new Range();
-        return b.setStart(o, y), b.setEnd(o, y + d.length), b;
-      });
-    }).flat();
-  }
-  function a(r) {
-    if (!CSS.highlights || (CSS.highlights.clear(), !r || !t))
-      return;
-    const d = c(t.value, r.toLocaleLowerCase()), v = new Highlight(...d);
-    CSS.highlights.set("search-result", v);
-  }
-  return { search: a };
-}
-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 }
-}, fe = /* @__PURE__ */ U({
-  name: "FCheckBox",
-  props: _t,
-  emits: ["change", "update:modelValue"],
-  setup(e, t) {
-    const u = n(e.id), c = n(e.customClass), a = n(e.disable), r = n(e.modelValue), d = n(e.indeterminate), v = S(() => {
-      const i = {
-        "custom-control": !0,
-        "custom-checkbox": !0
-      };
-      return c.value && c.value.split(" ").reduce((f, o) => (f[o] = !0, f), i), i;
-    });
-    function g(i) {
-      i.stopPropagation(), i.preventDefault(), a.value || (r.value = !r.value, t.emit("update:modelValue", r.value), t.emit("change", {
-        originalEvent: i,
-        checked: r.value
-      }));
-    }
-    return E(() => e.modelValue, (i) => {
-      r.value = i;
-    }), E(() => e.indeterminate, (i) => {
-      d.value = i;
-    }), () => l("div", {
-      class: v.value
-    }, [oe(l("input", {
-      id: u.value,
-      title: u.value,
-      type: "checkbox",
-      class: "custom-control-input",
-      "onUpdate:modelValue": (i) => r.value = i,
-      indeterminate: d.value
-    }, null), [[Fe, r.value]]), l("label", {
-      for: u.value,
-      class: "custom-control-label",
-      onClick: g
-    }, null)]);
-  }
-});
-function ve(e, t, u, c, a, r, d, v) {
-  const g = n(e.size), i = n(e.textField), f = n(e.titleField), o = n(e.multiSelect), s = n(e.disableField), {
-    onMouseenterItem: h,
-    onMouseoverItem: m,
-    onMouseoutItem: y
-  } = a, {
-    getKey: b,
-    listViewItemClass: k,
-    onCheckItem: R,
-    onClickItem: C
-  } = r, I = S(() => ({
-    margin: g.value === "small" ? "0.25rem 0" : "10px 0"
-  }));
-  function A(x, j, N) {
-    return x.checked = d.findIndexInSelectedItems(x) > -1, l("li", {
-      class: k(x, j),
-      id: b(x, j),
-      key: b(x, j),
-      onClick: (p) => C(p, x, j),
-      onMouseenter: (p) => h(p, x, j),
-      onMouseover: (p) => m(p, x, j),
-      onMouseout: (p) => y(p, x, j)
-    }, [o.value && l("div", {
-      class: "f-list-select",
-      onClick: (p) => p.stopPropagation()
-    }, [l(fe, {
-      id: "list-" + b(x, j),
-      customClass: "listview-checkbox",
-      disable: x[s.value] || x.unClick,
-      modelValue: x.checked,
-      "onUpdate:modelValue": (p) => x.checked = p,
-      onChange: (p) => R(x, j)
-    }, null)]), l("div", {
-      class: "f-list-content"
-    }, [l("div", {
-      style: I.value,
-      title: x[f.value] || x[i.value]
-    }, [x[i.value]])])]);
-  }
-  return {
-    renderItem: A
-  };
-}
-function Gt(e, t, u, c, a, r, d, v) {
-  const g = n(e.multiSelect), i = n(e.disableField), {
-    onMouseenterItem: f,
-    onMouseoverItem: o,
-    onMouseoutItem: s
-  } = a, {
-    getKey: h,
-    listViewItemClass: m,
-    onCheckItem: y,
-    onClickItem: b
-  } = r;
-  function k(C, I, A) {
-    return t.slots.content ? l(re, null, [t.slots.content && t.slots.content({
-      item: C,
-      index: I,
-      selectedItem: A
-    })]) : l("div", {
-      style: "margin: 10px 0;"
-    }, [C.name]);
-  }
-  function R(C, I, A) {
-    return l("li", {
-      class: m(C, I),
-      id: h(C, I),
-      key: h(C, I),
-      onClick: (x) => b(x, C, I),
-      onMouseenter: (x) => f(x, C, I),
-      onMouseover: (x) => o(x, C, I),
-      onMouseout: (x) => s(x, C, I)
-    }, [g.value && l("div", {
-      class: "f-list-select",
-      onClick: (x) => x.stopPropagation()
-    }, [l(fe, {
-      id: "list-" + h(C, I),
-      customClass: "listview-checkbox",
-      disable: C[i.value] || C.unClick,
-      modelValue: C.checked,
-      "onUpdate:modelValue": (x) => C.checked = x,
-      onChange: (x) => y(C, I)
-    }, null)]), l("div", {
-      class: "f-list-content"
-    }, [k(C, I, A)])]);
-  }
-  return {
-    renderItem: R
-  };
-}
-function qt(e, t, u, c, a, r, d, v) {
-  const g = n(e.multiSelect), i = n(e.disableField), {
-    onMouseenterItem: f,
-    onMouseoverItem: o,
-    onMouseoutItem: s
-  } = a, {
-    getKey: h,
-    listViewItemClass: m,
-    onCheckItem: y,
-    onClickItem: b
-  } = r, {
-    dragstart: k,
-    dragenter: R,
-    dragover: C,
-    dragend: I
-  } = c, {
-    removeItem: A
-  } = v, x = S(() => ({
-    margin: g.value ? "10px 0" : "10px 0px 10px 14px"
-  }));
-  function j(D) {
-    return l("div", {
-      style: x.value
-    }, [D.name]);
-  }
-  function N() {
-    return t.slots.itemContent ? t.slots.itemContent : j;
-  }
-  const p = N();
-  function V(D, w, O) {
-    return l("li", {
-      class: m(D, w),
-      id: h(D, w),
-      key: h(D, w),
-      onClick: (F) => b(F, D, w),
-      onMouseenter: (F) => f(F, D, w),
-      onMouseover: (F) => o(F, D, w),
-      onMouseout: (F) => s(F, D, w),
-      draggable: "true",
-      onDragstart: (F) => k(F, D, w),
-      onDragenter: (F) => R(F, w),
-      onDragend: (F) => I(F, D),
-      onDragover: (F) => C(F, w)
-    }, [g.value && l("div", {
-      class: "f-list-select",
-      onClick: (F) => F.stopPropagation()
-    }, [l(fe, {
-      id: "list-" + h(D, w),
-      customClass: "listview-checkbox",
-      disable: D[i.value] || D.unClick,
-      modelValue: D.checked,
-      "onUpdate:modelValue": (F) => D.checked = F,
-      onChange: (F) => y(D, w)
-    }, null)]), l("div", {
-      class: "f-list-content"
-    }, [p(D)]), l("div", {
-      class: "f-list-remove",
-      onClick: (F) => A(w)
-    }, [l("div", {
-      class: "f-list-remove-icon"
-    }, [l("i", {
-      class: "f-icon f-icon-remove_face"
-    }, null)])]), l("div", {
-      class: "f-list-handle"
-    }, [l("div", null, [l("i", {
-      class: "f-icon f-icon-drag-vertical"
-    }, null)])])]);
-  }
-  return {
-    renderItem: V
-  };
-}
-function Ut(e, t, u) {
-  function c() {
-    return t.slots.header && l("div", {
-      class: "f-list-view-header"
-    }, [t.slots.header()]);
-  }
-  return {
-    renderHeader: c
-  };
-}
-function pe(e, t, u) {
-  const c = n(e.headerClass), a = n(e.placeholder), r = n(""), d = S(() => !r.value), v = S(() => !!r.value);
-  function g(s) {
-    r.value = "";
-  }
-  E(r, (s) => {
-    u.search(s);
-  });
-  const i = S(() => {
-    const s = {
-      "form-group": !0,
-      "farris-form-group": !0
-    };
-    return c.value && c.value.split(" ").reduce((m, y) => (m[y] = !0, m), s), s;
-  });
-  function f(s) {
-  }
-  function o() {
-    return l("div", {
-      class: "f-list-view-header",
-      onClick: ee(f, ["prevent", "stop"])
-    }, [l("div", {
-      class: i.value
-    }, [l("div", {
-      class: "farris-input-wrap"
-    }, [l("div", {
-      class: "f-cmp-inputgroup"
-    }, [l("div", {
-      class: "input-group f-state-editable"
-    }, [oe(l("input", {
-      class: "form-control f-utils-fill text-left",
-      "onUpdate:modelValue": (s) => r.value = s,
-      name: "input-group-value",
-      type: "text",
-      placeholder: a.value,
-      autocomplete: "off"
-    }, null), [[Re, r.value]]), l("div", {
-      class: "input-group-append"
-    }, [v.value && l("span", {
-      class: "input-group-text input-group-clear",
-      onClick: (s) => g()
-    }, [l("i", {
-      class: "f-icon f-icon-close-circle"
-    }, null)]), d.value && l("span", {
-      class: "input-group-text"
-    }, [l("span", {
-      class: "f-icon f-icon-search"
-    }, null)])])])])])])]);
-  }
-  return {
-    renderHeader: o
-  };
-}
-function Xt(e, t) {
-  const u = n(e.idField), c = n(e.data), a = n(e.data), r = n(e.keepOrder);
-  function d() {
-    const i = c.value.map((f, o) => typeof f != "object" ? { __fv_index__: o, name: f } : (f.__fv_index__ = o, f));
-    return a.value = i, i;
-  }
-  const v = n(d());
-  E(
-    () => e.data,
-    (i) => {
-      if (r.value) {
-        const f = i.reduce((m, y) => (m.set(y.id, !0), m), /* @__PURE__ */ new Map()), o = c.value.reduce((m, y) => (m.set(y.id, !0), m), /* @__PURE__ */ new Map()), s = v.value.filter((m) => f.has(m.id)), h = i.filter((m) => !o.has(m.id));
-        c.value = [...s, ...h];
-      } else
-        c.value = i;
-      v.value = d();
-    }
-  );
-  function g(i) {
-    return i.map((o) => {
-      const s = a.value.findIndex((h) => h[u.value] === o);
-      return s > -1 ? a.value[s] : null;
-    }).filter((o) => o != null);
-  }
-  return {
-    dataView: v,
-    getSelectionItems: g
-  };
-}
-function Kt(e, t, u, c) {
-  const a = n(e.idField), { dataView: r } = u, d = n(-1), v = n(!1), { activeIndex: g, focusedItemId: i, hoverIndex: f, resumeHover: o, suspendHover: s } = c;
-  function h(k, R, C) {
-    k.stopPropagation(), s(), R && setTimeout(() => {
-      d.value = C, v.value = !0, R.moving = !0;
-    });
-  }
-  function m(k, R) {
-    if (k.preventDefault(), d.value !== R) {
-      const C = r.value[d.value], I = r.value;
-      I.splice(d.value, 1), I.splice(R, 0, C), d.value = R;
-    }
-  }
-  function y(k, R) {
-    k.preventDefault(), k.dataTransfer && (k.dataTransfer.dropEffect = "move");
-  }
-  function b(k, R) {
-    R && (R.moving = !1), r.value.forEach((C, I) => {
-      C.__fv_index__ = I;
-    }), v.value = !1, o(), f.value = R.__fv_index__, g.value = R.__fv_index__, i.value = R[a.value], t.emit("change", r.value), t.emit("activeChange", R);
-  }
-  return {
-    dragstart: h,
-    dragenter: m,
-    dragover: y,
-    dragend: b,
-    isDragging: v
-  };
-}
-function Yt(e, t, u) {
-  const { dataView: c } = u;
-  function a(r) {
-    if (r > -1 && r < c.value.length) {
-      const d = c.value.splice(r, 1);
-      t.emit("removeItem", d[0]);
-    }
-  }
-  return { removeItem: a };
-}
-function Jt() {
-  const e = n(-1), t = n(""), u = n(-1), c = n(!1);
-  function a(i, f, o) {
-    u.value = o;
-  }
-  function r(i, f, o) {
-    c.value || (u.value = o);
-  }
-  function d(i, f, o) {
-    u.value = -1;
-  }
-  function v() {
-    c.value = !0;
-  }
-  function g() {
-    c.value = !1;
-  }
-  return {
-    activeIndex: e,
-    focusedItemId: t,
-    hoverIndex: u,
-    onMouseenterItem: a,
-    onMouseoverItem: r,
-    onMouseoutItem: d,
-    resumeHover: g,
-    suspendHover: v
-  };
-}
-const Qt = /* @__PURE__ */ U({
-  name: "FListView",
-  props: we,
-  emits: ["checkValuesChange", "clickItem", "selectionChange", "removeItem", "change", "activeChange"],
-  setup(e, t) {
-    const u = n(), c = n(e.view), a = n(e.header), r = n(e.multiSelect), d = n(e.view === "CardView"), v = n(!0), g = n({}), i = n("暂无数据"), f = Xt(e), {
-      dataView: o
-    } = f, s = S(() => {
-      const W = {
-        "f-list-view": !0,
-        "f-list-view-multiple": r.value
-      };
-      return e.size !== "default" && (W[`${e.size}-item`] = !0), W;
-    }), h = S(() => ({
-      "f-list-view-group": !0,
-      "d-flex": d.value,
-      "flex-wrap": d.value
-    })), m = S(() => !!o.value && o.value.length > 0), y = Jt(), b = Wt(e, t, f), k = Kt(e, t, f, y), R = Yt(e, t, f), C = Nt(e, t, k, y, b), I = zt(e, u), A = S(() => o.value.length === 0), x = S(() => A.value && !t.slots.empty), j = S(() => !!t.slots.footer || v.value);
-    function N() {
-      return c.value === "SingleView" ? ve : c.value === "DraggableView" ? qt : c.value === "ContentView" && t.slots.content ? Gt : ve;
-    }
-    const p = N(), {
-      renderItem: V
-    } = p(e, t, f, k, y, C, b, R);
-    function D() {
-      return a.value === "SearchBar" ? pe : a.value === "ContentHeader" ? Ut : pe;
-    }
-    const w = D(), {
-      renderHeader: O
-    } = w(e, t, I);
-    function F(W) {
-      I.search(W);
-    }
-    t.expose({
-      search: F
-    });
-    function z(W) {
-      r.value && (W.preventDefault(), W.stopPropagation());
-    }
-    return () => l("div", {
-      class: s.value,
-      onClick: z
-    }, [O(), l("div", {
-      ref: u,
-      class: "f-list-view-content"
-    }, [l("ul", {
-      class: h.value,
-      style: "list-style: none;"
-    }, [m.value && o.value.map((W, $) => V(W, $, g)), x.value && l("div", {
-      class: "f-list-view-emptydata"
-    }, [l("p", {
-      class: "f-empty-title"
-    }, [i.value])]), t.slots.empty && t.slots.empty()])]), j.value && l("div", {
-      class: "f-list-view-footer"
-    }, [t.slots.footer && t.slots.footer()])]);
-  }
-}), Zt = /* @__PURE__ */ U({
-  name: "FComboListContainer",
-  props: kt,
-  emits: ["selectionChange"],
-  setup(e, t) {
-    const u = n(e.dataSource), c = n([]), a = n(e.separator), r = n(e.width), d = n(e.height), v = n(String(e.selectedValues).split(a.value));
-    E(e.dataSource, () => {
-      u.value = e.dataSource;
-    });
-    const g = S(() => e.enableSearch ? "SearchBar" : "ContentHeader"), i = S(() => {
-      const o = {};
-      return r.value !== void 0 && (o.width = `${r.value}px`), d.value !== void 0 && (o.height = `${d.value}px`), o;
-    });
-    function f(o) {
-      c.value = o.map((s) => Object.assign({}, s)), v.value = o.map((s) => s[e.idField]), t.emit("selectionChange", c.value);
-    }
-    return E([() => e.selectedValues], ([o]) => {
-      v.value = o.split(a.value);
-    }), () => l("div", {
-      class: "f-combo-list-container pl-3",
-      style: i.value
-    }, [l(Qt, {
-      size: "small",
-      itemClass: "f-combo-list-item",
-      header: g.value,
-      headerClass: "f-combo-list-search-box",
-      data: u.value,
-      idField: e.idField,
-      textField: e.textField,
-      titleField: e.titleField,
-      multiSelect: e.multiSelect,
-      multiSelectMode: "OnCheckAndClick",
-      "selection-values": v.value,
-      onSelectionChange: f
-    }, null)]);
-  }
-}), en = /* @__PURE__ */ new Map([
-  ["appearance", Z]
-]);
-function tn(e, t, u) {
-  return t;
-}
-const nn = "https://json-schema.org/draft/2020-12/schema", an = "https://farris-design.gitee.io/button-edit.schema.json", on = "button-edit", ln = "A Farris Input Component", un = "object", sn = {
-  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: ""
-  }
-}, rn = [
-  "id",
-  "type"
-], cn = {
-  $schema: nn,
-  $id: an,
-  title: on,
-  description: ln,
-  type: un,
-  properties: sn,
-  required: rn
-}, dn = "buttonEdit", fn = "A Farris Component", vn = "object", pn = {
-  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: "右对齐"
-            }
-          ]
-        }
-      }
-    }
-  }
-}, mn = {
-  title: dn,
-  description: fn,
-  type: vn,
-  categories: pn
-}, Se = {
-  /**
-   * 组件标识
-   */
-  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(Se, cn, en, tn, mn);
-const hn = {
-  popupContentPosition: { type: Object, default: { left: 0, top: 0 } },
-  host: { type: Object },
-  backgroundColor: { type: String, default: "" }
-}, gn = /* @__PURE__ */ U({
-  name: "FOverlay",
-  props: hn,
-  emits: ["click"],
-  setup(e, t) {
-    const u = n(e.popupContentPosition), c = n(e.host), a = S(() => ({
-      backgroundColor: e.backgroundColor || "",
-      pointerEvents: "auto"
-    }));
-    function r(v) {
-      t.emit("click"), v.preventDefault(), v.stopPropagation();
-    }
-    S(() => {
-      const v = c.value;
-      if (v) {
-        const g = v.getBoundingClientRect(), {
-          left: i,
-          top: f,
-          height: o
-        } = g;
-        return {
-          left: i,
-          top: f + o
-        };
-      }
-      return u.value;
-    });
-    const d = S(() => ({
-      // position: 'relative',
-      // left: `${position.value.left}px`,
-      // top: `${position.value.top}px`
-    }));
-    return () => l(ce, {
-      to: "body"
-    }, {
-      default: () => {
-        var v, g;
-        return [l("div", {
-          class: "overlay-container",
-          onClick: (i) => r(i),
-          style: a.value
-        }, [l("div", {
-          style: d.value
-        }, [(g = (v = t.slots).default) == null ? void 0 : g.call(v)])])];
-      }
-    });
-  }
-});
-function yn(e) {
-  if (e.content && e.content.render)
-    return e.content.render;
-  if (e.render && typeof e.render == "function")
-    return e.render;
-}
-function bn(e) {
-  const t = document.createElement("div");
-  t.style.display = "contents";
-  let u;
-  const c = e.onClickCallback || (() => {
-  }), a = () => {
-    c(), u && u.unmount();
-  };
-  return u = he({
-    setup() {
-      de(() => {
-        document.body.removeChild(t);
-      });
-      const r = yn(e);
-      return () => l(gn, {
-        "popup-content-position": e.popupPosition,
-        host: e.host,
-        onClick: a,
-        backgroundColor: e.backgroundColor
-      }, {
-        default: () => [r && r()]
-      });
-    }
-  }), document.body.appendChild(t), u.mount(t), u;
-}
-class Cn {
-  static show(t) {
-    return bn(t);
-  }
-}
-const wn = {
-  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 }
-}, Sn = /* @__PURE__ */ U({
-  name: "FModal",
-  props: wn,
-  emits: ["update:modelValue", "accept", "cancel", "closed"],
-  setup(e, t) {
-    const u = n(e.width), c = n(e.height), a = n(e.modelValue), r = n(""), d = n(e.class), v = n(e.fitContent), g = n(e.showHeader), i = n(""), f = n(!0), o = n(!1), s = n(!1), h = n(""), m = n(""), y = n(""), b = n(e.showButtons), k = n(e.title);
-    function R(L, q) {
-      a.value = !1, t.emit("update:modelValue", !1), q != null && t.emit(q ? "accept" : "cancel"), t.emit("closed");
-    }
-    const C = [{
-      text: "取消",
-      class: "btn btn-light",
-      handle: (L) => {
-        R(L, !1);
-      }
-    }, {
-      text: "确定",
-      class: "btn btn-primary",
-      handle: (L) => {
-        R(L, !0);
-      }
-    }], I = n(e.buttons && e.buttons.length ? e.buttons : C), A = S(() => !!i.value), x = S(() => !!b.value && !!I.value);
-    n(), n(), E(() => e.modelValue, () => {
-      a.value = e.modelValue;
-    });
-    const j = n(!1), N = S(() => a.value), p = S(() => {
-      const L = {
-        modal: !0,
-        "farris-modal": !0
-      };
-      return L["f-modal-fitContent"] = v.value, L;
-    }), V = S(() => ({
-      display: N.value ? "block" : "none !important"
-    })), D = S(() => {
-      const L = {
-        "modal-dialog": !0
-      };
-      return d.value.split(" ").reduce((G, J) => (G[J] = !0, G), L), L;
-    }), w = S(() => ({
-      position: "absolute",
-      top: "50%",
-      left: "50%",
-      width: `${u.value}px`,
-      height: v.value ? "auto" : `${c.value}px`,
-      "margin-left": `${0 - u.value / 2}px`,
-      "margin-top": v.value ? "auto" : `${0 - c.value / 2}px`
-    })), O = S(() => ({
-      "modal-content": !0,
-      "modal-content-has-header": g.value
-    })), F = S(() => ({
-      display: g.value ? "" : "none"
-    })), z = S(() => ({
-      "f-icon": !0,
-      modal_maximize: !0,
-      modalrevert: j.value
-    })), W = S(() => ({
-      height: "10px",
-      "z-index": 1,
-      display: g.value ? "none" : ""
-    })), $ = S(() => ({
-      "modal-body": !0,
-      "f-utils-flex-column": h.value === "iframe"
-    }));
-    function T() {
-      return {};
-    }
-    const P = S(() => {
-      const L = {
-        textAlgin: y.value
-      }, q = T();
-      return Object.assign(L, q);
-    });
-    function _(L) {
-    }
-    return () => l(ce, {
-      to: "body"
-    }, {
-      default: () => {
-        var L, q;
-        return [l("div", {
-          class: p.value,
-          style: V.value
-        }, [l("div", {
-          id: r.value,
-          class: D.value,
-          style: w.value
-        }, [l("div", {
-          class: O.value
-        }, [l("div", {
-          ref: "modalHeaderRef",
-          class: "modal-header",
-          style: F.value
-        }, [l("div", {
-          class: "modal-title"
-        }, [A.value && l("span", {
-          class: i.value,
-          style: "margin-right: 8px"
-        }, null), l("span", {
-          class: "modal-title-label"
-        }, [k.value])]), l("div", {
-          class: "actions"
-        }, [l("ul", null, [s.value && l("li", {
-          class: "f-btn-icon f-bare"
-        }, [l("span", {
-          class: "f-icon modal_minimize"
-        }, null)]), o.value && l("li", {
-          onClick: _,
-          class: "f-btn-icon f-bare"
-        }, [l("span", {
-          class: z.value
-        }, null)]), f.value && l("li", {
-          class: "f-btn-icon f-bare",
-          onClick: (G) => R(G, !1)
-        }, [l("span", {
-          class: "f-icon modal_close"
-        }, null)])])])]), l("div", {
-          ref: "dragableElementRef",
-          class: "f-utils-absolute-all",
-          style: W.value
-        }, null), l("div", {
-          class: $.value
-        }, [(q = (L = t.slots).default) == null ? void 0 : q.call(L), h.value === "iframe" && l("iframe", {
-          title: r.value,
-          class: "f-utils-fill",
-          width: "100%",
-          frameborder: "0",
-          src: m.value
-        }, null)]), x.value && l("div", {
-          class: "modal-footer",
-          style: P.value
-        }, [I.value && I.value.map((G) => l("button", {
-          type: "button",
-          class: G.class + " " + (G.iconClass && "btn-icontext"),
-          onClick: (J) => {
-            G.handle && G.handle(J);
-          }
-        }, [!!G.iconClass && l("i", {
-          class: G.iconClass
-        }, null), G.text]))])])])])];
-      }
-    });
-  }
-});
-function Bn(e) {
-  if (e.content && e.content.render)
-    return e.content.render;
-  if (e.render && typeof e.render == "function")
-    return e.render;
-}
-function In(e) {
-  const t = document.createElement("div");
-  t.style.display = "contents";
-  const u = he({
-    setup() {
-      de(() => {
-        document.body.removeChild(t);
-      });
-      const c = n(e.class || ""), a = n(!!e.showButtons), r = n(!!e.showHeader), d = n(!0), v = n(e.title || ""), g = e.acceptCallback || (() => {
-      }), i = e.rejectCallback || (() => {
-      }), f = Bn(e), o = () => {
-        d.value = !1, u.unmount();
-      };
-      return () => l(Sn, {
-        class: c.value,
-        modelValue: d.value,
-        "onUpdate:modelValue": (s) => d.value = s,
-        title: v.value,
-        width: e.width,
-        height: e.height,
-        buttons: e.buttons,
-        "show-header": r.value,
-        "show-buttons": a.value,
-        onAccept: g,
-        onCancel: i,
-        fitContent: e.fitContent,
-        onClosed: o
-      }, {
-        default: () => [f && f(u)]
-      });
-    }
-  });
-  return document.body.appendChild(t), u.mount(t), u;
-}
-class kn {
-  static show(t) {
-    const u = Object.assign({
-      title: "",
-      showButtons: !0,
-      showHeader: !0
-    }, t);
-    return In(u);
-  }
-}
-function xn(e, t, u, c) {
-  const a = n(e.buttonBehavior), r = n(e.popupOnInput), d = S(() => ({
-    "input-group-append": !0,
-    "append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
-  })), v = S(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable);
-  async function g(o) {
-    if (v.value) {
-      const s = !!t.slots.default;
-      if (a.value === "Modal") {
-        const h = e.modalOptions;
-        kn.show({
-          ...h,
-          render: () => t.slots.default && t.slots.default()
-        });
-      }
-      a.value === "Overlay" && Cn.show({
-        // host: buttonEditRef.value,
-        host: document.body,
-        backgroundColor: "rgba(0,0,0,.15)",
-        render: () => t.slots.default && t.slots.default()
-      }), s && a.value === "Popup" && c.togglePopup(), s && r.value && c.hidePopup(), t.emit("clickButton", { origin: o, value: e.modelValue });
-    }
-    o.stopPropagation();
-  }
-  function i(o) {
-    t.emit("mouseEnterIcon", o);
-  }
-  function f(o) {
-    t.emit("mouseLeaveIcon", o);
-  }
-  return {
-    buttonGroupClass: d,
-    onClickButton: g,
-    onMouseEnterButton: i,
-    onMouseLeaveButton: f
-  };
-}
-function Tn(e, t, u, c, a, r) {
-  const d = n(!1), v = S(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: g } = r;
-  function i(h) {
-    d.value = h;
-  }
-  E(a, () => {
-    i(!!a.value);
-  });
-  function f(h) {
-    const m = !e.readonly && !e.disable && e.editable, y = !e.editable;
-    h.stopPropagation(), (m || y) && (g("", !1), i(!d.value), t.emit("clear"));
-  }
-  function o(h) {
-    if (v.value) {
-      if (!u.value) {
-        i(!1);
-        return;
-      }
-      !e.disable && !e.readonly && i(!0);
-    }
-  }
-  function s(h) {
-    v.value && i(!1);
-  }
-  return {
-    enableClearButton: v,
-    showClearButton: d,
-    onClearValue: f,
-    onMouseEnterTextBox: o,
-    onMouseLeaveTextBox: s
-  };
-}
-function Mn(e, t, u, c, a) {
-  const r = n(e.popupOnInput), d = n(e.popupOnFocus), { shouldPopupContent: v } = a, g = S(() => e.enableTitle ? u.value : ""), i = S(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), f = S(() => e.readonly || !e.editable), o = n(!1), s = S(() => !e.disable && o.value), h = S(() => ({
-    "text-left": e.textAlign === "left",
-    "text-center": e.textAlign === "center",
-    "text-right": e.textAlign === "right",
-    "form-control": !0,
-    "f-utils-fill": !0
-  })), m = S(() => ({
-    "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": s.value
-  }));
-  function y(p, V = !0) {
-    u.value !== p && (u.value = p, V && t.emit("change", p), t.emit("update:modelValue", p));
-  }
-  function b(p) {
-    v.value = !1, y(p, !0);
-  }
-  E(
-    () => e.modelValue,
-    (p) => {
-      u.value = p;
-    }
-  );
-  function k(p) {
-    o.value = !1, t.emit("blur", p), p.stopPropagation();
-  }
-  function R(p) {
-    t.emit("click", p);
-  }
-  function C(p) {
-    e.disable || (o.value = !0, f.value || (t.emit("focus", p), d.value && !v.value && a.popup()));
-  }
-  function I(p) {
-    t.emit("input", p.target.value);
-    const V = p.target.value;
-    c.value = V, u.value !== V && y(V, !1), r.value && !v.value && a.popup();
-  }
-  function A(p) {
-    p.target.tagName !== "INPUT" && p.preventDefault(), p.stopPropagation();
-  }
-  function x(p) {
-    t.emit("keydown", p);
-  }
-  function j(p) {
-    p.key === "Enter" && (r.value || d.value) && a.hidePopup(), t.emit("keyup", p);
-  }
-  function N(p) {
-    const V = p.target.value;
-    p.stopPropagation(), y(V);
-  }
-  return {
-    hasFocusedTextBox: s,
-    isTextBoxReadonly: f,
-    textBoxClass: h,
-    textBoxPlaceholder: i,
-    textBoxTitle: g,
-    inputGroupClass: m,
-    changeTextBoxValue: y,
-    commitValue: b,
-    onBlurTextBox: k,
-    onClickTextBox: R,
-    onFocusTextBox: C,
-    onInput: I,
-    onKeyDownTextBox: x,
-    onKeyUpTextBox: j,
-    onMouseDownTextBox: A,
-    onTextBoxValueChange: N
-  };
-}
-function Fn(e, t, u) {
-  const c = n(), a = n(!1);
-  function r() {
-    const i = c.value;
-    i && i.show(u.value);
-  }
-  async function d() {
-    !!t.slots.default && (a.value = !a.value, await ne(), r());
-  }
-  async function v() {
-    !!t.slots.default && (a.value = !0, await ne(), r());
-  }
-  function g() {
-    a.value = !1;
-  }
-  return { hidePopup: g, popup: v, shouldPopupContent: a, togglePopup: d, popoverRef: c };
-}
-function Rn(e, t, u) {
-  const {
-    isTextBoxReadonly: c,
-    textBoxClass: a,
-    textBoxPlaceholder: r,
-    textBoxTitle: d,
-    onBlurTextBox: v,
-    onClickTextBox: g,
-    onFocusTextBox: i,
-    onInput: f,
-    onKeyDownTextBox: o,
-    onKeyUpTextBox: s,
-    onMouseDownTextBox: h,
-    onTextBoxValueChange: m
-  } = u;
-  return () => l("input", {
-    name: "input-group-value",
-    autocomplete: e.autoComplete ? "on" : "off",
-    class: a.value,
-    disabled: e.disable,
-    maxlength: e.maxLength,
-    minlength: e.minLength,
-    placeholder: r.value,
-    readonly: c.value,
-    tabindex: e.tabIndex,
-    title: d.value,
-    type: e.inputType,
-    value: t.value,
-    onBlur: v,
-    onChange: m,
-    onClick: g,
-    onFocus: i,
-    onInput: f,
-    onKeydown: o,
-    onKeyup: s,
-    onMousedown: h
-  }, null);
-}
-function On(e, t, u) {
-  return t;
-}
-const $n = /* @__PURE__ */ new Map([
-  ["appearance", Z]
-]), Vn = "tags", An = "A Farris Component", Dn = "object", jn = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, Pn = {
-  title: Vn,
-  description: An,
-  type: Dn,
-  categories: jn
-}, Ln = "https://json-schema.org/draft/2020-12/schema", En = "https://farris-design.gitee.io/tags.schema.json", Hn = "tags", Nn = "A Farris Component", Wn = "object", zn = {
-  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"
-], Gn = {
-  $schema: Ln,
-  $id: En,
-  title: Hn,
-  description: Nn,
-  type: Wn,
-  properties: zn,
-  required: _n
-}, 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 }
-};
-Q(Be, Gn, $n, On, Pn);
-function qn(e, t, u, c) {
-  const a = n(-1), r = n(!1);
-  function d(f, o, s) {
-    f.stopPropagation(), o && setTimeout(() => {
-      a.value = s, r.value = !0, o.moving = !0;
-    });
-  }
-  function v(f, o) {
-    if (f.preventDefault(), a.value !== o) {
-      const s = c.value[a.value], h = c.value;
-      h.splice(a.value, 1), h.splice(o, 0, s), a.value = o;
-    }
-  }
-  function g(f, o) {
-    f.preventDefault(), f.dataTransfer && (f.dataTransfer.dropEffect = "move");
-  }
-  function i(f, o) {
-    o && (o.moving = !1), u.value = c.value.filter((s) => s.type === "Tag").map((s) => s.payload), r.value = !1, t.emit("change", u.value);
-  }
-  return {
-    dragstart: d,
-    dragenter: v,
-    dragover: g,
-    dragend: i,
-    isDragging: r
-  };
-}
-const Un = /* @__PURE__ */ U({
-  name: "FTags",
-  props: Be,
-  emits: ["remove", "selectionChange", "change"],
-  setup(e, t) {
-    const u = n(e.selectable), c = n(e.customClass), a = n(e.data), r = n(e.tagType), d = n(e.tagStyle), v = n(e.showColor), g = n(e.customStyle), i = n(e.activeTag), f = n(e.showClose), o = n(e.addButtonText), s = n(), h = n(e.wrapText), m = n();
-    n(e.disable);
-    const y = n(!1);
-    function b() {
-      const B = a.value.map((M) => ({
-        type: "Tag",
-        payload: M
-      }));
-      return e.showAddButton && B.push({
-        type: "AddButton"
-      }), B;
-    }
-    const k = n(b());
-    function R(B) {
-      a.value = B, k.value = b();
-    }
-    const C = S(() => k.value.findIndex((B) => B.type === "Input")), I = qn(e, t, a, k), {
-      dragstart: A,
-      dragenter: x,
-      dragover: j,
-      dragend: N
-    } = I;
-    E(() => e.data, (B) => R(B)), E(() => e.showAddButton, () => {
-      k.value = b();
-    }), E(() => e.disable, (B) => {
-      k.value = b();
-    }), E(() => e.activeTag, (B) => {
-      i.value = B;
-    }), E(y, (B) => {
-      const M = [...k.value];
-      B ? M.length > 0 && M[M.length - 1].type != "Input" && (M.splice(M.length - 1, 1), M.splice(M.length, 0, {
-        type: "Input"
-      }), k.value = M, ne(() => {
-        m.value && m.value.focus();
-      })) : M.length > 0 && M[M.length - 1].type != "AddButton" && (M.splice(M.length - 1, 1), M.splice(M.length, 0, {
-        type: "AddButton"
-      }), k.value = M);
-    });
-    const p = S(() => {
-      const B = {
-        "farris-tags": !0,
-        "farris-tags-checkable": u.value,
-        "farris-tags-nowrap": !h.value
-      };
-      return c.value.split(" ").reduce((M, H) => (M[H] = !0, M), B), B;
-    });
-    function V(B) {
-      const M = {
-        "farris-tag-item": !0,
-        "farris-tag-item-checked": u.value && B.checked,
-        "farris-tag-item-checkable": u.value,
-        "farris-tag-item-has-color": v.value,
-        "farris-tag-item-actived": i.value === B.name
-      };
-      if (r.value) {
-        const H = `farris-tag-item-${r.value}`;
-        M[H] = !0;
-      }
-      return M;
-    }
-    const D = S(() => {
-      const B = {};
-      return g.value && g.value.split(";").reduce((M, H) => {
-        const K = H.split(":");
-        return M[K[0]] = K[1], M;
-      }, B), B;
-    });
-    function w(B, M) {
-      !e.disable && u.value && (!M.hasOwnProperty("selectable") || M.selectable) && (M.checked = !M.checked, i.value = M.checked ? M.name : "", M.checked && a.value.filter((H) => H.name !== M.name).forEach((H) => {
-        H.checked = !M.checked;
-      }), t.emit("change", a.value), t.emit("selectionChange", M));
-    }
-    function O(B, M) {
-      let H;
-      switch (B.key) {
-        case "Backspace":
-          a.value = a.value.filter((K) => K.name !== M.name), t.emit("change", a.value);
-          break;
-        case "ArrowLeft":
-          H = Math.max(s.value.scrollLeft + 20, 0), s.value.scrollLeft = H;
-          break;
-        case "ArrowRight":
-          H = Math.max(s.value.scrollLeft - 20, 0), s.value.scrollLeft = H;
-      }
-    }
-    function F(B, M) {
-      const H = a.value.findIndex((K) => K.name === M.name);
-      if (H > -1) {
-        const [K] = a.value.splice(H, 1);
-        k.value = b(), t.emit("change", a.value), t.emit("remove", {
-          tags: a.value,
-          remove: K
-        });
-      }
-      B.stopPropagation();
-    }
-    const z = S(() => ({
-      "farris-tag-item": !0,
-      "farris-tag-add-button": !0,
-      "farris-tag-add-button-disabled": !e.enableAddButton
-    }));
-    function W(B) {
-      B.stopPropagation(), y.value = !0;
-    }
-    function $() {
-      return !e.disable && l("li", {
-        class: z.value,
-        onClick: (B) => W(B)
-      }, [l("span", {
-        class: "f-icon f-icon-amplification"
-      }, null), o.value && l("span", {
-        class: "farris-tag-add-text"
-      }, [o.value])]);
-    }
-    function T(B, M, H) {
-      B > -1 && (a.value.splice(B, 0, {
-        name: M,
-        value: H,
-        selectable: u.value
-      }), k.value = b(), y.value = !1, t.emit("change", a.value));
-    }
-    function P(B) {
-      if (B && B.value) {
-        const M = B.value, H = C.value;
-        T(H, M, M), B.innerText = "";
-      } else
-        y.value = !1;
-    }
-    function _(B) {
-      const M = B.target;
-      M && M.value ? P(M) : y.value = !1;
-    }
-    function L(B) {
-      B.key === "Enter" && P(B.target);
-    }
-    function q() {
-      return !e.disable && l("li", {
-        class: "farris-tag-input-box"
-      }, [l("input", {
-        ref: m,
-        class: "form-control",
-        onKeyup: L,
-        onBlur: _
-      }, null)]);
-    }
-    function G(B, M) {
-      return l("li", {
-        class: V(B),
-        style: D.value,
-        tabindex: 0,
-        id: B.name,
-        key: B.name,
-        onClick: (H) => w(H, B),
-        onKeydown: (H) => O(H, B),
-        draggable: "true",
-        onDragstart: (H) => A(H, B, M),
-        onDragenter: (H) => x(H, M),
-        onDragend: (H) => N(H, B),
-        onDragover: (H) => j(H, M)
-      }, [l("span", {
-        title: B.name,
-        class: "tag-box"
-      }, [B.name]), !e.disable && f.value && l("span", {
-        class: "tag-delete"
-      }, [l("i", {
-        class: "f-icon f-icon-close",
-        onClick: (H) => F(H, B)
-      }, null)])]);
-    }
-    function J() {
-      return k.value.map((B, M) => {
-        switch (B.type) {
-          case "Tag":
-            return G(B.payload, M);
-          case "AddButton":
-            return $();
-          case "Input":
-            return q();
-        }
-      });
-    }
-    const le = S(() => ({
-      "farris-tags-item-container": !0,
-      "farris-tag-item-capsule": d.value === "capsule"
-    }));
-    function ie(B) {
-      const M = Math.max(s.value.scrollLeft - B.deltaX, 0);
-      s.value.scrollLeft = M;
-    }
-    function ke(B) {
-      var H;
-      B.preventDefault(), B.stopPropagation();
-      const M = (H = B.dataTransfer) == null ? void 0 : H.getData("Text");
-      if (M) {
-        const K = M.split(":"), Te = K[0], te = K[1];
-        [...a.value].findIndex((ue) => (console.log(`${ue.value} === ${te} is ${ue.value === te}`), ue.value === te)) > -1 || T(a.value.length, Te, te);
-      }
-    }
-    function xe(B) {
-      B.preventDefault();
-    }
-    return () => l("div", {
-      class: p.value,
-      onDrop: ke,
-      onDragover: xe
-    }, [l("ul", {
-      ref: s,
-      class: le.value,
-      onWheel: (B) => ie(B)
-    }, [J()])]);
-  }
-});
-function Xn(e, t, u) {
-  const c = n(e.separator), {
-    changeTextBoxValue: a
-  } = u, r = S(() => t.value ? t.value.split(c.value).map((v) => ({
-    name: v,
-    selectable: !0
-  })) : []);
-  function d(v) {
-    a(v.map((g) => g.name).join(c.value), !0);
-  }
-  return () => l(Un, {
-    id: `${e.id}-tag-editor`,
-    class: "form-control",
-    data: r.value,
-    showClose: !0,
-    showInput: !0,
-    onChange: d
-  }, null);
-}
-function Kn(e, t, u) {
-  const {
-    buttonGroupClass: c,
-    onClickButton: a,
-    onMouseEnterButton: r,
-    onMouseLeaveButton: d
-  } = t, {
-    enableClearButton: v,
-    showClearButton: g,
-    onClearValue: i
-  } = u;
-  return () => l("div", {
-    id: `${e.id}-button-group`,
-    class: c.value
-  }, [v.value && oe(l("span", {
-    class: "input-group-text input-group-clear",
-    onClick: i
-  }, [l("i", {
-    class: "f-icon modal_close"
-  }, null)]), [[ge, g.value]]), e.buttonContent && l("span", {
-    class: "input-group-text input-group-append-button",
-    innerHTML: e.buttonContent,
-    onClick: a,
-    onMouseenter: r,
-    onMouseleave: d
-  }, null)]);
-}
-const Yn = {
-  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: n(0) },
-  zIndex: { type: Number, default: -1 },
-  keepWidthWithReference: { type: Boolean, default: !1 },
-  fitContent: { type: Boolean, default: !1 },
-  minWidth: { type: Number, default: -1 }
-};
-function Jn(e) {
-  const t = e.host ? e.host : "body", u = S(() => t === "body" ? 0 : t ? t.getBoundingClientRect().top : 0), c = S(() => t === "body" ? 0 : t ? t.getBoundingClientRect().left : 0), a = S(() => t === "body" ? document.body.getBoundingClientRect().width : t ? t.getBoundingClientRect().width - (e.rightBoundary ? e.rightBoundary.getBoundingClientRect().width : 0) : document.body.getBoundingClientRect().width), r = S(() => t === "body" ? document.body.getBoundingClientRect().height : t ? t.getBoundingClientRect().height : document.body.getBoundingClientRect().height);
-  return { host: t, hostLeft: c, hostTop: u, hostWidth: a, hostHeight: r };
-}
-function Qn(e, t, u, c) {
-  var W;
-  const a = n(0), r = n(((W = e.offsetX) == null ? void 0 : W.value) || 0), d = n(e.minWidth), v = n(-1), g = n(-1), i = n(e.placement), f = n(0), o = n(0), s = n(0), h = n(document.documentElement.scrollLeft), m = n(document.documentElement.scrollTop), { hostLeft: y, hostTop: b, hostWidth: k, hostHeight: R } = c;
-  E(e.offsetX, ($) => {
-    a.value = $ - r.value;
-  });
-  const C = S(() => {
-    const $ = {
-      left: `${o.value}px`,
-      top: `${s.value}px`,
-      transform: `translateX(${a.value}px)`
-    };
-    return e.zIndex !== -1 && ($["z-index"] = e.zIndex), d.value !== -1 && ($.width = `${d.value}px`), $;
-  }), I = S(() => ({
-    left: `${f.value}px`
-  }));
-  function A($) {
-    if ($ && e.keepWidthWithReference) {
-      const T = $.getBoundingClientRect();
-      d.value = Math.max(e.minWidth, T.width);
-    }
-  }
-  function x($, T) {
-    const P = k.value - $.width - 4;
-    return P > 0 ? P : T;
-  }
-  function j($, T) {
-    const P = R.value - $.height - 4;
-    return P > 0 ? P : T;
-  }
-  function N($, T, P) {
-    const _ = f.value, L = T.left - y.value + T.width / 2 + h.value, q = T.top - b.value - ($.height + P.height) + m.value;
-    return { popoverLeft: L, popoverTop: q, arrowLeft: _ };
-  }
-  function p($, T, P) {
-    const _ = T.top - b.value + (T.height + P.height) + m.value, L = j($, _);
-    return Math.min(_, L);
-  }
-  function V($, T) {
-    const P = x(T, $), _ = $ <= P ? f.value : $ - P;
-    return { popoverLeft: Math.min($, P), arrowLeft: _ };
-  }
-  function D($, T, P) {
-    const _ = T.left - y.value + T.width / 2 - (P.width / 2 - ($.left - y.value)) + h.value, { arrowLeft: L, popoverLeft: q } = V(_, $), G = p($, T, P);
-    return { popoverLeft: q, popoverTop: G, arrowLeft: L };
-  }
-  function w($, T, P) {
-    const _ = T.left - y.value + h.value, { arrowLeft: L, popoverLeft: q } = V(_, $), G = p($, T, P);
-    return { popoverLeft: q, popoverTop: G, arrowLeft: L };
-  }
-  const O = /* @__PURE__ */ new Map([
-    ["top", N],
-    ["bottom", D],
-    ["bottom-left", w]
-  ]);
-  function F($) {
-    var q, G;
-    const T = $.getBoundingClientRect();
-    v.value = T.top, g.value = T.left;
-    const P = (q = t.value) == null ? void 0 : q.getBoundingClientRect(), _ = (G = u.value) == null ? void 0 : G.getBoundingClientRect(), L = O.get(i.value);
-    if (L) {
-      const { arrowLeft: J, popoverLeft: le, popoverTop: ie } = L(_, T, P);
-      f.value = J, o.value = le, s.value = ie;
-    }
-    e.keepWidthWithReference && A($);
-  }
-  function z($) {
-    if ($) {
-      const T = $.getBoundingClientRect();
-      (T.left !== g.value || T.top !== v.value) && F($);
-    }
-  }
-  return {
-    arrowStyle: I,
-    popoverStyle: C,
-    position: i,
-    popoverWidth: d,
-    fitToReference: A,
-    followToReferencePosition: z,
-    locateToReference: F
-  };
-}
-function Zn(e, t, u, c, a, r, d) {
-  const v = n(e.visible), g = S(() => v.value), { fitToReference: i, locateToReference: f } = d;
-  let o;
-  function s() {
-    v.value = !1, document.body.removeEventListener("click", o), t.emit("hidden");
-  }
-  o = (m) => {
-    if (!a.value.contains(m.target)) {
-      const y = a.value.closest(".popover");
-      y && y.removeEventListener("click", o), s();
-    }
-  };
-  async function h(m) {
-    if (c.value && u.value && m) {
-      v.value = !0, a.value = m, r.value && i(m), await ne(), f(m), document.body.addEventListener("click", o);
-      const y = m.closest(".popover");
-      y && y.addEventListener("click", o), t.emit("shown");
-    }
-  }
-  return t.expose({ hide: s, show: h, shown: g }), { showPopover: v, hidePopverOnClickBodyHandler: o };
-}
-function ea(e, t, u, c, a) {
-  const { popoverWidth: r, fitToReference: d, followToReferencePosition: v } = a;
-  function g() {
-    if (u.value) {
-      v(u.value);
-      const i = u.value.getBoundingClientRect();
-      c.value && i.width !== r.value && d(u.value);
-    }
-  }
-  return { onResize: g };
-}
-const ta = /* @__PURE__ */ U({
-  name: "FPopover",
-  props: Yn,
-  emits: ["shown", "hidden"],
-  setup(e, t) {
-    const u = n(), c = n(), a = n(e.reference), r = n(e.keepWidthWithReference), d = S(() => !!e.title), v = Jn(e), {
-      host: g
-    } = v, i = Qn(e, u, c, v), {
-      position: f,
-      arrowStyle: o,
-      popoverStyle: s,
-      fitToReference: h,
-      locateToReference: m
-    } = i, {
-      showPopover: y,
-      hidePopverOnClickBodyHandler: b
-    } = Zn(e, t, u, c, a, r, i), {
-      onResize: k
-    } = ea(e, t, a, r, i), R = S(() => {
-      const I = `popover in popover-${f.value}`, A = `bs-popover-${f.value}`, x = {
-        "popover-fitcontent": e.fitContent
-      };
-      return x[I] = !0, x[A] = !0, (e.class || "").split(" ").reduce((N, p) => (N[p] = !0, N), x), x;
-    }), C = S(() => ({
-      "popover-content": !0,
-      "popover-body": !0
-    }));
-    return ae(() => {
-      e.reference && m(a.value), r.value && h(a.value), window.addEventListener("resize", k);
-    }), de(() => {
-      document.body.removeEventListener("click", b), window.removeEventListener("resize", k);
-    }), () => l(ce, {
-      to: g
-    }, {
-      default: () => {
-        var I;
-        return [oe(l("div", {
-          ref: c,
-          class: R.value,
-          style: s.value,
-          onClick: (A) => {
-            A.stopPropagation();
-          }
-        }, [l("div", {
-          ref: u,
-          class: "popover-arrow arrow",
-          style: o.value
-        }, null), d.value && l("h3", {
-          class: "popover-title popover-header"
-        }, [e.title]), l("div", {
-          class: C.value
-        }, [t.slots.default && ((I = t.slots) == null ? void 0 : I.default())])]), [[ge, y.value]])];
-      }
-    });
-  }
-});
-function na(e, t, u) {
-  const c = n(e.popupMinWidth), {
-    hidePopup: a,
-    popoverRef: r
-  } = u;
-  return () => l(ta, {
-    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: c.value,
-    offsetX: e.popupOffsetX,
-    onHidden: a
-  }, {
-    default: () => {
-      var d, v;
-      return [(v = (d = t.slots).default) == null ? void 0 : v.call(d)];
-    }
-  });
-}
-const aa = /* @__PURE__ */ U({
-  name: "FButtonEdit",
-  props: Se,
-  emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
-  setup(e, t) {
-    const u = n(), c = n(e.customClass), a = n(e.modelValue), r = Fn(e, t, u), {
-      shouldPopupContent: d,
-      hidePopup: v,
-      togglePopup: g
-    } = r, i = xn(e, t, u, r), f = n(""), o = Mn(e, t, a, f, r), {
-      hasFocusedTextBox: s,
-      commitValue: h,
-      inputGroupClass: m
-    } = o, y = Tn(e, t, a, s, f, o), {
-      onMouseEnterTextBox: b,
-      onMouseLeaveTextBox: k
-    } = y, R = S(() => {
-      const p = {
-        "f-button-edit": !0,
-        "f-cmp-inputgroup": !0,
-        "f-button-edit-nowrap": !e.wrapText
-      };
-      return c.value && c.value.split(" ").reduce((V, D) => (V[D] = !0, V), p), p;
-    });
-    function C() {
-      return e.multiSelect && e.inputType === "tag" ? Xn(e, a, o) : Rn(e, a, o);
-    }
-    let I = C();
-    E([() => e.multiSelect, () => e.inputType], () => {
-      I = C();
-    });
-    const A = Kn(e, i, y), x = na(e, t, r), j = {
-      commitValue: h,
-      elementRef: u,
-      hidePopup: v,
-      shouldPopupContent: d,
-      togglePopup: g
-    };
-    ae(() => {
-      u.value.componentInstance = j, window.onresize = () => {
-        document.body.click();
-      };
-    });
-    function N(p) {
-      u.value.contains(p.target) && d.value || document.body.click();
-    }
-    return t.expose(j), () => l(re, null, [l("div", Oe(t.attrs, {
-      ref: u,
-      class: R.value,
-      id: e.id,
-      onMousedown: N
-    }), [l("div", {
-      id: `${e.id}-input-group`,
-      class: m.value,
-      onMouseenter: b,
-      onMouseleave: k
-    }, [I(), A()])]), d.value && x()]);
-  }
-});
-function oa(e) {
-  const t = n(""), u = n(e.modelValue), c = n(e.data || []), a = n(e.editable);
-  function r(o) {
-    const s = String(o).split(e.separator).map((m) => [m, !0]), h = new Map(s);
-    return c.value.filter((m) => h.has(String(m[e.valueField])));
-  }
-  function d(o) {
-    const s = r(o).map((h) => h[e.textField]).join(e.separator);
-    t.value = a.value ? s || o : s;
-  }
-  function v(o) {
-    const s = o.split(e.separator).map((m) => [m, !0]), h = new Map(s);
-    return c.value.filter((m) => h.has(m[e.textField]));
-  }
-  function g(o) {
-    const s = {};
-    return s[e.idField] = o, s[e.textField] = o, [s];
-  }
-  function i(o) {
-    let s = v(o);
-    const h = s && s.length > 0;
-    return a.value && !h && (s = g(o)), s;
-  }
-  function f() {
-    const { url: o, method: s = "GET", headers: h = {}, body: m = null } = e.remote;
-    fetch(o, { method: s, headers: h, body: m }).then((b) => {
-      if (b.status === 200)
-        return b.json();
-      throw new Error(b.statusText);
-    }).then((b) => {
-      c.value = b;
-    }).catch((b) => {
-      console.error(b);
-    });
-  }
-  return e.remote && f(), E(() => e.data, () => {
-    c.value = e.data;
-  }), E([c], ([o]) => {
-    if (e.modelValue) {
-      const s = o.find((h) => h[e.valueField] === e.modelValue);
-      s && (t.value = s[e.textField]);
-    }
-  }), E(() => e.modelValue, (o) => {
-    u.value = o, d(o);
-  }), d(e.modelValue), { dataSource: c, displayText: t, editable: a, modelValue: u, getItemsByDisplayText: v, getItemsByValue: r, getSelectedItemsByDisplayText: i };
-}
-const la = /* @__PURE__ */ U({
-  name: "FComboList",
-  props: Ce,
-  emits: ["clear", "update:modelValue", "change"],
-  setup(e, t) {
-    const u = n(), c = n(e.disabled), a = n(e.enableClear), r = n(e.enableSearch), d = n(e.readonly), {
-      dataSource: v,
-      displayText: g,
-      editable: i,
-      modelValue: f,
-      getSelectedItemsByDisplayText: o
-    } = oa(e), s = S(() => e.multiSelect), h = S(() => u.value ? u.value.elementRef.getBoundingClientRect().width : 0);
-    function m() {
-      !s.value && u.value && u.value.hidePopup();
-    }
-    function y(C) {
-      g.value = C.map((I) => I[e.textField]).join(e.separator), f.value = C.map((I) => I[e.valueField]).join(e.separator), t.emit("update:modelValue", f.value), t.emit("change", C, f.value), m();
-    }
-    function b(C) {
-      f.value = "", t.emit("update:modelValue", ""), t.emit("clear");
-    }
-    function k(C) {
-      const I = o(C);
-      y(I);
-    }
-    function R() {
-      return g.value;
-    }
-    return t.expose({
-      getDisplayText: R
-    }), E([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([C, I, A, x, j]) => {
-      c.value = C, i.value = I, a.value = A, r.value = x, d.value = j;
-    }), () => l(aa, {
-      ref: u,
-      id: e.id,
-      disable: c.value,
-      readonly: d.value,
-      forcePlaceholder: e.forcePlaceholder,
-      editable: i.value,
-      buttonContent: e.dropDownIcon,
-      placeholder: e.placeholder,
-      enableClear: a.value,
-      maxLength: e.maxLength,
-      tabIndex: e.tabIndex,
-      enableTitle: e.enableTitle,
-      multiSelect: e.multiSelect,
-      inputType: e.multiSelect ? "tag" : "text",
-      modelValue: g.value,
-      "onUpdate:modelValue": (C) => g.value = C,
-      onClear: b,
-      onChange: k
-    }, {
-      default: () => [l(Zt, {
-        idField: e.idField,
-        valueField: e.valueField,
-        textField: e.textField,
-        titleField: e.titleField,
-        dataSource: v.value,
-        selectedValues: f.value,
-        multiSelect: e.multiSelect,
-        enableSearch: r.value,
-        height: e.maxHeight,
-        width: e.fitEditor ? h.value : void 0,
-        onSelectionChange: y
-      }, null)]
-    });
-  }
-}), ia = {
-  /** 默认屏幕分辨率对应的英文缩写 */
-  currentScreenResolution: { type: String, default: "" },
-  /** 传入的单个控件的响应式列宽值 */
-  field: { type: Object, default: {} },
-  /** 模式开关 */
-  switchInStandardMode: { type: Boolean, default: !1 },
-  /** 列数值变化事件 */
-  fieldChanged: { type: Function, default: () => {
-  } }
-}, ua = /* @__PURE__ */ new Map([
-  ["appearance", Z]
-]);
-function sa(e, t, u) {
-  return t;
-}
-const ra = "https://json-schema.org/draft/2020-12/schema", ca = "https://farris-design.gitee.io/rate.schema.json", da = "rate", fa = "A Farris Component", va = "object", pa = {
-  id: {
-    description: "The unique identifier for rate",
-    type: "string"
-  },
-  type: {
-    description: "The type string of rate",
-    type: "string",
-    default: "rate"
-  },
-  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
-  }
-}, ma = [
-  "id",
-  "type"
-], ha = {
-  $schema: ra,
-  $id: ca,
-  title: da,
-  description: fa,
-  type: va,
-  properties: pa,
-  required: ma
-}, ga = "rate", ya = "A Farris Component", ba = "object", Ca = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, wa = {
-  title: ga,
-  description: ya,
-  type: ba,
-  categories: Ca
-}, Sa = ["很不满意", "不满意", "一般", "满意", "非常满意"], Ie = {
-  /** 星星大小 */
-  size: { type: String, default: "large" },
-  /** 启用半颗星模式 */
-  enableHalf: { type: Boolean, default: !1 },
-  /** 启用再次点击后清除 */
-  enableClear: { type: Boolean, default: !1 },
-  /** 只读 */
-  disabled: { type: Boolean, default: !1 },
-  /** 分制 */
-  pointSystem: { type: Number, default: 5 },
-  /** 星星亮色 */
-  lightColor: { type: String, default: "" },
-  /** 星星暗色（底色） */
-  darkColor: { type: String, default: "" },
-  /** 图案样式 */
-  iconClass: { type: String, default: "f-icon-star" },
-  /** 星星个数 */
-  numOfStar: { type: Number, default: 5 },
-  /** 禁用单个星星的文字提示 */
-  toolTipDisabled: { type: Boolean, default: !0 },
-  /** 默认的满意度文案 */
-  toolTipContents: { type: Array, default: Sa },
-  /** 启用评分 */
-  enableScore: { type: Boolean, default: !0 },
-  /** 启用满意度 */
-  enableSatisfaction: { type: Boolean, default: !1 },
-  /**
-   * 绑定值
-   */
-  value: { type: Number, default: 0 }
-};
-Q(Ie, ha, ua, sa, wa);
-const Ba = /* @__PURE__ */ U({
-  name: "FRate",
-  props: Ie,
-  emits: ["selectedValue"],
-  setup(e, t) {
-    const u = n(e.size), c = n(e.enableHalf), a = n(e.enableClear), r = n(e.disabled), d = n(e.pointSystem), v = n(e.lightColor), g = n(e.darkColor), i = n(e.iconClass), f = n(e.numOfStar), o = n(e.toolTipDisabled), s = n(e.toolTipContents), h = n(e.enableScore), m = n(e.enableSatisfaction);
-    let y;
-    const b = n(0);
-    let k = 0;
-    const R = n(0), C = n(e.value);
-    let I = 1, A, x, j;
-    const N = 4;
-    ae(() => {
-    });
-    function p() {
-      switch (u.value) {
-        case "small":
-          y = 14;
-          break;
-        case "middle":
-          y = 16;
-          break;
-        case "large":
-          y = 18;
-          break;
-        case "extraLarge":
-          y = 24;
-          break;
-      }
-      V(), f.value && (I = d.value / f.value), C.value && w();
-    }
-    p();
-    function V() {
-      const T = f.value;
-      j = [];
-      for (let P = 1; P <= T; P++)
-        j.push({
-          id: P
-        });
-    }
-    function D(T) {
-      return T.className.indexOf("f-icon") !== -1;
-    }
-    function w() {
-      let T;
-      c.value ? T = Math.ceil(C.value / I) : T = C.value, k = (y * C.value + Math.floor(C.value) * N) / I, A = s.value[T - 1];
-    }
-    function O() {
-      return b.value === k && a.value && k !== 0 ? (k = 0, C.value = 0, x = null, b.value = 0, R.value = 0, t.emit("selectedValue", C.value), !0) : !1;
-    }
-    function F(T, P, _) {
-      if (T.movementX || T.movementY) {
-        if (r.value)
-          return;
-        m.value && (A = s.value[P - 1]), T.offsetX < y / 2 && c.value === !0 ? (b.value = y * P - y / 2 + N * (P - 1), R.value = I * P - I / 2) : (b.value = y * P + N * (P - 1), R.value = I * P);
-      }
-      if (_ === !0) {
-        if (O())
-          return;
-        C.value = R.value, k = b.value, x = A, t.emit("selectedValue", C.value);
-      }
-    }
-    function z(T, P) {
-      var _;
-      if (D(T.target) && T.target) {
-        const L = parseInt((_ = T.target) == null ? void 0 : _.id);
-        F(T, L, P);
-      }
-    }
-    const W = S(() => R.value ? R.value + "分" : C.value + "分"), $ = S(() => ({
-      width: (b.value || k) + "px"
-    }));
-    return () => l("div", {
-      class: "farris-star-rating",
-      onMouseover: ee((T) => z(T, !1), ["prevent"]),
-      onMousemove: ee((T) => z(T, !1), ["prevent"]),
-      onMouseout: ee((T) => z(T, !1), ["prevent"]),
-      onClick: ee((T) => z(T, !0), ["prevent"])
-    }, [l("div", {
-      class: "star-light-area",
-      style: $.value
-    }, [j.map((T) => l("span", {
-      class: ["f-icon default-light-color ", i.value, {
-        "f-star-sm": u.value === "small"
-      }, {
-        "f-star-md": u.value === "middle"
-      }, {
-        "f-star-lg": u.value === "large"
-      }, {
-        "f-star-exlarge": u.value === "extraLarge"
-      }, {
-        disabled: o.value
-      }],
-      id: T.id,
-      style: {
-        color: v.value
-      }
-    }, null))]), l("div", {
-      class: ["star-dark-area", {
-        small: u.value === "small"
-      }, {
-        middle: u.value === "middle"
-      }, {
-        large: u.value === "large"
-      }]
-    }, [j.map((T) => l("span", {
-      class: ["f-icon default-dark-color", i.value, {
-        "f-star-sm": u.value === "small"
-      }, {
-        "f-star-md": u.value === "middle"
-      }, {
-        "f-star-lg": u.value === "large"
-      }, {
-        "f-star-exlarge": u.value === "extraLarge"
-      }],
-      id: T.id,
-      style: {
-        color: g.value
-      }
-    }, null))]), l("div", {
-      class: ["f-utils-fill", {
-        "font-small": u.value === "small"
-      }, {
-        "font-middle": u.value === "middle"
-      }, {
-        "font-large": u.value === "large"
-      }, {
-        "font-exlarge": u.value === "extraLarge"
-      }]
-    }, [h.value && l("span", null, [X(" "), W.value, X(" ")]), m.value && (x || A) && l("span", null, [X(" "), A || x])])]);
-  }
-}), Ia = /* @__PURE__ */ U({
-  name: "FColumnWidthEditor",
-  props: ia,
-  emits: ["fieldChanged"],
-  setup(e, t) {
-    const u = {
-      SM: ["1"],
-      MD: ["1", "2"],
-      LG: ["1", "2", "3", "4"],
-      EL: ["1", "2", "3", "4", "5", "6"]
-    }, c = n(e.currentScreenResolution), a = n(e.field), r = n(e.switchInStandardMode), d = n(), v = n("");
-    n();
-    const g = n("customize"), i = n();
-    function f() {
-      const b = `In${c.value}`;
-      r.value ? (v.value = `displayWidth${b}`, g.value = `${a.value[v.value]}`) : (v.value = `column${b}`, i.value = a.value[v.value]);
-    }
-    function o(b) {
-      i.value = b, a.value[`columnIn${c.value}`] = i.value, a.value[`displayWidthIn${c.value}`] = i.value, t.emit("fieldChanged", a.value);
-    }
-    function s() {
-      return l(Ba, {
-        enableHalf: !0,
-        size: "extraLarge",
-        pointSystem: 12,
-        numOfStar: 6,
-        lightColor: "#5D89FE",
-        darkColor: "#e7e9f3",
-        iconClass: "f-icon-column-rectangle",
-        modelValue: i.value,
-        "onUpdate:modelValue": (b) => i.value = b,
-        enableScore: !1,
-        onClick: o(i.value)
-      }, null);
-    }
-    function h() {
-      var b;
-      if (((b = a == null ? void 0 : a.value) == null ? void 0 : b.showTopBorder) === 1)
-        return l("div", {
-          class: "f-layout-editor-column-width-editor-row"
-        }, [l("span", {
-          class: "f-layout-editor-column-width-editor-row-left"
-        }, null), l("span", {
-          class: "f-layout-editor-column-width-editor-row-middle"
-        }, [X("第"), a.value.componentRow, X("行")]), l("span", {
-          class: "f-layout-editor-column-width-editor-row-right"
-        }, null)]);
-    }
-    function m() {
-      return r.value ? l("div", {
-        class: "f-column-width-editor-switch-standard"
-      }, [l("div", {
-        class: "f-layout-editor-column-width-editor-click-button"
-      }, null)]) : l("div", {
-        class: "f-column-width-editor-switch-customize"
-      }, [l("div", {
-        class: "f-layout-editor-column-width-editor-rectangle"
-      }, [s(), l("div", {
-        class: "f-rate-show-column"
-      }, [i.value, X("列")])])]);
-    }
-    function y() {
-      var b;
-      return l("div", {
-        class: "f-layout-editor-column-width-editor-component"
-      }, [l("div", {
-        class: "f-layout-editor-column-width-editor-label"
-      }, [(b = a == null ? void 0 : a.value) == null ? void 0 : b.label]), m()]);
-    }
-    return E(() => [e.field, e.switchInStandardMode, e.currentScreenResolution], ([b, k, R], [C, I, A]) => {
-      b !== C && b.showTopBorder !== 0 && (a.value = b), k !== I && (r.value = k), R !== A && (d.value = u[R], f());
-    }), () => l("div", {
-      class: "f-layout-editor-column-width-editor"
-    }, [h(), y()]);
-  }
-}), ka = /* @__PURE__ */ U({
-  name: "FFieldList",
-  props: rt,
-  emits: ["update:currentArea", "twoDimensionalArrayChanged", "originalData"],
-  setup(e, t) {
-    const u = n(e.currentScreenResolution), c = n(e.switchInStandardMode), a = n(e.originalData), r = n(e.originalDataCopy), d = n(e.defaultStates), v = n(""), g = n([]), i = n(e.currentArea), f = n(0), o = n(), s = n(0), h = n("1"), m = n([]);
-    function y() {
-      var O;
-      let w = b();
-      for (let F = 0; F < w.length; F++) {
-        const z = {
-          id: (O = w[F]) == null ? void 0 : O.toString(),
-          label: "区域" + w[F]
-        };
-        g.value.push(z);
-      }
-      k();
-    }
-    function b() {
-      let w = [];
-      return a.value.forEach((O) => {
-        w.indexOf(O.group) === -1 && w.push(O.group);
-      }), w;
-    }
-    function k() {
-      h.value = d.value.defaultGroupNumber.toString(), v.value = `区域${h.value}`, i.value = [g.value[Number(h.value) - 1]], t.emit("update:currentArea", i.value);
-    }
-    function R() {
-      let w = [];
-      o.value = [];
-      let O = 1;
-      a.value.forEach((F) => {
-        F.group === O || (O += 1, o.value.push(w), w = []), w.push(F);
-      }), o.value.push(w);
-    }
-    function C() {
-      o.value[Number(i.value[0].id) - 1] = Y(m.value);
-      let w = [];
-      s.value = 0, o.value.forEach((O) => {
-        let F = A(O);
-        w.push(F), s.value = F[F.length - 1].componentRow;
-      }), x(w);
-    }
-    function I() {
-      R();
-      let w = [];
-      return s.value = 0, o.value.forEach((O) => {
-        let F = A(O);
-        w.push(F), s.value = F[F.length - 1].componentRow;
-      }), t.emit("twoDimensionalArrayChanged", o.value), x(w), a.value;
-    }
-    function A(w) {
-      let F = 12;
-      return f.value = 1 + s.value, w.forEach((z) => {
-        z.showTopBorder = 0;
-        let W = z[`columnIn${u.value}`];
-        F - W >= 0 ? (z.componentRow = f.value, F -= W) : F - W < 0 && (f.value += 1, z.componentRow = f.value, F = 12 - W, z.showTopBorder = 1);
-      }), w[0].showTopBorder = 1, w;
-    }
-    function x(w) {
-      let O = [];
-      for (let F of w)
-        for (let z of F)
-          O.push(z);
-      a.value = Y(O), O = [], s.value = 0;
-    }
-    function j() {
-      return l("div", {
-        class: "f-layout-editor-field-list-top"
-      }, [l("div", {
-        class: "f-layout-editor-field-list-header"
-      }, [X("组件列表")]), l("div", {
-        class: "f-layout-editor-choose-group"
-      }, [l(la, {
-        modelValue: h.value,
-        "onUpdate:modelValue": (w) => h.value = w,
-        placeholder: "当前可编辑组",
-        enableClear: !1,
-        "id-field": "id",
-        "text-field": "label",
-        data: g.value,
-        editable: !1,
-        onChange: D
-      }, null)])]);
-    }
-    function N() {
-      return l("div", {
-        class: "f-layout-editor-field-list-content f-utils-overflow-xhya"
-      }, [m.value.map((w) => l(Ia, {
-        currentScreenResolution: u.value,
-        field: w,
-        "onUpdate:field": (O) => w = O,
-        switchInStandardMode: c.value,
-        "onUpdate:switchInStandardMode": (O) => c.value = O
-      }, null))]);
-    }
-    function p() {
-      m.value = [], a.value.forEach((w) => {
-        w.group === Number(i.value[0].id) && m.value.push(w);
-      });
-    }
-    function V() {
-      a.value = Y(I()), t.emit("originalData", a.value);
-    }
-    function D(w) {
-      for (let O = 0; O < w.length; O++)
-        i.value = [{
-          id: w[O].id,
-          label: w[O].label
-        }];
-      t.emit("update:currentArea", i.value), p(), C();
-    }
-    return E(() => e.currentArea, (w, O) => {
-      w !== O && (i.value = e.currentArea, p());
-    }), E(i, (w, O) => {
-      w !== O && p();
-    }), E(() => e.currentGroup, (w, O) => {
-      w !== O && (v.value = e.currentGroup);
-    }), E(() => e.currentScreenResolution, (w, O) => {
-      w !== O && (V(), i.value[0] !== void 0 && (m.value = Y(o.value[Number(i.value[0].id) - 1])));
-    }), E(() => e.switchInStandardMode, (w, O) => {
-      w !== O && (c.value = e.switchInStandardMode, a.value = Y(r.value));
-    }), E(d, (w, O) => {
-      w !== O && V();
-    }), se(() => {
-      y(), I(), p();
-    }), () => l("div", {
-      class: "f-layout-editor-field-list f-utils-fill-flex-column"
-    }, [c.value ? (
-      /* 标准模式 */
-      l("div", {
-        class: "f-layout-editor-field-list-standard f-utils-fill-flex-column"
-      }, [j(), N()])
-    ) : (
-      /* 自定义模式 */
-      l("div", {
-        class: "f-layout-editor-field-list-customize f-utils-fill-flex-column"
-      }, [j(), N()])
-    )]);
-  }
-}), me = /* @__PURE__ */ U({
-  name: "FResponseLayoutEditor",
-  props: $e,
-  emits: ["close", "submit"],
-  setup(e, t) {
-    const u = n(e.initialState), c = n(), a = n(), r = n(""), d = n(""), v = n(!1), g = n([{
-      id: "1",
-      label: "区域1"
-    }]), i = n([]), f = n(), o = n(e.width), s = n(e.height);
-    E(() => e.currentArea, (p, V) => {
-      p !== V && (g.value = e.currentArea);
-    }), E(() => e.switchInStandardMode, (p, V) => {
-      p !== V && (v.value = e.switchInStandardMode);
-    }), E(() => e.currentScreenResolution, (p, V) => {
-      p !== V && (d.value = e.currentScreenResolution);
-    });
-    function h(p) {
-      r.value = p;
-    }
-    function m(p) {
-      d.value = p;
-    }
-    function y(p) {
-      v.value = p;
-    }
-    function b(p) {
-      g.value = [].concat(p);
-    }
-    function k(p) {
-      c.value = Y(p);
-    }
-    function R(p) {
-      i.value = p;
-    }
-    function C() {
-      t.emit("close");
-    }
-    function I() {
-      t.emit("submit", c.value);
-    }
-    function A() {
-      return l(ka, {
-        class: "f-utils-fill-flex-column",
-        defaultStates: a.value,
-        originalDataCopy: f.value,
-        currentScreenResolution: d.value,
-        "onUpdate:currentScreenResolution": (p) => d.value = p,
-        originalData: c.value,
-        switchInStandardMode: v.value,
-        "onUpdate:switchInStandardMode": (p) => v.value = p,
-        currentArea: g.value,
-        "onUpdate:currentArea": (p) => g.value = p,
-        onCurrentAreaChanged: b,
-        onTwoDimensionalArrayChanged: R,
-        onOriginalDataChanged: k
-      }, null);
-    }
-    function x() {
-      return l(st, {
-        class: "f-utils-fill-flex-column",
-        currentArea: g.value,
-        "onUpdate:currentArea": (p) => g.value = p,
-        currentScreenResolution: d.value,
-        "onUpdate:currentScreenResolution": (p) => d.value = p,
-        switchInStandardMode: v.value,
-        twoDimensionalArray: i.value,
-        "onUpdate:twoDimensionalArray": (p) => i.value = p
-      }, null);
-    }
-    const j = S(() => v.value ? "f-layout-editor-left-standard f-utils-fill-flex-column" : "f-layout-editor-left-customize f-utils-fill-flex-column"), N = S(() => v.value ? "f-layout-editor-right-standard f-utils-fill-flex-column" : "f-layout-editor-right-customize f-utils-fill-flex-column");
-    return se(() => {
-      c.value = Y(u.value.importData), f.value = Y(u.value.importData), a.value = u.value.defaultState, r.value = "中等屏幕", d.value = "MD";
-    }), () => l("div", {
-      class: "f-layout-editor f-utils-flex-column",
-      style: "height:" + s.value + "px;width:" + o.value + "px;"
-    }, [l("div", {
-      class: "f-layout-editor-top"
-    }, [l(ot, {
-      defaultStates: a.value,
-      onScreenNameChanged: h,
-      onScreenResolutionChanged: m,
-      onSwitchInStandardModeChanged: y
-    }, null)]), l("div", {
-      class: "f-layout-editor-content f-utils-fill"
-    }, [l("div", {
-      class: "f-layout-editor-left f-utils-fill-flex-column"
-    }, [l("div", {
-      class: j.value
-    }, [A()])]), l("div", {
-      class: "f-layout-editor-right f-utils-fill-flex-column"
-    }, [l("div", {
-      class: N.value
-    }, [x()])])]), l("div", {
-      class: "f-layout-editor-bottom"
-    }, [l("div", {
-      class: "f-layout-editor-button"
-    }, [l("div", {
-      class: "f-layout-editor-cancel-btn",
-      onClick: C
-    }, [l("span", {
-      class: "f-layout-editor-text-cancel"
-    }, [X("取消")])]), l("div", {
-      class: "f-layout-editor-sure-btn",
-      onClick: I
-    }, [l("span", {
-      class: "f-layout-editor-text-sure"
-    }, [X("确认")])])])])]);
-  }
-}), Ra = {
-  install(e) {
-    e.component(me.name, me);
-  }
-  // register(componentMap: Record<string, any>, propsResolverMap: Record<string, any>, configResolverMap: Record<string, any>): void {
-  //     componentMap.responseLayoutEditor = ResponseLayoutEditor;
-  //     propsResolverMap.responseLayoutEditor = propsResolver;
-  // },
-  // registerDesigner(componentMap: Record<string, any>, propsResolverMap: Record<string, any>, configResolverMap: Record<string, any>): void {
-  //     componentMap.responseLayoutEditor = ResponseLayoutEditorDesign;
-  //     propsResolverMap.responseLayoutEditor = propsResolver;
-  // }
-};
-export {
-  me as ResponseLayoutEditor,
-  Ra as default,
-  $e as responseLayoutEditorProps
-};