@farris/ui-vue 1.1.0 → 1.1.1

package/time-picker/index.esm.js

@@ -1,2147 +0,0 @@
-import { defineComponent as q, ref as a, computed as B, createVNode as r, Teleport as oe, createApp as pe, onUnmounted as ae, watch as I, nextTick as Q, withDirectives as fe, vShow as ve, onMounted as le, Fragment as me, mergeProps as Pe, resolveComponent as ye, inject as xe } from "vue";
-import { cloneDeep as Oe } from "lodash-es";
-const he = {}, ge = {};
-function ie(e) {
-  const { properties: t, title: n } = e, l = Object.keys(t).reduce((o, c) => (o[c] = t[c].type === "object" && t[c].properties ? ie(t[c]) : Oe(t[c].default), o), {});
-  return l.id = `${n}-${Date.now()}`, l;
-}
-function ne(e, t = {}) {
-  const n = he[e];
-  if (n) {
-    let l = ie(n);
-    const o = ge[e];
-    return l = o ? o({ getSchemaByType: ne }, l, t) : l, l;
-  }
-  return null;
-}
-function Se(e, t) {
-  const n = ie(t);
-  return Object.keys(e).reduce((l, o) => (l[o] = e[o], l), n), n;
-}
-function je(e, t) {
-  return Object.keys(e).filter((l) => e[l] != null).reduce((l, o) => {
-    if (t.has(o)) {
-      const c = t.get(o);
-      if (typeof c == "string")
-        l[c] = e[o];
-      else {
-        const p = c(o, e[o], e);
-        Object.assign(l, p);
-      }
-    } else
-      l[o] = e[o];
-    return l;
-  }, {});
-}
-function Me(e, t, n = /* @__PURE__ */ new Map()) {
-  const l = Se(e, t);
-  return je(l, n);
-}
-function $e(e = {}) {
-  function t(i, f, u, m) {
-    if (typeof u == "number")
-      return m[i].length === u;
-    if (typeof u == "object") {
-      const b = Object.keys(u)[0], w = u[b];
-      if (b === "not")
-        return Number(m[i].length) !== Number(w);
-      if (b === "moreThan")
-        return Number(m[i].length) >= Number(w);
-      if (b === "lessThan")
-        return Number(m[i].length) <= Number(w);
-    }
-    return !1;
-  }
-  function n(i, f, u, m) {
-    return m[f] && m[f].propertyValue && String(m[f].propertyValue.value) === String(u);
-  }
-  const l = /* @__PURE__ */ new Map([
-    ["length", t],
-    ["getProperty", n]
-  ]);
-  Object.keys(e).reduce((i, f) => (i.set(f, e[f]), i), l);
-  function o(i, f) {
-    const u = i;
-    return typeof f == "number" ? [{ target: u, operator: "length", param: null, value: Number(f) }] : typeof f == "boolean" ? [{ target: u, operator: "getProperty", param: i, value: !!f }] : typeof f == "object" ? Object.keys(f).map((m) => {
-      if (m === "length")
-        return { target: u, operator: "length", param: null, value: f[m] };
-      const b = m, w = f[m];
-      return { target: u, operator: i, param: b, value: w };
-    }) : [];
-  }
-  function c(i) {
-    return Object.keys(i).reduce((u, m) => {
-      const b = o(m, i[m]);
-      return u.push(...b), u;
-    }, []);
-  }
-  function p(i, f) {
-    if (l.has(i.operator)) {
-      const u = l.get(i.operator);
-      return u && u(i.target, i.param, i.value, f) || !1;
-    }
-    return !1;
-  }
-  function d(i, f) {
-    return c(i).reduce((b, w) => b && p(w, f), !0);
-  }
-  function g(i, f) {
-    const u = Object.keys(i), m = u.includes("allOf"), b = u.includes("anyOf"), w = m || b, M = (w ? i[w ? m ? "allOf" : "anyOf" : "allOf"] : [i]).map((H) => d(H, f));
-    return m ? !M.includes(!1) : M.includes(!0);
-  }
-  return { parseValueSchema: g };
-}
-const De = {}, Le = {};
-$e();
-function ue(e, t, n = /* @__PURE__ */ new Map(), l = (p, d, g) => d, o = {}, c = (p) => p) {
-  return he[t.title] = t, ge[t.title] = l, De[t.title] = o, Le[t.title] = c, (p = {}) => {
-    const d = Me(p, t, n), g = Object.keys(e).reduce((i, f) => (i[f] = e[f].default, i), {});
-    return Object.assign(g, d);
-  };
-}
-function se(e, t) {
-  return { customClass: t.class };
-}
-const Ae = /* @__PURE__ */ new Map([
-  ["appearance", se]
-]), Ee = "https://json-schema.org/draft/2020-12/schema", Ve = "https://farris-design.gitee.io/time-picker.schema.json", Fe = "time-picker", He = "A Farris Input Component", Re = "object", Ne = {
-  id: {
-    description: "The unique identifier for a time picker",
-    type: "string"
-  },
-  type: {
-    description: "The type string of time picker component",
-    type: "string",
-    default: "time-picker"
-  },
-  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
-  }
-}, We = [
-  "id",
-  "type"
-], Ie = {
-  $schema: Ee,
-  $id: Ve,
-  title: Fe,
-  description: He,
-  type: Re,
-  properties: Ne,
-  required: We
-};
-function ze(e, t, n) {
-  return t;
-}
-const qe = "time-picker", Xe = "A Farris Component", _e = "object", Ge = {
-  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: "右对齐"
-            }
-          ]
-        }
-      }
-    }
-  }
-}, Ue = {
-  title: qe,
-  description: Xe,
-  type: _e,
-  categories: Ge
-}, re = {
-  /**
-   * 组件值
-   */
-  modelValue: { type: String, default: "" }
-}, ce = ue(re, Ie, Ae, ze, Ue), Ke = /* @__PURE__ */ new Map([
-  ["appearance", se]
-]);
-function Je(e, t, n) {
-  return t;
-}
-const Qe = "https://json-schema.org/draft/2020-12/schema", Ye = "https://farris-design.gitee.io/button-edit.schema.json", Ze = "button-edit", et = "A Farris Input Component", tt = "object", nt = {
-  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: ""
-  }
-}, ot = [
-  "id",
-  "type"
-], at = {
-  $schema: Qe,
-  $id: Ye,
-  title: Ze,
-  description: et,
-  type: tt,
-  properties: nt,
-  required: ot
-}, lt = "buttonEdit", it = "A Farris Component", ut = "object", st = {
-  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: "右对齐"
-            }
-          ]
-        }
-      }
-    }
-  }
-}, rt = {
-  title: lt,
-  description: it,
-  type: ut,
-  categories: st
-}, be = {
-  /**
-   * 组件标识
-   */
-  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" }
-};
-ue(be, at, Ke, Je, rt);
-const ct = {
-  popupContentPosition: { type: Object, default: { left: 0, top: 0 } },
-  host: { type: Object },
-  backgroundColor: { type: String, default: "" }
-}, dt = /* @__PURE__ */ q({
-  name: "FOverlay",
-  props: ct,
-  emits: ["click"],
-  setup(e, t) {
-    const n = a(e.popupContentPosition), l = a(e.host), o = B(() => ({
-      backgroundColor: e.backgroundColor || "",
-      pointerEvents: "auto"
-    }));
-    function c(d) {
-      t.emit("click"), d.preventDefault(), d.stopPropagation();
-    }
-    B(() => {
-      const d = l.value;
-      if (d) {
-        const g = d.getBoundingClientRect(), {
-          left: i,
-          top: f,
-          height: u
-        } = g;
-        return {
-          left: i,
-          top: f + u
-        };
-      }
-      return n.value;
-    });
-    const p = B(() => ({
-      // position: 'relative',
-      // left: `${position.value.left}px`,
-      // top: `${position.value.top}px`
-    }));
-    return () => r(oe, {
-      to: "body"
-    }, {
-      default: () => {
-        var d, g;
-        return [r("div", {
-          class: "overlay-container",
-          onClick: (i) => c(i),
-          style: o.value
-        }, [r("div", {
-          style: p.value
-        }, [(g = (d = t.slots).default) == null ? void 0 : g.call(d)])])];
-      }
-    });
-  }
-});
-function pt(e) {
-  if (e.content && e.content.render)
-    return e.content.render;
-  if (e.render && typeof e.render == "function")
-    return e.render;
-}
-function ft(e) {
-  const t = document.createElement("div");
-  t.style.display = "contents";
-  let n;
-  const l = e.onClickCallback || (() => {
-  }), o = () => {
-    l(), n && n.unmount();
-  };
-  return n = pe({
-    setup() {
-      ae(() => {
-        document.body.removeChild(t);
-      });
-      const c = pt(e);
-      return () => r(dt, {
-        "popup-content-position": e.popupPosition,
-        host: e.host,
-        onClick: o,
-        backgroundColor: e.backgroundColor
-      }, {
-        default: () => [c && c()]
-      });
-    }
-  }), document.body.appendChild(t), n.mount(t), n;
-}
-class vt {
-  static show(t) {
-    return ft(t);
-  }
-}
-const mt = {
-  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 }
-}, yt = /* @__PURE__ */ q({
-  name: "FModal",
-  props: mt,
-  emits: ["update:modelValue", "accept", "cancel", "closed"],
-  setup(e, t) {
-    const n = a(e.width), l = a(e.height), o = a(e.modelValue), c = a(""), p = a(e.class), d = a(e.fitContent), g = a(e.showHeader), i = a(""), f = a(!0), u = a(!1), m = a(!1), b = a(""), w = a(""), P = a(""), D = a(e.showButtons), M = a(e.title);
-    function F(x, E) {
-      o.value = !1, t.emit("update:modelValue", !1), E != null && t.emit(E ? "accept" : "cancel"), t.emit("closed");
-    }
-    const H = [{
-      text: "取消",
-      class: "btn btn-light",
-      handle: (x) => {
-        F(x, !1);
-      }
-    }, {
-      text: "确定",
-      class: "btn btn-primary",
-      handle: (x) => {
-        F(x, !0);
-      }
-    }], L = a(e.buttons && e.buttons.length ? e.buttons : H), V = B(() => !!i.value), T = B(() => !!D.value && !!L.value);
-    a(), a(), I(() => e.modelValue, () => {
-      o.value = e.modelValue;
-    });
-    const j = a(!1), S = B(() => o.value), C = B(() => {
-      const x = {
-        modal: !0,
-        "farris-modal": !0
-      };
-      return x["f-modal-fitContent"] = d.value, x;
-    }), $ = B(() => ({
-      display: S.value ? "block" : "none !important"
-    })), R = B(() => {
-      const x = {
-        "modal-dialog": !0
-      };
-      return p.value.split(" ").reduce((A, G) => (A[G] = !0, A), x), x;
-    }), z = B(() => ({
-      position: "absolute",
-      top: "50%",
-      left: "50%",
-      width: `${n.value}px`,
-      height: d.value ? "auto" : `${l.value}px`,
-      "margin-left": `${0 - n.value / 2}px`,
-      "margin-top": d.value ? "auto" : `${0 - l.value / 2}px`
-    })), U = B(() => ({
-      "modal-content": !0,
-      "modal-content-has-header": g.value
-    })), X = B(() => ({
-      display: g.value ? "" : "none"
-    })), K = B(() => ({
-      "f-icon": !0,
-      modal_maximize: !0,
-      modalrevert: j.value
-    })), _ = B(() => ({
-      height: "10px",
-      "z-index": 1,
-      display: g.value ? "none" : ""
-    })), s = B(() => ({
-      "modal-body": !0,
-      "f-utils-flex-column": b.value === "iframe"
-    }));
-    function h() {
-      return {};
-    }
-    const k = B(() => {
-      const x = {
-        textAlgin: P.value
-      }, E = h();
-      return Object.assign(x, E);
-    });
-    function N(x) {
-    }
-    return () => r(oe, {
-      to: "body"
-    }, {
-      default: () => {
-        var x, E;
-        return [r("div", {
-          class: C.value,
-          style: $.value
-        }, [r("div", {
-          id: c.value,
-          class: R.value,
-          style: z.value
-        }, [r("div", {
-          class: U.value
-        }, [r("div", {
-          ref: "modalHeaderRef",
-          class: "modal-header",
-          style: X.value
-        }, [r("div", {
-          class: "modal-title"
-        }, [V.value && r("span", {
-          class: i.value,
-          style: "margin-right: 8px"
-        }, null), r("span", {
-          class: "modal-title-label"
-        }, [M.value])]), r("div", {
-          class: "actions"
-        }, [r("ul", null, [m.value && r("li", {
-          class: "f-btn-icon f-bare"
-        }, [r("span", {
-          class: "f-icon modal_minimize"
-        }, null)]), u.value && r("li", {
-          onClick: N,
-          class: "f-btn-icon f-bare"
-        }, [r("span", {
-          class: K.value
-        }, null)]), f.value && r("li", {
-          class: "f-btn-icon f-bare",
-          onClick: (A) => F(A, !1)
-        }, [r("span", {
-          class: "f-icon modal_close"
-        }, null)])])])]), r("div", {
-          ref: "dragableElementRef",
-          class: "f-utils-absolute-all",
-          style: _.value
-        }, null), r("div", {
-          class: s.value
-        }, [(E = (x = t.slots).default) == null ? void 0 : E.call(x), b.value === "iframe" && r("iframe", {
-          title: c.value,
-          class: "f-utils-fill",
-          width: "100%",
-          frameborder: "0",
-          src: w.value
-        }, null)]), T.value && r("div", {
-          class: "modal-footer",
-          style: k.value
-        }, [L.value && L.value.map((A) => r("button", {
-          type: "button",
-          class: A.class + " " + (A.iconClass && "btn-icontext"),
-          onClick: (G) => {
-            A.handle && A.handle(G);
-          }
-        }, [!!A.iconClass && r("i", {
-          class: A.iconClass
-        }, null), A.text]))])])])])];
-      }
-    });
-  }
-});
-function ht(e) {
-  if (e.content && e.content.render)
-    return e.content.render;
-  if (e.render && typeof e.render == "function")
-    return e.render;
-}
-function gt(e) {
-  const t = document.createElement("div");
-  t.style.display = "contents";
-  const n = pe({
-    setup() {
-      ae(() => {
-        document.body.removeChild(t);
-      });
-      const l = a(e.class || ""), o = a(!!e.showButtons), c = a(!!e.showHeader), p = a(!0), d = a(e.title || ""), g = e.acceptCallback || (() => {
-      }), i = e.rejectCallback || (() => {
-      }), f = ht(e), u = () => {
-        p.value = !1, n.unmount();
-      };
-      return () => r(yt, {
-        class: l.value,
-        modelValue: p.value,
-        "onUpdate:modelValue": (m) => p.value = m,
-        title: d.value,
-        width: e.width,
-        height: e.height,
-        buttons: e.buttons,
-        "show-header": c.value,
-        "show-buttons": o.value,
-        onAccept: g,
-        onCancel: i,
-        fitContent: e.fitContent,
-        onClosed: u
-      }, {
-        default: () => [f && f(n)]
-      });
-    }
-  });
-  return document.body.appendChild(t), n.mount(t), n;
-}
-class bt {
-  static show(t) {
-    const n = Object.assign({
-      title: "",
-      showButtons: !0,
-      showHeader: !0
-    }, t);
-    return gt(n);
-  }
-}
-function Ct(e, t, n, l) {
-  const o = a(e.buttonBehavior), c = a(e.popupOnInput), p = B(() => ({
-    "input-group-append": !0,
-    "append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
-  })), d = B(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable);
-  async function g(u) {
-    if (d.value) {
-      const m = !!t.slots.default;
-      if (o.value === "Modal") {
-        const b = e.modalOptions;
-        bt.show({
-          ...b,
-          render: () => t.slots.default && t.slots.default()
-        });
-      }
-      o.value === "Overlay" && vt.show({
-        // host: buttonEditRef.value,
-        host: document.body,
-        backgroundColor: "rgba(0,0,0,.15)",
-        render: () => t.slots.default && t.slots.default()
-      }), m && o.value === "Popup" && l.togglePopup(), m && c.value && l.hidePopup(), t.emit("clickButton", { origin: u, value: e.modelValue });
-    }
-    u.stopPropagation();
-  }
-  function i(u) {
-    t.emit("mouseEnterIcon", u);
-  }
-  function f(u) {
-    t.emit("mouseLeaveIcon", u);
-  }
-  return {
-    buttonGroupClass: p,
-    onClickButton: g,
-    onMouseEnterButton: i,
-    onMouseLeaveButton: f
-  };
-}
-function Bt(e, t, n, l, o, c) {
-  const p = a(!1), d = B(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: g } = c;
-  function i(b) {
-    p.value = b;
-  }
-  I(o, () => {
-    i(!!o.value);
-  });
-  function f(b) {
-    const w = !e.readonly && !e.disable && e.editable, P = !e.editable;
-    b.stopPropagation(), (w || P) && (g("", !1), i(!p.value), t.emit("clear"));
-  }
-  function u(b) {
-    if (d.value) {
-      if (!n.value) {
-        i(!1);
-        return;
-      }
-      !e.disable && !e.readonly && i(!0);
-    }
-  }
-  function m(b) {
-    d.value && i(!1);
-  }
-  return {
-    enableClearButton: d,
-    showClearButton: p,
-    onClearValue: f,
-    onMouseEnterTextBox: u,
-    onMouseLeaveTextBox: m
-  };
-}
-function wt(e, t, n, l, o) {
-  const c = a(e.popupOnInput), p = a(e.popupOnFocus), { shouldPopupContent: d } = o, g = B(() => e.enableTitle ? n.value : ""), i = B(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), f = B(() => e.readonly || !e.editable), u = a(!1), m = B(() => !e.disable && u.value), b = B(() => ({
-    "text-left": e.textAlign === "left",
-    "text-center": e.textAlign === "center",
-    "text-right": e.textAlign === "right",
-    "form-control": !0,
-    "f-utils-fill": !0
-  })), w = B(() => ({
-    "input-group": !0,
-    "f-state-disable": e.disable,
-    "f-state-editable": e.editable && !e.disable && !e.readonly,
-    "f-state-readonly": e.readonly && !e.disable,
-    "f-state-focus": m.value
-  }));
-  function P(C, $ = !0) {
-    n.value !== C && (n.value = C, $ && t.emit("change", C), t.emit("update:modelValue", C));
-  }
-  function D(C) {
-    d.value = !1, P(C, !0);
-  }
-  I(
-    () => e.modelValue,
-    (C) => {
-      n.value = C;
-    }
-  );
-  function M(C) {
-    u.value = !1, t.emit("blur", C), C.stopPropagation();
-  }
-  function F(C) {
-    t.emit("click", C);
-  }
-  function H(C) {
-    e.disable || (u.value = !0, f.value || (t.emit("focus", C), p.value && !d.value && o.popup()));
-  }
-  function L(C) {
-    t.emit("input", C.target.value);
-    const $ = C.target.value;
-    l.value = $, n.value !== $ && P($, !1), c.value && !d.value && o.popup();
-  }
-  function V(C) {
-    C.target.tagName !== "INPUT" && C.preventDefault(), C.stopPropagation();
-  }
-  function T(C) {
-    t.emit("keydown", C);
-  }
-  function j(C) {
-    C.key === "Enter" && (c.value || p.value) && o.hidePopup(), t.emit("keyup", C);
-  }
-  function S(C) {
-    const $ = C.target.value;
-    C.stopPropagation(), P($);
-  }
-  return {
-    hasFocusedTextBox: m,
-    isTextBoxReadonly: f,
-    textBoxClass: b,
-    textBoxPlaceholder: i,
-    textBoxTitle: g,
-    inputGroupClass: w,
-    changeTextBoxValue: P,
-    commitValue: D,
-    onBlurTextBox: M,
-    onClickTextBox: F,
-    onFocusTextBox: H,
-    onInput: L,
-    onKeyDownTextBox: T,
-    onKeyUpTextBox: j,
-    onMouseDownTextBox: V,
-    onTextBoxValueChange: S
-  };
-}
-function Tt(e, t, n) {
-  const l = a(), o = a(!1);
-  function c() {
-    const i = l.value;
-    i && i.show(n.value);
-  }
-  async function p() {
-    !!t.slots.default && (o.value = !o.value, await Q(), c());
-  }
-  async function d() {
-    !!t.slots.default && (o.value = !0, await Q(), c());
-  }
-  function g() {
-    o.value = !1;
-  }
-  return { hidePopup: g, popup: d, shouldPopupContent: o, togglePopup: p, popoverRef: l };
-}
-function kt(e, t, n) {
-  const {
-    isTextBoxReadonly: l,
-    textBoxClass: o,
-    textBoxPlaceholder: c,
-    textBoxTitle: p,
-    onBlurTextBox: d,
-    onClickTextBox: g,
-    onFocusTextBox: i,
-    onInput: f,
-    onKeyDownTextBox: u,
-    onKeyUpTextBox: m,
-    onMouseDownTextBox: b,
-    onTextBoxValueChange: w
-  } = n;
-  return () => r("input", {
-    name: "input-group-value",
-    autocomplete: e.autoComplete ? "on" : "off",
-    class: o.value,
-    disabled: e.disable,
-    maxlength: e.maxLength,
-    minlength: e.minLength,
-    placeholder: c.value,
-    readonly: l.value,
-    tabindex: e.tabIndex,
-    title: p.value,
-    type: e.inputType,
-    value: t.value,
-    onBlur: d,
-    onChange: w,
-    onClick: g,
-    onFocus: i,
-    onInput: f,
-    onKeydown: u,
-    onKeyup: m,
-    onMousedown: b
-  }, null);
-}
-function Pt(e, t, n) {
-  return t;
-}
-const xt = /* @__PURE__ */ new Map([
-  ["appearance", se]
-]), Ot = "tags", St = "A Farris Component", jt = "object", Mt = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, $t = {
-  title: Ot,
-  description: St,
-  type: jt,
-  categories: Mt
-}, Dt = "https://json-schema.org/draft/2020-12/schema", Lt = "https://farris-design.gitee.io/tags.schema.json", At = "tags", Et = "A Farris Component", Vt = "object", Ft = {
-  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
-  }
-}, Ht = [
-  "id",
-  "type"
-], Rt = {
-  $schema: Dt,
-  $id: Lt,
-  title: At,
-  description: Et,
-  type: Vt,
-  properties: Ft,
-  required: Ht
-}, Ce = {
-  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 }
-};
-ue(Ce, Rt, xt, Pt, $t);
-function Nt(e, t, n, l) {
-  const o = a(-1), c = a(!1);
-  function p(f, u, m) {
-    f.stopPropagation(), u && setTimeout(() => {
-      o.value = m, c.value = !0, u.moving = !0;
-    });
-  }
-  function d(f, u) {
-    if (f.preventDefault(), o.value !== u) {
-      const m = l.value[o.value], b = l.value;
-      b.splice(o.value, 1), b.splice(u, 0, m), o.value = u;
-    }
-  }
-  function g(f, u) {
-    f.preventDefault(), f.dataTransfer && (f.dataTransfer.dropEffect = "move");
-  }
-  function i(f, u) {
-    u && (u.moving = !1), n.value = l.value.filter((m) => m.type === "Tag").map((m) => m.payload), c.value = !1, t.emit("change", n.value);
-  }
-  return {
-    dragstart: p,
-    dragenter: d,
-    dragover: g,
-    dragend: i,
-    isDragging: c
-  };
-}
-const Wt = /* @__PURE__ */ q({
-  name: "FTags",
-  props: Ce,
-  emits: ["remove", "selectionChange", "change"],
-  setup(e, t) {
-    const n = a(e.selectable), l = a(e.customClass), o = a(e.data), c = a(e.tagType), p = a(e.tagStyle), d = a(e.showColor), g = a(e.customStyle), i = a(e.activeTag), f = a(e.showClose), u = a(e.addButtonText), m = a(), b = a(e.wrapText), w = a();
-    a(e.disable);
-    const P = a(!1);
-    function D() {
-      const v = o.value.map((y) => ({
-        type: "Tag",
-        payload: y
-      }));
-      return e.showAddButton && v.push({
-        type: "AddButton"
-      }), v;
-    }
-    const M = a(D());
-    function F(v) {
-      o.value = v, M.value = D();
-    }
-    const H = B(() => M.value.findIndex((v) => v.type === "Input")), L = Nt(e, t, o, M), {
-      dragstart: V,
-      dragenter: T,
-      dragover: j,
-      dragend: S
-    } = L;
-    I(() => e.data, (v) => F(v)), I(() => e.showAddButton, () => {
-      M.value = D();
-    }), I(() => e.disable, (v) => {
-      M.value = D();
-    }), I(() => e.activeTag, (v) => {
-      i.value = v;
-    }), I(P, (v) => {
-      const y = [...M.value];
-      v ? y.length > 0 && y[y.length - 1].type != "Input" && (y.splice(y.length - 1, 1), y.splice(y.length, 0, {
-        type: "Input"
-      }), M.value = y, Q(() => {
-        w.value && w.value.focus();
-      })) : y.length > 0 && y[y.length - 1].type != "AddButton" && (y.splice(y.length - 1, 1), y.splice(y.length, 0, {
-        type: "AddButton"
-      }), M.value = y);
-    });
-    const C = B(() => {
-      const v = {
-        "farris-tags": !0,
-        "farris-tags-checkable": n.value,
-        "farris-tags-nowrap": !b.value
-      };
-      return l.value.split(" ").reduce((y, O) => (y[O] = !0, y), v), v;
-    });
-    function $(v) {
-      const y = {
-        "farris-tag-item": !0,
-        "farris-tag-item-checked": n.value && v.checked,
-        "farris-tag-item-checkable": n.value,
-        "farris-tag-item-has-color": d.value,
-        "farris-tag-item-actived": i.value === v.name
-      };
-      if (c.value) {
-        const O = `farris-tag-item-${c.value}`;
-        y[O] = !0;
-      }
-      return y;
-    }
-    const R = B(() => {
-      const v = {};
-      return g.value && g.value.split(";").reduce((y, O) => {
-        const W = O.split(":");
-        return y[W[0]] = W[1], y;
-      }, v), v;
-    });
-    function z(v, y) {
-      !e.disable && n.value && (!y.hasOwnProperty("selectable") || y.selectable) && (y.checked = !y.checked, i.value = y.checked ? y.name : "", y.checked && o.value.filter((O) => O.name !== y.name).forEach((O) => {
-        O.checked = !y.checked;
-      }), t.emit("change", o.value), t.emit("selectionChange", y));
-    }
-    function U(v, y) {
-      let O;
-      switch (v.key) {
-        case "Backspace":
-          o.value = o.value.filter((W) => W.name !== y.name), t.emit("change", o.value);
-          break;
-        case "ArrowLeft":
-          O = Math.max(m.value.scrollLeft + 20, 0), m.value.scrollLeft = O;
-          break;
-        case "ArrowRight":
-          O = Math.max(m.value.scrollLeft - 20, 0), m.value.scrollLeft = O;
-      }
-    }
-    function X(v, y) {
-      const O = o.value.findIndex((W) => W.name === y.name);
-      if (O > -1) {
-        const [W] = o.value.splice(O, 1);
-        M.value = D(), t.emit("change", o.value), t.emit("remove", {
-          tags: o.value,
-          remove: W
-        });
-      }
-      v.stopPropagation();
-    }
-    const K = B(() => ({
-      "farris-tag-item": !0,
-      "farris-tag-add-button": !0,
-      "farris-tag-add-button-disabled": !e.enableAddButton
-    }));
-    function _(v) {
-      v.stopPropagation(), P.value = !0;
-    }
-    function s() {
-      return !e.disable && r("li", {
-        class: K.value,
-        onClick: (v) => _(v)
-      }, [r("span", {
-        class: "f-icon f-icon-amplification"
-      }, null), u.value && r("span", {
-        class: "farris-tag-add-text"
-      }, [u.value])]);
-    }
-    function h(v, y, O) {
-      v > -1 && (o.value.splice(v, 0, {
-        name: y,
-        value: O,
-        selectable: n.value
-      }), M.value = D(), P.value = !1, t.emit("change", o.value));
-    }
-    function k(v) {
-      if (v && v.value) {
-        const y = v.value, O = H.value;
-        h(O, y, y), v.innerText = "";
-      } else
-        P.value = !1;
-    }
-    function N(v) {
-      const y = v.target;
-      y && y.value ? k(y) : P.value = !1;
-    }
-    function x(v) {
-      v.key === "Enter" && k(v.target);
-    }
-    function E() {
-      return !e.disable && r("li", {
-        class: "farris-tag-input-box"
-      }, [r("input", {
-        ref: w,
-        class: "form-control",
-        onKeyup: x,
-        onBlur: N
-      }, null)]);
-    }
-    function A(v, y) {
-      return r("li", {
-        class: $(v),
-        style: R.value,
-        tabindex: 0,
-        id: v.name,
-        key: v.name,
-        onClick: (O) => z(O, v),
-        onKeydown: (O) => U(O, v),
-        draggable: "true",
-        onDragstart: (O) => V(O, v, y),
-        onDragenter: (O) => T(O, y),
-        onDragend: (O) => S(O, v),
-        onDragover: (O) => j(O, y)
-      }, [r("span", {
-        title: v.name,
-        class: "tag-box"
-      }, [v.name]), !e.disable && f.value && r("span", {
-        class: "tag-delete"
-      }, [r("i", {
-        class: "f-icon f-icon-close",
-        onClick: (O) => X(O, v)
-      }, null)])]);
-    }
-    function G() {
-      return M.value.map((v, y) => {
-        switch (v.type) {
-          case "Tag":
-            return A(v.payload, y);
-          case "AddButton":
-            return s();
-          case "Input":
-            return E();
-        }
-      });
-    }
-    const Y = B(() => ({
-      "farris-tags-item-container": !0,
-      "farris-tag-item-capsule": p.value === "capsule"
-    }));
-    function Z(v) {
-      const y = Math.max(m.value.scrollLeft - v.deltaX, 0);
-      m.value.scrollLeft = y;
-    }
-    function we(v) {
-      var O;
-      v.preventDefault(), v.stopPropagation();
-      const y = (O = v.dataTransfer) == null ? void 0 : O.getData("Text");
-      if (y) {
-        const W = y.split(":"), ke = W[0], J = W[1];
-        [...o.value].findIndex((ee) => (console.log(`${ee.value} === ${J} is ${ee.value === J}`), ee.value === J)) > -1 || h(o.value.length, ke, J);
-      }
-    }
-    function Te(v) {
-      v.preventDefault();
-    }
-    return () => r("div", {
-      class: C.value,
-      onDrop: we,
-      onDragover: Te
-    }, [r("ul", {
-      ref: m,
-      class: Y.value,
-      onWheel: (v) => Z(v)
-    }, [G()])]);
-  }
-});
-function It(e, t, n) {
-  const l = a(e.separator), {
-    changeTextBoxValue: o
-  } = n, c = B(() => t.value ? t.value.split(l.value).map((d) => ({
-    name: d,
-    selectable: !0
-  })) : []);
-  function p(d) {
-    o(d.map((g) => g.name).join(l.value), !0);
-  }
-  return () => r(Wt, {
-    id: `${e.id}-tag-editor`,
-    class: "form-control",
-    data: c.value,
-    showClose: !0,
-    showInput: !0,
-    onChange: p
-  }, null);
-}
-function zt(e, t, n) {
-  const {
-    buttonGroupClass: l,
-    onClickButton: o,
-    onMouseEnterButton: c,
-    onMouseLeaveButton: p
-  } = t, {
-    enableClearButton: d,
-    showClearButton: g,
-    onClearValue: i
-  } = n;
-  return () => r("div", {
-    id: `${e.id}-button-group`,
-    class: l.value
-  }, [d.value && fe(r("span", {
-    class: "input-group-text input-group-clear",
-    onClick: i
-  }, [r("i", {
-    class: "f-icon modal_close"
-  }, null)]), [[ve, g.value]]), e.buttonContent && r("span", {
-    class: "input-group-text input-group-append-button",
-    innerHTML: e.buttonContent,
-    onClick: o,
-    onMouseenter: c,
-    onMouseleave: p
-  }, null)]);
-}
-const qt = {
-  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: a(0) },
-  zIndex: { type: Number, default: -1 },
-  keepWidthWithReference: { type: Boolean, default: !1 },
-  fitContent: { type: Boolean, default: !1 },
-  minWidth: { type: Number, default: -1 }
-};
-function Xt(e) {
-  const t = e.host ? e.host : "body", n = B(() => t === "body" ? 0 : t ? t.getBoundingClientRect().top : 0), l = B(() => t === "body" ? 0 : t ? t.getBoundingClientRect().left : 0), o = B(() => t === "body" ? document.body.getBoundingClientRect().width : t ? t.getBoundingClientRect().width - (e.rightBoundary ? e.rightBoundary.getBoundingClientRect().width : 0) : document.body.getBoundingClientRect().width), c = B(() => t === "body" ? document.body.getBoundingClientRect().height : t ? t.getBoundingClientRect().height : document.body.getBoundingClientRect().height);
-  return { host: t, hostLeft: l, hostTop: n, hostWidth: o, hostHeight: c };
-}
-function _t(e, t, n, l) {
-  var _;
-  const o = a(0), c = a(((_ = e.offsetX) == null ? void 0 : _.value) || 0), p = a(e.minWidth), d = a(-1), g = a(-1), i = a(e.placement), f = a(0), u = a(0), m = a(0), b = a(document.documentElement.scrollLeft), w = a(document.documentElement.scrollTop), { hostLeft: P, hostTop: D, hostWidth: M, hostHeight: F } = l;
-  I(e.offsetX, (s) => {
-    o.value = s - c.value;
-  });
-  const H = B(() => {
-    const s = {
-      left: `${u.value}px`,
-      top: `${m.value}px`,
-      transform: `translateX(${o.value}px)`
-    };
-    return e.zIndex !== -1 && (s["z-index"] = e.zIndex), p.value !== -1 && (s.width = `${p.value}px`), s;
-  }), L = B(() => ({
-    left: `${f.value}px`
-  }));
-  function V(s) {
-    if (s && e.keepWidthWithReference) {
-      const h = s.getBoundingClientRect();
-      p.value = Math.max(e.minWidth, h.width);
-    }
-  }
-  function T(s, h) {
-    const k = M.value - s.width - 4;
-    return k > 0 ? k : h;
-  }
-  function j(s, h) {
-    const k = F.value - s.height - 4;
-    return k > 0 ? k : h;
-  }
-  function S(s, h, k) {
-    const N = f.value, x = h.left - P.value + h.width / 2 + b.value, E = h.top - D.value - (s.height + k.height) + w.value;
-    return { popoverLeft: x, popoverTop: E, arrowLeft: N };
-  }
-  function C(s, h, k) {
-    const N = h.top - D.value + (h.height + k.height) + w.value, x = j(s, N);
-    return Math.min(N, x);
-  }
-  function $(s, h) {
-    const k = T(h, s), N = s <= k ? f.value : s - k;
-    return { popoverLeft: Math.min(s, k), arrowLeft: N };
-  }
-  function R(s, h, k) {
-    const N = h.left - P.value + h.width / 2 - (k.width / 2 - (s.left - P.value)) + b.value, { arrowLeft: x, popoverLeft: E } = $(N, s), A = C(s, h, k);
-    return { popoverLeft: E, popoverTop: A, arrowLeft: x };
-  }
-  function z(s, h, k) {
-    const N = h.left - P.value + b.value, { arrowLeft: x, popoverLeft: E } = $(N, s), A = C(s, h, k);
-    return { popoverLeft: E, popoverTop: A, arrowLeft: x };
-  }
-  const U = /* @__PURE__ */ new Map([
-    ["top", S],
-    ["bottom", R],
-    ["bottom-left", z]
-  ]);
-  function X(s) {
-    var E, A;
-    const h = s.getBoundingClientRect();
-    d.value = h.top, g.value = h.left;
-    const k = (E = t.value) == null ? void 0 : E.getBoundingClientRect(), N = (A = n.value) == null ? void 0 : A.getBoundingClientRect(), x = U.get(i.value);
-    if (x) {
-      const { arrowLeft: G, popoverLeft: Y, popoverTop: Z } = x(N, h, k);
-      f.value = G, u.value = Y, m.value = Z;
-    }
-    e.keepWidthWithReference && V(s);
-  }
-  function K(s) {
-    if (s) {
-      const h = s.getBoundingClientRect();
-      (h.left !== g.value || h.top !== d.value) && X(s);
-    }
-  }
-  return {
-    arrowStyle: L,
-    popoverStyle: H,
-    position: i,
-    popoverWidth: p,
-    fitToReference: V,
-    followToReferencePosition: K,
-    locateToReference: X
-  };
-}
-function Gt(e, t, n, l, o, c, p) {
-  const d = a(e.visible), g = B(() => d.value), { fitToReference: i, locateToReference: f } = p;
-  let u;
-  function m() {
-    d.value = !1, document.body.removeEventListener("click", u), t.emit("hidden");
-  }
-  u = (w) => {
-    if (!o.value.contains(w.target)) {
-      const P = o.value.closest(".popover");
-      P && P.removeEventListener("click", u), m();
-    }
-  };
-  async function b(w) {
-    if (l.value && n.value && w) {
-      d.value = !0, o.value = w, c.value && i(w), await Q(), f(w), document.body.addEventListener("click", u);
-      const P = w.closest(".popover");
-      P && P.addEventListener("click", u), t.emit("shown");
-    }
-  }
-  return t.expose({ hide: m, show: b, shown: g }), { showPopover: d, hidePopverOnClickBodyHandler: u };
-}
-function Ut(e, t, n, l, o) {
-  const { popoverWidth: c, fitToReference: p, followToReferencePosition: d } = o;
-  function g() {
-    if (n.value) {
-      d(n.value);
-      const i = n.value.getBoundingClientRect();
-      l.value && i.width !== c.value && p(n.value);
-    }
-  }
-  return { onResize: g };
-}
-const Kt = /* @__PURE__ */ q({
-  name: "FPopover",
-  props: qt,
-  emits: ["shown", "hidden"],
-  setup(e, t) {
-    const n = a(), l = a(), o = a(e.reference), c = a(e.keepWidthWithReference), p = B(() => !!e.title), d = Xt(e), {
-      host: g
-    } = d, i = _t(e, n, l, d), {
-      position: f,
-      arrowStyle: u,
-      popoverStyle: m,
-      fitToReference: b,
-      locateToReference: w
-    } = i, {
-      showPopover: P,
-      hidePopverOnClickBodyHandler: D
-    } = Gt(e, t, n, l, o, c, i), {
-      onResize: M
-    } = Ut(e, t, o, c, i), F = B(() => {
-      const L = `popover in popover-${f.value}`, V = `bs-popover-${f.value}`, T = {
-        "popover-fitcontent": e.fitContent
-      };
-      return T[L] = !0, T[V] = !0, (e.class || "").split(" ").reduce((S, C) => (S[C] = !0, S), T), T;
-    }), H = B(() => ({
-      "popover-content": !0,
-      "popover-body": !0
-    }));
-    return le(() => {
-      e.reference && w(o.value), c.value && b(o.value), window.addEventListener("resize", M);
-    }), ae(() => {
-      document.body.removeEventListener("click", D), window.removeEventListener("resize", M);
-    }), () => r(oe, {
-      to: g
-    }, {
-      default: () => {
-        var L;
-        return [fe(r("div", {
-          ref: l,
-          class: F.value,
-          style: m.value,
-          onClick: (V) => {
-            V.stopPropagation();
-          }
-        }, [r("div", {
-          ref: n,
-          class: "popover-arrow arrow",
-          style: u.value
-        }, null), p.value && r("h3", {
-          class: "popover-title popover-header"
-        }, [e.title]), r("div", {
-          class: H.value
-        }, [t.slots.default && ((L = t.slots) == null ? void 0 : L.default())])]), [[ve, P.value]])];
-      }
-    });
-  }
-});
-function Jt(e, t, n) {
-  const l = a(e.popupMinWidth), {
-    hidePopup: o,
-    popoverRef: c
-  } = n;
-  return () => r(Kt, {
-    id: `${e.id}-popover`,
-    ref: c,
-    visible: !0,
-    placement: "bottom-left",
-    host: e.popupHost,
-    "keep-width-with-reference": !0,
-    fitContent: !0,
-    "right-boundary": e.popupRightBoundary,
-    minWidth: l.value,
-    offsetX: e.popupOffsetX,
-    onHidden: o
-  }, {
-    default: () => {
-      var p, d;
-      return [(d = (p = t.slots).default) == null ? void 0 : d.call(p)];
-    }
-  });
-}
-const Be = /* @__PURE__ */ q({
-  name: "FButtonEdit",
-  props: be,
-  emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
-  setup(e, t) {
-    const n = a(), l = a(e.customClass), o = a(e.modelValue), c = Tt(e, t, n), {
-      shouldPopupContent: p,
-      hidePopup: d,
-      togglePopup: g
-    } = c, i = Ct(e, t, n, c), f = a(""), u = wt(e, t, o, f, c), {
-      hasFocusedTextBox: m,
-      commitValue: b,
-      inputGroupClass: w
-    } = u, P = Bt(e, t, o, m, f, u), {
-      onMouseEnterTextBox: D,
-      onMouseLeaveTextBox: M
-    } = P, F = B(() => {
-      const C = {
-        "f-button-edit": !0,
-        "f-cmp-inputgroup": !0,
-        "f-button-edit-nowrap": !e.wrapText
-      };
-      return l.value && l.value.split(" ").reduce(($, R) => ($[R] = !0, $), C), C;
-    });
-    function H() {
-      return e.multiSelect && e.inputType === "tag" ? It(e, o, u) : kt(e, o, u);
-    }
-    let L = H();
-    I([() => e.multiSelect, () => e.inputType], () => {
-      L = H();
-    });
-    const V = zt(e, i, P), T = Jt(e, t, c), j = {
-      commitValue: b,
-      elementRef: n,
-      hidePopup: d,
-      shouldPopupContent: p,
-      togglePopup: g
-    };
-    le(() => {
-      n.value.componentInstance = j, window.onresize = () => {
-        document.body.click();
-      };
-    });
-    function S(C) {
-      n.value.contains(C.target) && p.value || document.body.click();
-    }
-    return t.expose(j), () => r(me, null, [r("div", Pe(t.attrs, {
-      ref: n,
-      class: F.value,
-      id: e.id,
-      onMousedown: S
-    }), [r("div", {
-      id: `${e.id}-input-group`,
-      class: w.value,
-      onMouseenter: D,
-      onMouseleave: M
-    }, [L(), V()])]), p.value && T()]);
-  }
-});
-function Qt(e, t, n) {
-  var V;
-  function l() {
-    n != null && n.resolveComponentContext && n.resolveComponentContext();
-  }
-  l();
-  const o = n && n.getStyles && n.getStyles() || "", c = n && n.getDesignerClass && n.getDesignerClass() || "", p = a();
-  function d() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
-  }
-  function g() {
-    return !1;
-  }
-  function i() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
-  }
-  function f() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
-  }
-  function u(T) {
-    if (!T || !T.value)
-      return null;
-    if (T.value.schema && T.value.schema.type === "component")
-      return T.value;
-    const j = a(T == null ? void 0 : T.value.parent), S = u(j);
-    return S || null;
-  }
-  function m(T = t) {
-    const { componentInstance: j, designerItemElementRef: S } = T;
-    return !j || !j.value ? null : j.value.canMove ? S : m(T.parent);
-  }
-  function b(T) {
-    return !!n && n.canAccepts(T);
-  }
-  function w() {
-    return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
-  }
-  function P() {
-  }
-  function D(T, j) {
-    j && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(j);
-  }
-  function M(T) {
-    const { componentType: j } = T;
-    let S = ne(j, T);
-    n && n.onResolveNewComponentSchema && (S = n.onResolveNewComponentSchema(T, S));
-    const C = j.toLowerCase().replace("-", "_");
-    return S && !S.id && S.type === j && (S.id = `${C}_${Math.random().toString().slice(2, 6)}`), S;
-  }
-  function F(T, j) {
-    const S = String(T.getAttribute("data-controltype")), C = T.getAttribute("data-feature"), $ = C ? JSON.parse(C) : {};
-    $.parentComponentInstance = p.value;
-    let R = ne(S, $);
-    n && n.onAcceptNewChildElement && (R = n.onAcceptNewChildElement(T, j, R));
-    const z = S.toLowerCase().replace("-", "_");
-    return R && !R.id && R.type === S && (R.id = `${z}_${Math.random().toString().slice(2, 6)}`), R;
-  }
-  function H(T) {
-  }
-  function L() {
-    return n && n.getPropsConfig ? n.getPropsConfig() : [];
-  }
-  return p.value = {
-    canMove: d(),
-    canSelectParent: g(),
-    canDelete: i(),
-    canNested: !f(),
-    contents: t == null ? void 0 : t.schema.contents,
-    elementRef: e,
-    parent: (V = t == null ? void 0 : t.parent) == null ? void 0 : V.componentInstance,
-    schema: t == null ? void 0 : t.schema,
-    styles: o,
-    designerClass: c,
-    canAccepts: b,
-    getBelongedComponentInstance: u,
-    getDraggableDesignItemElement: m,
-    getDraggingDisplayText: w,
-    getPropConfig: L,
-    getDragScopeElement: P,
-    onAcceptMovedChildElement: D,
-    onAcceptNewChildElement: F,
-    onChildElementMovedOut: H,
-    addNewChildComponentSchema: M,
-    updateDragAndDropRules: l,
-    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || a(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || a(!1)
-  }, p;
-}
-const te = /* @__PURE__ */ q({
-  name: "FTimePicker",
-  props: re,
-  emits: [],
-  setup(e, t) {
-    const n = '<span class="f-icon f-icon-timepicker"></span>', l = a(e.modelValue), o = a(null);
-    function c() {
-    }
-    return () => r(me, null, [r(Be, {
-      ref: o,
-      modelValue: l.value,
-      "onUpdate:modelValue": (p) => l.value = p,
-      buttonContent: n,
-      enableClear: !0,
-      onClickButton: () => void 0
-    }, {
-      default: () => [r(ye("f-time-picker-time-view"), null, null)]
-    })]);
-  }
-}), Yt = {
-  hourStep: {
-    Type: Number,
-    default: 1
-  },
-  minuteStep: {
-    Type: Number,
-    default: 1
-  },
-  secondStep: {
-    Type: Number,
-    default: 1
-  },
-  clearText: {
-    Type: String,
-    default: "clear"
-  },
-  popupClassName: {
-    Type: String,
-    default: ""
-  },
-  placeholder: {
-    Type: String,
-    default: ""
-  },
-  defaultOpenValue: {
-    Type: Date,
-    default: /* @__PURE__ */ new Date()
-  },
-  format: {
-    Type: String,
-    default: "HH:mm:ss"
-  },
-  isOpen: {
-    Type: Boolean,
-    default: !1
-  },
-  use12Hours: {
-    Type: Boolean,
-    default: !1
-  },
-  hideDisabledOptions: {
-    Type: Boolean,
-    default: !1
-  }
-}, de = /* @__PURE__ */ q({
-  name: "FTimePickerTimeView",
-  props: Yt,
-  emits: [],
-  setup(e, t) {
-    const n = a(!1), l = a("time-picker-panel"), o = a(!0), c = a(0), p = a([]), d = a([]), g = a([]), i = a([]), f = a(e.hourStep), u = a(e.minuteStep), m = a(e.secondStep);
-    a(e.clearText), a(e.popupClassName), a(e.placeholder), a(e.defaultOpenValue);
-    const b = a(e.format);
-    a(e.isOpen);
-    const w = a(e.use12Hours), P = a(e.hideDisabledOptions);
-    I(() => e.use12Hours, () => {
-      b.value && (b.value = b.value.replace(/h/g, "H")), w.value && (b.value ? b.value.indexOf("a") === -1 && (b.value += " a") : b.value = "hh:mm:ss a");
-    });
-    const D = B(() => ({
-      "time-picker-panel": !0,
-      "time-picker-panel-column-3": !0,
-      "time-picker-panel-placement-bottomLeft": !0,
-      "f-area-show": !0
-    })), M = B(() => {
-      const s = {};
-      if (n.value) {
-        const h = `${l.value}-panel`;
-        s[h] = !0;
-      }
-      return s;
-    }), F = B(() => {
-      const s = `${l.value}-inner`, h = {};
-      if (h[s] = !0, n.value) {
-        const k = `${l.value}-column-${o.value}`;
-        h[k] = !0;
-      }
-      return h;
-    }), H = B(() => ({
-      width: w.value ? `${c.value}px` : "100%"
-    })), L = B(() => !0), V = B(() => !0), T = B(() => !0);
-    function j(s, h = 1, k = 0) {
-      return h = Math.ceil(h), new Array(Math.ceil(s / h)).fill(0).map((N, x) => (x + k) * h);
-    }
-    function S() {
-      let s = 24, h = 0;
-      if (w.value && (s = 12, h = 1), p.value = j(s, f.value, h).map((k) => ({
-        index: k,
-        disabled: !1
-      })), w.value && p.value[p.value.length - 1].index === 12) {
-        const k = [...p.value];
-        k.unshift(k[k.length - 1]), k.splice(k.length - 1, 1), p.value = k;
-      }
-      p.value = p.value.filter((k) => !(P.value && k.disabled));
-    }
-    function C() {
-      d.value = j(60, u.value).map((s) => ({
-        index: s,
-        disabled: !1
-      })), d.value = d.value.filter((s) => !(P.value && s.disabled));
-    }
-    function $() {
-      g.value = j(60, m.value).map((s) => ({
-        index: s,
-        disabled: !1
-      })), g.value = g.value.filter((s) => !(P.value && s.disabled));
-    }
-    function R() {
-      const s = b.value.includes("A");
-      i.value = [{
-        index: 0,
-        value: s ? "AM" : "am"
-      }, {
-        index: 1,
-        value: s ? "PM" : "pm"
-      }], i.value = i.value.filter(() => !P.value);
-    }
-    S(), C(), $(), R();
-    function z(s, h) {
-    }
-    function U(s, h) {
-    }
-    function X(s, h) {
-    }
-    function K(s, h) {
-    }
-    function _(s, h) {
-    }
-    return () => r("div", {
-      class: D.value
-    }, [r("div", {
-      class: M.value
-    }, [r("div", {
-      class: F.value
-    }, [r("div", {
-      class: l.value + "-combobox",
-      style: H.value
-    }, [L.value && r("div", {
-      class: l.value + "-select"
-    }, [r("ul", null, [p.value.map((s) => r("li", {
-      class: void 0,
-      onClick: (h) => void 0
-    }, [`${s.index}`]))])]), V.value && r("div", {
-      class: l.value + "-select"
-    }, [r("ul", null, [d.value.map((s) => r("li", {
-      class: void 0,
-      onClick: (h) => void 0
-    }, [`${s.index}`]))])]), T.value && r("div", {
-      class: l.value + "-select"
-    }, [r("ul", null, [g.value.map((s) => r("li", {
-      class: void 0,
-      onClick: (h) => void 0
-    }, [`${s.index}`]))])]), w.value && r("div", {
-      class: l.value + "-select"
-    }, [r("ul", null, [i.value.map((s) => r("li", {
-      class: void 0,
-      onClick: (h) => void 0
-    }, [`${s.index}`]))])])])])])]);
-  }
-}), Zt = /* @__PURE__ */ q({
-  name: "FTimePickerDesign",
-  props: re,
-  emits: [],
-  setup(e, t) {
-    const n = '<span class="f-icon f-icon-timepicker"></span>', l = a(e.modelValue), o = a(), c = a(), p = xe("design-item-context"), d = Qt(c, p);
-    le(() => {
-      c.value.componentInstance = d;
-    }), t.expose(d.value);
-    function g() {
-    }
-    return () => r("div", {
-      ref: c
-    }, [r(Be, {
-      ref: o,
-      modelValue: l.value,
-      "onUpdate:modelValue": (i) => l.value = i,
-      buttonContent: n,
-      enableClear: !0,
-      onClickButton: () => void 0
-    }, {
-      default: () => [r(ye("f-time-picker-time-view"), null, null)]
-    })]);
-  }
-}), an = {
-  install(e) {
-    e.component(te.name, te).component(de.name, de);
-  },
-  register(e, t, n) {
-    e["time-picker"] = te, t["time-picker"] = ce;
-  },
-  registerDesigner(e, t, n) {
-    e["time-picker"] = Zt, t["time-picker"] = ce;
-  }
-};
-export {
-  te as FTimePicker,
-  de as TimePickerTimeView,
-  an as default,
-  ce as propsResolver,
-  re as timePickerProps,
-  Yt as timeProps
-};