@farris/ui-vue 1.5.7 → 1.5.8

package/designer/button-edit/index.esm.js

@@ -0,0 +1,1556 @@
+var Fe = Object.defineProperty;
+var We = (e, t, n) => t in e ? Fe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var A = (e, t, n) => We(e, typeof t != "symbol" ? t + "" : t, n);
+import { withInstall as De } from "../../components/common/index.esm.js";
+import { resolveAppearance as Ve, createPropsResolver as Ne } from "../../components/dynamic-resolver/index.esm.js";
+import Ae, { buttonEditProps as $e } from "../../components/button-edit/index.esm.js";
+import { defineComponent as oe, ref as o, computed as z, createVNode as h, Teleport as re, createApp as ce, onUnmounted as ue, Fragment as Xe, watch as $, nextTick as G, onBeforeMount as Ye, onMounted as se, Transition as qe, shallowRef as Ge, render as ae, h as Ue, cloneVNode as Ke, mergeProps as de, inject as fe } from "vue";
+import { useDesignerComponent as Je } from "../../components/designer-canvas/index.esm.js";
+const _e = {
+  /**
+   * 组件标识
+   */
+  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 },
+  popupOnClick: { type: Boolean, default: !1 },
+  /**
+   * 样式追加到弹出窗口
+   */
+  popupClass: { type: String, default: "" },
+  popupMinWidth: { type: Number, default: 160 },
+  modalOptions: { type: Object, default: {} },
+  wrapText: { type: Boolean, default: !1 },
+  /**
+   * 可选，是否支持多选
+   * 默认`false`
+   */
+  multiSelect: { type: Boolean, default: !1 },
+  /**
+   * 可选，分隔符
+   * 默认`,`
+   */
+  separator: { type: String, default: "," },
+  /** 对齐方式 */
+  textAlign: { type: String, default: "left" },
+  /**
+   * 废弃
+   */
+  beforeClickButton: { type: Function, default: null },
+  /**
+   * 作为内嵌编辑器被创建后默认获得焦点
+   */
+  focusOnCreated: { type: Boolean, default: !1 },
+  /**
+   * 作为内嵌编辑器被创建后默认选中文本
+   */
+  selectOnCreated: { type: Boolean, default: !1 },
+  /**
+   * 打开前
+   */
+  beforeOpen: { type: Function, default: null },
+  /** 更新方式 blur | change */
+  updateOn: { type: String, default: "change" },
+  keepWidthWithReference: { type: Boolean, default: !0 },
+  placement: { type: String, default: "bottom-left" },
+  /**
+   * 根据空间大小重新调整，原下拉面板内容指定的高度
+   */
+  limitContentBySpace: { type: Boolean, default: !1 }
+}, Qe = {
+  popupContentPosition: { type: Object, default: { left: 0, top: 0 } },
+  host: { type: Object },
+  backgroundColor: { type: String, default: "" }
+}, Ze = /* @__PURE__ */ oe({
+  name: "FOverlay",
+  props: Qe,
+  emits: ["click"],
+  setup(e, t) {
+    const n = o(e.popupContentPosition), a = o(e.host), c = z(() => ({
+      backgroundColor: e.backgroundColor || "",
+      pointerEvents: "auto"
+    }));
+    function i(u) {
+      t.emit("click"), u.preventDefault(), u.stopPropagation();
+    }
+    z(() => {
+      const u = a.value;
+      if (u) {
+        const f = u.getBoundingClientRect(), {
+          left: p,
+          top: y,
+          height: w
+        } = f;
+        return {
+          left: p,
+          top: y + w
+        };
+      }
+      return n.value;
+    });
+    const v = z(() => ({
+      // position: 'relative',
+      // left: `${position.value.left}px`,
+      // top: `${position.value.top}px`
+    }));
+    return () => h(re, {
+      to: "body"
+    }, {
+      default: () => {
+        var u, f;
+        return [h("div", {
+          class: "overlay-container",
+          onClick: (p) => i(p),
+          style: c.value
+        }, [h("div", {
+          style: v.value
+        }, [(f = (u = t.slots).default) == null ? void 0 : f.call(u)])])];
+      }
+    });
+  }
+});
+function et(e) {
+  if (e.content && e.content.render)
+    return e.content.render;
+  if (e.render && typeof e.render == "function")
+    return e.render;
+}
+function tt(e) {
+  const t = document.createElement("div");
+  t.style.display = "contents";
+  let n;
+  const a = e.onClickCallback || (() => {
+  }), c = () => {
+    a(), n && n.unmount();
+  };
+  return n = ce({
+    setup() {
+      ue(() => {
+        document.body.removeChild(t);
+      });
+      const i = et(e);
+      return () => h(Ze, {
+        "popup-content-position": e.popupPosition,
+        host: e.host,
+        onClick: c,
+        backgroundColor: e.backgroundColor
+      }, {
+        default: () => [i && i()]
+      });
+    }
+  }), document.body.appendChild(t), n.mount(t), n;
+}
+class nt {
+  static show(t) {
+    return tt(t);
+  }
+}
+const lt = {
+  /**
+   * 允许点击遮罩关闭对话框
+   */
+  allowClickMaskToClose: { type: Boolean, default: !1 },
+  /**
+   * 关闭对话框前事件， 是个函数，返回true或者false
+   */
+  beforeClose: { type: Function, default: () => !0 },
+  /**
+   * 自定义类
+   */
+  class: { type: String, default: "" },
+  /**
+   * 自定义遮罩类
+   */
+  maskClass: { type: String, default: "" },
+  /**
+   * 模态框标题
+   */
+  title: { type: String, default: "" },
+  /**
+   * 模态框宽度
+   */
+  width: { type: Number, default: 500 },
+  /**
+   * 模态框高度
+   */
+  height: { type: Number, default: 320 },
+  /**
+   * 自定义按钮列表
+    */
+  buttons: {
+    type: Array,
+    default: []
+  },
+  /**
+   * 是否展示模态框
+   */
+  modelValue: { type: Boolean, default: !1 },
+  /**
+   * 是否模态
+   */
+  mask: { type: Boolean, default: !0 },
+  /**
+   * 是否展示头部
+   */
+  showHeader: { type: Boolean, default: !0 },
+  /**
+   * 是否展示默认按钮
+   */
+  showButtons: { type: Boolean, default: !0 },
+  /**
+   * 是否启用自适应样式
+   */
+  fitContent: { type: Boolean, default: !0 },
+  /**
+   * 是否展示右上角按钮
+   */
+  showCloseButton: { type: Boolean, default: !0 },
+  showMaxButton: { type: Boolean, default: !1 },
+  minHeight: { type: Number },
+  maxHeight: { type: Number },
+  minWidth: { type: Number },
+  maxWidth: { type: Number },
+  containment: { type: Object, default: null },
+  resizeable: { type: Boolean, default: !1 },
+  draggable: { type: Boolean, default: !1 },
+  dragHandle: { type: Object, default: null },
+  closedCallback: { type: Function, default: null },
+  resizeHandle: { type: Function, default: null },
+  render: { type: Function, default: null },
+  acceptCallback: { type: Function, default: null },
+  rejectCallback: { type: Function, default: null },
+  enableEsc: { type: Boolean, default: !0 },
+  enableEnter: { type: Boolean, default: !1 },
+  dialogType: { type: String, default: "" },
+  src: { type: String, default: "" },
+  footerHeight: { type: Number, default: 60 },
+  host: { type: Object, default: "body" }
+};
+class S {
+  constructor(t, n) {
+    this.x = t, this.y = n;
+  }
+  static getTransformInfo(t) {
+    const a = window.getComputedStyle(t).getPropertyValue("transform").replace(/[^-\d,]/g, "").split(",");
+    if (a.length >= 6) {
+      const c = parseInt(a[4], 10), i = parseInt(a[5], 10);
+      return { x: c, y: i };
+    }
+    return { x: 0, y: 0 };
+  }
+  static fromEvent(t, n = null) {
+    if (this.isMouseEvent(t))
+      return new S(t.clientX, t.clientY);
+    if (n === null || t.changedTouches.length === 1)
+      return new S(t.changedTouches[0].clientX, t.changedTouches[0].clientY);
+    for (let a = 0; a < t.changedTouches.length; a++)
+      if (t.changedTouches[a].target === n)
+        return new S(t.changedTouches[a].clientX, t.changedTouches[a].clientY);
+  }
+  static isMouseEvent(t) {
+    return Object.prototype.toString.apply(t).indexOf("MouseEvent") === 8;
+  }
+  static isIPosition(t) {
+    return !!t && "x" in t && "y" in t;
+  }
+  static getCurrent(t) {
+    const n = new S(0, 0);
+    if (window) {
+      const a = window.getComputedStyle(t);
+      if (a) {
+        const c = parseInt(a.getPropertyValue("left"), 10), i = parseInt(a.getPropertyValue("top"), 10);
+        n.x = isNaN(c) ? 0 : c, n.y = isNaN(i) ? 0 : i;
+      }
+      return n;
+    }
+    return null;
+  }
+  static copy(t) {
+    return new S(0, 0).set(t);
+  }
+  get value() {
+    return { x: this.x, y: this.y };
+  }
+  add(t) {
+    return this.x += t.x, this.y += t.y, this;
+  }
+  subtract(t) {
+    return this.x -= t.x, this.y -= t.y, this;
+  }
+  multiply(t) {
+    this.x *= t, this.y *= t;
+  }
+  divide(t) {
+    this.x /= t, this.y /= t;
+  }
+  reset() {
+    return this.x = 0, this.y = 0, this;
+  }
+  set(t) {
+    return this.x = t.x, this.y = t.y, this;
+  }
+}
+class X {
+  constructor(t, n) {
+    this.width = t, this.height = n;
+  }
+  static getCurrent(t) {
+    const n = new X(0, 0);
+    if (window) {
+      const a = window.getComputedStyle(t);
+      return a && (n.width = parseInt(a.getPropertyValue("width"), 10), n.height = parseInt(a.getPropertyValue("height"), 10)), n;
+    }
+    return null;
+  }
+  static copy(t) {
+    return new X(0, 0).set(t);
+  }
+  set(t) {
+    return this.width = t.width, this.height = t.height, this;
+  }
+}
+function at(e, t) {
+  const n = o(), a = o(), c = o(), i = o(), v = o(), u = o(), f = o(), p = o(), y = o(), w = o(), I = o(), g = o(e.resizeable), B = o(), k = o(e.draggable), P = o(!1);
+  function L() {
+    const s = a.value || document.body, r = window.getComputedStyle(s);
+    if (!r || !n.value)
+      return;
+    const M = S.getTransformInfo(n.value), m = {};
+    f.value && (m.deltaL = n.value.offsetLeft - f.value.x, m.deltaT = n.value.offsetTop - f.value.y);
+    const R = r.getPropertyValue("position");
+    m.width = s.clientWidth, m.height = s.clientHeight, m.pr = parseInt(r.getPropertyValue("padding-right"), 10), m.pb = parseInt(r.getPropertyValue("padding-bottom"), 10), m.position = r.getPropertyValue("position"), R === "static" && (s.style.position = "relative"), m.translateX = M.x, m.translateY = M.y, w.value = m;
+  }
+  function O(s) {
+    if (n.value) {
+      i.value = X.getCurrent(n.value), v.value = S.getCurrent(n.value), u.value = i.value ? X.copy(i.value) : null, f.value = v.value ? S.copy(v.value) : null, L();
+      const r = s.target.getAttribute("type") || "";
+      p.value = {
+        n: !!r.match(/n/),
+        s: !!r.match(/s/),
+        w: !!r.match(/w/),
+        e: !!r.match(/e/)
+      };
+    }
+  }
+  function j() {
+    var s, r, M, m;
+    if (n.value) {
+      const R = n.value;
+      p.value && ((p.value.n || p.value.s) && ((s = u.value) != null && s.height) && (R.style.height = u.value.height + "px"), (p.value.w || p.value.e) && ((r = u.value) != null && r.width) && (R.style.width = u.value.width + "px"), f.value && ((M = f.value) != null && M.x && (R.style.left = f.value.x + "px"), (m = f.value) != null && m.y && (R.style.top = f.value.y + "px")));
+    }
+  }
+  function D() {
+    const s = e.minHeight ? e.minHeight : 1, r = e.minWidth ? e.minWidth : 1;
+    u.value && f.value && p.value && i.value && (u.value.height < s && (u.value.height = s, p.value.n && v.value && (f.value.y = v.value.y + (i.value.height - s))), u.value.width < r && (u.value.width = r, p.value.w && v.value && (f.value.x = v.value.x + (i.value.width - r))), e.maxHeight && u.value.height > e.maxHeight && (u.value.height = e.maxHeight, v.value && p.value.n && (f.value.y = v.value.y + (i.value.height - e.maxHeight))), e.maxWidth && u.value.width > e.maxWidth && (u.value.width = e.maxWidth, p.value.w && v.value && (f.value.x = v.value.x + (i.value.width - e.maxWidth))));
+  }
+  function x() {
+    if (a.value) {
+      const s = w.value;
+      if (f.value && u.value && p.value && i.value) {
+        const r = s.width - s.pr - s.deltaL - s.translateX - f.value.x, M = s.height - s.pb - s.deltaT - s.translateY - f.value.y;
+        p.value.n && f.value.y + s.translateY < 0 && v.value && (f.value.y = -s.translateY, u.value.height = i.value.height + v.value.y + s.translateY), p.value.w && f.value.x + s.translateX < 0 && v.value && (f.value.x = -s.translateX, u.value.width = i.value.width + v.value.x + s.translateX), u.value.width > r && (u.value.width = r), u.value.height > M && (u.value.height = M);
+      }
+    }
+  }
+  function H(s) {
+    if (!c.value || !i.value || !v.value || !p.value)
+      return;
+    s.subtract(c.value);
+    const r = s.x, M = s.y;
+    p.value.n ? (f.value.y = v.value.y + M, u.value.height = i.value.height - M) : p.value.s && (u.value.height = i.value.height + M), p.value.e ? u.value.width = i.value.width + r : p.value.w && (u.value.width = i.value.width - r, f.value.x = v.value.x + r), x(), D(), j();
+  }
+  function d(s) {
+    if (!y.value)
+      return;
+    const r = S.fromEvent(s);
+    r && H(r);
+  }
+  function C() {
+    if (n.value) {
+      const {
+        width: s,
+        height: r,
+        x: M,
+        y: m
+      } = n.value.getBoundingClientRect(), R = S.getTransformInfo(n.value);
+      return {
+        size: {
+          width: s,
+          height: r
+        },
+        position: {
+          x: M - R.x,
+          y: m - R.y
+        }
+      };
+    }
+    return null;
+  }
+  function T(s) {
+    if (n.value) {
+      const r = C();
+      I.value = r;
+    }
+    c.value = void 0, i.value = null, v.value = null, u.value = null, f.value = null, p.value = null, y.value = null, document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", T);
+  }
+  function W() {
+    document.addEventListener("mousemove", d), document.addEventListener("mouseup", T);
+  }
+  function E(s) {
+    s instanceof MouseEvent && s.button === 2 || k.value && (document.body.click(), s.stopPropagation(), s.preventDefault(), c.value = S.fromEvent(s), y.value = s.target, O(s), W());
+  }
+  function V(s) {
+    return n.value = s, g.value && h(Xe, null, [h("div", {
+      class: "fv-resizable-handle fv-resizable-n",
+      type: "n",
+      onMousedown: (r) => E(r)
+    }, null), h("div", {
+      class: "fv-resizable-handle fv-resizable-e",
+      type: "e",
+      onMousedown: (r) => E(r)
+    }, null), h("div", {
+      class: "fv-resizable-handle fv-resizable-s",
+      type: "s",
+      onMousedown: (r) => E(r)
+    }, null), h("div", {
+      class: "fv-resizable-handle fv-resizable-w",
+      type: "w",
+      onMousedown: (r) => E(r)
+    }, null), h("div", {
+      class: "fv-resizable-handle fv-resizable-ne",
+      type: "ne",
+      onMousedown: (r) => E(r)
+    }, null), h("div", {
+      class: "fv-resizable-handle fv-resizable-se fv-resizable-diagonal",
+      type: "se",
+      onMousedown: (r) => E(r)
+    }, null), h("div", {
+      class: "fv-resizable-handle fv-resizable-sw",
+      type: "sw",
+      onMousedown: (r) => E(r)
+    }, null), h("div", {
+      class: "fv-resizable-handle fv-resizable-nw",
+      type: "nw",
+      onMousedown: (r) => E(r)
+    }, null)]);
+  }
+  function K(s = !0) {
+    document.body.click();
+    const r = a.value || document.body, M = X.getCurrent(r), m = n.value;
+    s && m && (B.value = C(), B.value.transform = m.style.transform), M && m && (u.value = M, u.value.height -= 14, u.value.width -= 14, m.style.height = u.value.height + "px", m.style.width = u.value.width + "px", m.style.left = "7px", m.style.top = "7px", m.style.transform = "", I.value = {
+      size: u.value,
+      position: {
+        x: 0,
+        y: 0
+      }
+    }, k.value = !1, P.value = !0);
+  }
+  function _() {
+    var s, r;
+    if (document.body.click(), B.value) {
+      const M = {
+        width: B.value.size.width || 0,
+        height: B.value.size.height || 0
+      }, m = {
+        x: (window.innerWidth - M.width) / 2,
+        y: (window.innerHeight - M.height) / 2
+      };
+      (s = u.value) == null || s.set(M), (r = f.value) == null || r.set(m);
+      const R = n.value;
+      R.style.height = M.height + "px", R.style.width = M.width + "px", R.style.left = `${m.x}px`, R.style.top = `${m.y}px`, R.style.transform = "", I.value = {
+        size: M,
+        position: m
+      }, k.value = e.draggable, P.value = !1;
+    }
+  }
+  function Q() {
+    if (n.value) {
+      const s = X.getCurrent(n.value);
+      if (s) {
+        const {
+          width: r,
+          height: M
+        } = s;
+        n.value.style.left = `${(window.innerWidth - r) / 2}px`, n.value.style.top = `${(window.innerHeight - M) / 2}px`, n.value.style.transform = "";
+      }
+    }
+  }
+  function Y() {
+    const s = () => {
+      P.value ? K(!1) : Q(), document.body.click();
+    };
+    return window.addEventListener("resize", s), () => {
+      window.removeEventListener("resize", s);
+    };
+  }
+  const Z = Y();
+  return {
+    renderResizeBar: V,
+    boundingElement: a,
+    resizedEventParam: I,
+    maximize: K,
+    restore: _,
+    allowDrag: k,
+    isMaximized: P,
+    unWindowResizeHandle: Z
+  };
+}
+function ot(e, t, n) {
+  const a = o(), c = o(e.draggable), i = o(e.lockAxis), v = o(), u = o(), f = o(!1), p = o(new S(0, 0)), y = o(new S(0, 0)), w = o(new S(0, 0)), I = o(new S(0, 0));
+  $(() => n.value, (d) => {
+    v.value.style.cursor = d ? "move" : "default";
+  });
+  function g(d, C) {
+    if (C.tagName === "BUTTON")
+      return !1;
+    if (C === d)
+      return !0;
+    for (const T in C.children)
+      if (Object.prototype.hasOwnProperty.call(C.children, T) && g(d, C.children[T]))
+        return !0;
+    return !1;
+  }
+  function B() {
+    var W, E;
+    let d = w.value.x + y.value.x, C = w.value.y + y.value.y;
+    i.value === "x" ? (d = ((W = p.value) == null ? void 0 : W.x) || 0, w.value.x = 0) : i.value === "y" && (C = ((E = p.value) == null ? void 0 : E.y) || 0, w.value.y = 0);
+    const T = `translate3d(${Math.round(d)}px, ${Math.round(C)}px, 0px)`;
+    a.value && (a.value.style.transform = T), I.value.x = d, I.value.y = C;
+  }
+  function k() {
+    if (!u.value || !a.value)
+      return null;
+    const d = u.value.getBoundingClientRect(), C = a.value.getBoundingClientRect(), T = {
+      top: d.top < C.top,
+      right: d.right > C.right,
+      bottom: d.bottom > C.bottom,
+      left: d.left < C.left
+    };
+    return T.top || (w.value.y -= C.top - d.top), T.bottom || (w.value.y -= C.bottom - d.bottom), T.right || (w.value.x -= C.right - d.right), T.left || (w.value.x -= C.left - d.left), B(), T;
+  }
+  function P(d) {
+    d && (p.value && d.subtract(p.value), w.value.set(d), B(), k());
+  }
+  function L(d) {
+    f.value && c.value && (d.stopPropagation(), d.preventDefault(), P(S.fromEvent(d, v.value)));
+  }
+  function O() {
+    var d;
+    f.value && (f.value = !1, y.value.add(w.value), w.value.reset(), (d = a.value) == null || d.classList.remove("ng-dragging"), t.emit("stopMove"), document.removeEventListener("mousemove", L), document.removeEventListener("mouseup", O));
+  }
+  function j() {
+    !f.value && v.value && (f.value = !0, v.value.classList.add("ng-dragging"), document.addEventListener("mousemove", L), document.addEventListener("mouseup", O));
+  }
+  function D() {
+    if (a.value) {
+      const d = S.getTransformInfo(a.value);
+      y.value.set(d);
+      return;
+    }
+    y.value.reset();
+  }
+  function x(d) {
+    if (!n.value || d instanceof MouseEvent && d.button === 2)
+      return;
+    const C = d.target || d.srcElement;
+    v.value !== void 0 && C && !g(C, v.value) || c.value !== !1 && (document.body.click(), d.stopPropagation(), d.preventDefault(), p.value = S.fromEvent(d, a.value), D(), j());
+  }
+  function H(d, C, T) {
+    if (c.value && C) {
+      if (d)
+        v.value = d;
+      else if (e.dragHandle) {
+        if (e.dragHandle instanceof HTMLElement)
+          v.value = e.dragHandle;
+        else if (typeof e.dragHandle == "string") {
+          const W = C.querySelector(e.dragHandle);
+          W && (v.value = W);
+        }
+      }
+      a.value = C, u.value = T, v.value ? (v.value.classList.add("ng-draggable"), v.value.addEventListener("mousedown", x)) : c.value = !1;
+    }
+  }
+  return {
+    registerDraggle: H,
+    resetTranslate: D
+  };
+}
+function ve(e, t) {
+  if (e) {
+    const n = (a) => {
+      a.key.toLowerCase() === e.toLowerCase() && t({ event: a, key: e });
+    };
+    return document.addEventListener("keydown", n), () => {
+      document.removeEventListener("keydown", n);
+    };
+  }
+}
+function ut(e, t) {
+  const n = o(e.enableEsc);
+  let a = null;
+  return n.value ? (a = ve("Escape", (c) => {
+    t.emit("esc", { event: c.event, type: "esc" });
+  }), {
+    remove: a
+  }) : null;
+}
+function st(e, t) {
+  const n = o(e.enableEnter);
+  let a = null;
+  return n.value ? (a = ve("Enter", (c) => {
+    t.emit("enter", { event: c.event, type: "enter" });
+  }), {
+    remove: a
+  }) : null;
+}
+const U = /* @__PURE__ */ oe({
+  name: "FModal",
+  props: lt,
+  emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc", "enter", "stopMove"],
+  setup(e, t) {
+    const n = o(e.width || 300), a = o(e.height || 200), c = o(e.modelValue), i = o(""), v = o(e.class), u = o(e.fitContent), f = o(e.showHeader), p = o(""), y = o(e.showCloseButton), w = o(e.showMaxButton), I = o(!1), g = o(e.dialogType), B = o(e.src), k = o(""), P = o(e.showButtons), L = o(e.title), O = o(e.containment || null), j = o(), D = o(!1);
+    function x(l, b) {
+      Promise.resolve().then(() => {
+        var F;
+        return (F = e.beforeClose) == null ? void 0 : F.call(e);
+      }).then((F) => {
+        F && (c.value = !1, t.emit("update:modelValue", !1), b != null && t.emit(b ? "accept" : "cancel"), t.emit("closed", l));
+      });
+    }
+    const H = [{
+      name: "cancel",
+      text: "取消",
+      class: "btn btn-secondary",
+      handle: (l) => {
+        x(l, !1);
+      }
+    }, {
+      name: "accept",
+      text: "确定",
+      class: "btn btn-primary",
+      handle: (l) => {
+        x(l, !0);
+      }
+    }], d = o(e.buttons && e.buttons.length ? e.buttons : H), C = z(() => !!p.value), T = z(() => !!P.value && !!d.value), W = o(), E = o(), V = o(!1), {
+      renderResizeBar: K,
+      maximize: _,
+      restore: Q,
+      boundingElement: Y,
+      resizedEventParam: Z,
+      allowDrag: s,
+      unWindowResizeHandle: r
+    } = at(e), {
+      registerDraggle: M
+    } = ot(e, t, s);
+    function m() {
+      return !!document.querySelectorAll(".farris-modal").length && document.body.classList.contains("modal-open");
+    }
+    function R() {
+      const l = document.querySelectorAll(".farris-modal").length;
+      (!l || l - 1 <= 0) && document.body.classList.remove("modal-open"), j.value && j.value.classList.remove("show");
+    }
+    $(() => e.title, (l, b) => {
+      l !== b && (L.value = l);
+    }), $(() => e.modelValue, (l, b) => {
+      l !== b && (c.value = l, c.value && e.draggable && G(() => {
+        E.value && !O.value && (O.value = E.value.parentElement, Y.value = O.value, M(W.value, E.value, Y.value));
+      }), l || (O.value && (O.value = null), R())), c.value && (D.value = m());
+    }), $(() => e.showHeader, (l, b) => {
+      l !== b && (f.value = l);
+    }), $(() => e.showButtons, (l, b) => {
+      l !== b && (P.value = l);
+    }), $(() => Z.value, (l, b) => {
+      const F = l || {}, N = b || {};
+      JSON.stringify(F) !== JSON.stringify(N) && t.emit("resize", {
+        newSize: l,
+        oldSize: b,
+        isMaximized: V.value
+      });
+    });
+    const ee = z(() => (c.value && document.body.classList.add("modal-open"), c.value)), ge = z(() => {
+      var F;
+      const l = {
+        modal: !0,
+        "farris-modal": !0,
+        fade: !0
+      };
+      l["f-modal-fitContent"] = !!u.value, l.show = !!ee.value;
+      const b = (F = e.maskClass) == null ? void 0 : F.split(" ");
+      return b == null || b.reduce((N, le) => (N[le] = !0, N), l), l;
+    }), be = z(() => {
+      var F;
+      const l = {
+        "modal-dialog": !0
+      }, b = (F = v.value) == null ? void 0 : F.split(" ");
+      return b == null || b.reduce((N, le) => (N[le] = !0, N), l), l;
+    }), we = z(() => {
+      const l = {
+        position: "absolute",
+        top: `${(window.innerHeight - a.value) / 2}px`,
+        left: `${(window.innerWidth - n.value) / 2}px`,
+        width: `${n.value}px`,
+        height: u.value ? "auto" : `${a.value}px`
+      };
+      return e.mask || (l.pointerEvents = "auto"), l;
+    }), Ce = z(() => {
+      const l = {
+        display: "block"
+      };
+      return e.mask || (l.pointerEvents = "none", l.backgroundColor = "transparent"), D.value && (l.backgroundColor = "transparent"), l;
+    }), xe = z(() => ({
+      "modal-content": !0,
+      "modal-content-has-header": f.value
+    })), Me = z(() => {
+      const l = {
+        display: f.value ? "" : "none"
+      };
+      return l["pointer-events"] = s.value ? "auto" : "none", l;
+    }), Be = z(() => ({
+      "f-icon": !0,
+      modal_maximize: !0,
+      modalrevert: V.value
+    })), ke = z(() => ({
+      "modal-body": !0,
+      "f-utils-flex-column": g.value === "iframe",
+      "f-utils-fill": !0
+    }));
+    function Ee() {
+      return {
+        height: `${e.footerHeight || 60}px`
+      };
+    }
+    const Oe = z(() => {
+      const l = {
+        textAlgin: k.value
+      }, b = Ee();
+      return Object.assign(l, b);
+    });
+    function ie(l) {
+      if (l.stopPropagation(), V.value) {
+        V.value = !1, Q();
+        return;
+      }
+      _(), V.value = !0;
+    }
+    async function ze(l, b) {
+      l.handle && await l.handle(b, l) && t.emit("closed", b);
+    }
+    function Ie(l) {
+      l.width && (n.value = l.width), l.height && (a.value = l.height), l.buttons && (d.value = l.buttons), l.title && (L.value = l.title);
+    }
+    let te = null, ne = null;
+    Ye(() => {
+      D.value = m();
+    }), se(() => {
+      E.value && !O.value && (O.value = E.value.parentElement, Y.value = O.value, M(W.value, E.value, Y.value)), ee.value && document.body.classList.add("modal-open"), te = ut(e, t), ne = st(e, t);
+    }), ue(() => {
+      r && r(), te && te.remove(), ne && ne.remove();
+    }), t.expose({
+      modalElementRef: E,
+      updateModalOptions: Ie,
+      close: x,
+      maxDialog: ie,
+      isMaximized: V
+    });
+    function Se() {
+      return h("ul", null, [I.value && h("li", {
+        class: "f-btn-icon f-bare"
+      }, [h("span", {
+        class: "f-icon modal_minimize"
+      }, null)]), w.value && h("li", {
+        onClick: ie,
+        class: "f-btn-icon f-bare",
+        style: "pointer-events: auto;"
+      }, [h("span", {
+        class: Be.value
+      }, null)]), y.value && h("li", {
+        class: "f-btn-icon f-bare",
+        onClick: (l) => x(l, !1),
+        style: "pointer-events: auto;"
+      }, [h("span", {
+        class: "f-icon modal_close"
+      }, null)])]);
+    }
+    function He() {
+      return h("div", {
+        class: "modal-footer",
+        style: Oe.value
+      }, [d.value && d.value.map((l) => {
+        const b = o(l.disabled);
+        return h("button", {
+          name: l.name,
+          type: "button",
+          disabled: b.value,
+          class: l.class + (l.iconClass ? " btn-icontext" : ""),
+          onClick: (F) => {
+            ze(l, F);
+          }
+        }, [!!l.iconClass && h("i", {
+          class: l.iconClass
+        }, null), l.text]);
+      })]);
+    }
+    function Te() {
+      return h("div", {
+        ref: W,
+        class: "modal-header",
+        style: Me.value
+      }, [t.slots.headerTemplate ? t.slots.headerTemplate() : h("div", {
+        class: "modal-title"
+      }, [C.value && h("span", {
+        class: p.value,
+        style: "margin-right: 8px"
+      }, null), h("span", {
+        class: "modal-title-label"
+      }, [L.value])]), h("div", {
+        class: "actions"
+      }, [Se()])]);
+    }
+    function Re() {
+      return t.slots.footerTemplate ? t.slots.footerTemplate() : T.value && He();
+    }
+    function Pe(l) {
+      if (l.stopPropagation(), e.allowClickMaskToClose) {
+        if (l.target !== j.value)
+          return;
+        x(l, !1);
+      }
+    }
+    function je() {
+      var l, b;
+      return h("div", {
+        id: i.value,
+        class: be.value,
+        style: we.value,
+        ref: E
+      }, [h("div", {
+        class: xe.value
+      }, [f.value && Te(), h("div", {
+        class: ke.value
+      }, [(b = (l = t.slots).default) == null ? void 0 : b.call(l), g.value === "iframe" && h("iframe", {
+        title: i.value,
+        class: "f-utils-fill",
+        width: "100%",
+        frameborder: "0",
+        src: B.value
+      }, null)]), Re()]), !u.value && E.value && !V.value && K(E.value)]);
+    }
+    function Le(l) {
+      return l || "body";
+    }
+    return () => h(re, {
+      to: Le(e.host)
+    }, {
+      default: () => [ee.value && h(qe, {
+        name: "fade",
+        appear: !0
+      }, {
+        default: () => [h("div", {
+          ref: j,
+          class: ge.value,
+          style: Ce.value,
+          onClick: Pe
+        }, [je()])]
+      })]
+    });
+  }
+});
+function pe(e) {
+  if (e.content && e.content.render)
+    return e.content.render;
+  if (e.render && typeof e.render == "function")
+    return e.render;
+}
+function it(e) {
+  const t = document.createElement("div");
+  t.style.display = "contents";
+  const n = ce({
+    setup(a, c) {
+      ue(() => {
+        document.body.removeChild(t);
+      });
+      const i = o(), v = o(e.class || ""), u = o(!!e.showButtons), f = o(!!e.showHeader), p = o(e.showCloseButton == null ? !0 : e.showCloseButton), y = o(!0), w = o(e.title || ""), I = e.acceptCallback || (() => {
+      }), g = e.rejectCallback || (() => {
+      }), B = e.closedCallback || ((j) => {
+      }), k = e.resizeHandle || ((j) => {
+      }), P = e.stopMoveHandle || ((j) => {
+      }), L = pe(e), O = (j) => {
+        y.value = !1, n.unmount(), B(j);
+      };
+      return se(() => {
+      }), c.expose({
+        modalRef: i
+      }), () => h(U, {
+        ref: i,
+        class: v.value,
+        modelValue: y.value,
+        "onUpdate:modelValue": (j) => y.value = j,
+        title: w.value,
+        width: e.width,
+        height: e.height,
+        buttons: e.buttons,
+        "show-header": f.value,
+        "show-buttons": u.value,
+        "show-close-button": p.value,
+        "show-max-button": !1,
+        onAccept: I,
+        onCancel: g,
+        fitContent: e.fitContent == null ? !0 : e.fitContent,
+        onClosed: O,
+        onResize: k,
+        onStopMove: P
+      }, {
+        default: () => [L && L(n)]
+      });
+    }
+  });
+  return document.body.appendChild(t), n.mount(t), n;
+}
+class rt {
+  constructor(t) {
+    A(this, "appContext", null);
+    A(this, "modalRef", o());
+    A(this, "activeModalIndex", o(0));
+    A(this, "modalRefs", {});
+    A(this, "isUseEscCloseModal", o(!1));
+    A(this, "activeModalInstance", z(() => this.modalRefs[this.activeModalIndex.value]));
+    this.app = t, this.appContext = t ? t._context : null;
+  }
+  getCurrentModal() {
+    return this.activeModalInstance.value;
+  }
+  adaptToWindow(t, n) {
+    const {
+      width: a,
+      height: c
+    } = {
+      width: window.innerWidth,
+      height: window.innerHeight
+    };
+    return a < t && (t = a - 14), c < n && (n = c - 14), {
+      width: t,
+      height: n
+    };
+  }
+  static show(t) {
+    const n = Object.assign({
+      title: "",
+      showButtons: !0,
+      showHeader: !0
+    }, t);
+    return it(n);
+  }
+  close(t) {
+    var n, a;
+    t ? (a = t.value) == null || a.close() : (n = this.getCurrentModal()) == null || n.close();
+  }
+  open(t) {
+    const n = document.createDocumentFragment();
+    t.showMaxButton && t.fitContent && (t.showMaxButton = !1);
+    const a = Ge(Object.assign({
+      title: "",
+      showButtons: !0,
+      showHeader: !0
+    }, t)), c = o(!0), i = a.value.acceptCallback || (() => {
+    }), v = a.value.rejectCallback || (() => {
+    }), u = a.value.closedCallback || ((x, H) => {
+    }), f = a.value.resizeHandle || ((x) => {
+    }), p = t.stopMoveHandle || ((x) => {
+    });
+    let y;
+    const w = pe(a.value), I = (x) => {
+      var d;
+      c.value = !1;
+      const H = (d = x == null ? void 0 : x.target) == null ? void 0 : d.classList.contains("modal_close");
+      u(x, this.isUseEscCloseModal.value ? "esc" : H ? "icon" : "button");
+    }, g = (x) => {
+      I(x), y && G(() => {
+        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], ae(null, n), y = null, this.modalRef.value = null, this.modalRefs) {
+          const H = Object.keys(this.modalRefs).map((d) => Number(d));
+          H.length > 0 ? this.activeModalIndex.value = Math.max(...H) : this.activeModalIndex.value = 0;
+        }
+        this.isUseEscCloseModal.value = !1;
+      });
+    }, B = (x) => {
+      var H;
+      this.isUseEscCloseModal.value = !0, this.activeModalInstance && ((H = this.activeModalInstance.value) == null || H.close(x == null ? void 0 : x.event));
+    }, {
+      width: k,
+      height: P
+    } = a.value, L = this.adaptToWindow(k || 500, P || 320);
+    Object.assign(a.value, L);
+    const O = () => h(U, de({
+      ref: this.modalRef,
+      modelValue: c.value,
+      "onUpdate:modelValue": (x) => c.value = x
+    }, a.value, {
+      onAccept: i,
+      onCancel: v,
+      onClosed: g,
+      onResize: f,
+      onEsc: B,
+      onStopMove: p
+    }), {
+      default: () => [w && w(this.app)]
+    });
+    return y = ((x) => {
+      const H = Ue(O, x);
+      return H.appContext = this.appContext, ae(H, n), H;
+    })({
+      ...a.value
+      // 'onUpdate:modelValue': onUpdateModelValue,
+    }), this.activeModalIndex.value++, this.modalRefs[this.activeModalIndex.value] = this.modalRef.value, {
+      update: (x) => {
+        a.value = {
+          ...a.value,
+          ...x
+        }, y && ae(Ke(y, {
+          ...a
+        }), n);
+      },
+      destroy: g,
+      modalRef: this.activeModalInstance,
+      close: () => this.close()
+    };
+  }
+}
+const he = Symbol("FModalService");
+U.install = (e) => {
+  e.component(U.name, U);
+  const t = new rt(e);
+  e.provide(he, t), e.provide("FModalService", t);
+};
+function me(e, t) {
+  function n() {
+    const a = e.beforeOpen || e.beforeClickButton || null;
+    let c = Promise.resolve(!0);
+    if (a) {
+      const i = a(t.value);
+      if (typeof i > "u")
+        return c;
+      typeof i == "boolean" ? c = Promise.resolve(i) : c = i;
+    }
+    return c;
+  }
+  return { judgeCanOpen: n };
+}
+function ct(e, t, n, a, c) {
+  const i = o(e.buttonBehavior), v = o(e.popupOnInput), u = z(() => ({
+    "input-group-append": !0,
+    "append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
+  })), { judgeCanOpen: f } = me(e, c), p = z(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable), y = fe(he, null), w = o();
+  async function I(k) {
+    if (await f() && p.value) {
+      const P = !!t.slots.default;
+      if (i.value === "Modal") {
+        const L = e.modalOptions, O = y == null ? void 0 : y.open({
+          ...L,
+          render: () => t.slots.default && t.slots.default()
+        });
+        w.value = O == null ? void 0 : O.modalRef;
+      }
+      i.value === "Overlay" && nt.show({
+        // host: buttonEditRef.value,
+        host: document.body,
+        backgroundColor: "rgba(0,0,0,.15)",
+        render: () => t.slots.default && t.slots.default()
+      }), P && i.value === "Popup" && a.togglePopup(!0), P && v.value && a.hidePopup(), t.emit("clickButton", { origin: k, value: e.modelValue });
+    }
+  }
+  function g(k) {
+    t.emit("mouseEnterIcon", k);
+  }
+  function B(k) {
+    t.emit("mouseLeaveIcon", k);
+  }
+  return {
+    buttonGroupClass: u,
+    onClickButton: I,
+    onMouseEnterButton: g,
+    onMouseLeaveButton: B,
+    modalRef: w
+  };
+}
+const q = "FarrisVue_PopoverInstancesKey";
+function dt(e, t, n, a) {
+  const c = o(), i = o(!1), { judgeCanOpen: v } = me(e, a);
+  $(() => c.value, (g, B) => {
+    window[q] = window[q] || /* @__PURE__ */ new WeakMap(), g ? window[q].set(n.value, g) : window[q].delete(n.value);
+  });
+  function u() {
+    if (window[q]) {
+      const g = window[q];
+      document.querySelectorAll(".f-button-edit,.v-popover").forEach((B) => {
+        g.get(B) && B !== n.value && g.get(B).hide();
+      });
+    }
+  }
+  function f() {
+    const g = c.value;
+    g && g.show(n.value);
+  }
+  async function p(g = !1) {
+    if (!!t.slots.default) {
+      if (!g && !i.value && !await v())
+        return;
+      i.value = !i.value, await G(), f();
+    }
+  }
+  async function y(g = !1) {
+    if (!!t.slots.default) {
+      if (!g && !await v())
+        return;
+      i.value = !0, await G(), f();
+    }
+  }
+  function w() {
+    i.value = !1;
+  }
+  function I() {
+    i.value = !0, G(() => {
+      f();
+    });
+  }
+  return { hidePopup: w, showPopup: I, popup: y, shouldPopupContent: i, togglePopup: p, popoverRef: c, closeAllPopover: u };
+}
+function ft(e, t, n) {
+  const {
+    buttonGroupClass: a
+  } = n, c = o();
+  return {
+    renderButtonGroup: () => h("div", {
+      id: `${e.id}-button-group`,
+      class: a.value
+    }, [t.slots.buttonContent ? h("span", {
+      class: "input-group-text input-group-append-button"
+    }, [t.slots.buttonContent()]) : e.buttonContent ? h("span", {
+      class: "input-group-text input-group-append-button",
+      innerHTML: e.buttonContent,
+      ref: c
+    }, null) : null]),
+    buttonHandleElement: c
+  };
+}
+const J = /* @__PURE__ */ oe({
+  name: "FButtonEdit",
+  props: _e,
+  emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
+  setup(e, t) {
+    const n = o(), a = fe("design-item-context"), c = Je(n, a), i = o(e.customClass), v = o(e.modelValue), u = dt(e, t, n, v), f = ct(e, t, n, u, v), p = o(), y = z(() => ({
+      "f-cmp-inputgroup": !0,
+      "input-group": !0,
+      "f-state-disabled": !0,
+      "f-state-editable": !1,
+      "f-state-readonly": !0
+    }));
+    se(() => {
+      n.value.componentInstance = c;
+    }), t.expose(c.value);
+    const w = z(() => {
+      const g = {
+        "f-button-edit": !0,
+        "f-cmp-inputgroup": !0,
+        "f-button-edit-nowrap": !e.wrapText
+      };
+      return i.value && i.value.split(" ").reduce((B, k) => (B[k] = !0, B), g), g;
+    }), {
+      renderButtonGroup: I
+    } = ft(e, t, f);
+    return () => h("div", de(t.attrs, {
+      ref: n,
+      class: w.value,
+      id: e.id
+    }), [h("div", {
+      class: y.value
+    }, [h("input", {
+      ref: p,
+      class: "form-control",
+      readonly: !0,
+      placeholder: e.placeholder
+    }, null), I()])]);
+  }
+}), vt = /* @__PURE__ */ new Map([
+  ["appearance", Ve]
+]);
+function pt(e, t, n) {
+  return t;
+}
+const ht = "https://json-schema.org/draft/2020-12/schema", mt = "https://farris-design.gitee.io/button-edit.schema.json", yt = "button-edit", gt = "A Farris Input Component", bt = "object", wt = {
+  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: ""
+  },
+  forcePlaceholder: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  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
+      }
+    }
+  },
+  popupClass: {
+    description: "",
+    type: "sting",
+    default: ""
+  },
+  separator: {
+    type: "string",
+    default: ","
+  },
+  showButtonWhenDisabled: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  wrapText: {
+    type: "boolean",
+    default: !1
+  },
+  onClear: {
+    description: "",
+    type: "string",
+    default: ""
+  }
+}, Ct = [
+  "id",
+  "type"
+], xt = {
+  $schema: ht,
+  $id: mt,
+  title: yt,
+  description: gt,
+  type: bt,
+  properties: wt,
+  required: Ct
+}, Mt = "buttonEdit", Bt = "A Farris Component", kt = "object", Et = {
+  basic: {
+    description: "Basic Infomation",
+    title: "基本信息",
+    properties: {
+      id: {
+        description: "组件标识",
+        title: "标识",
+        type: "string",
+        readonly: !0
+      },
+      type: {
+        description: "组件类型",
+        title: "控件类型",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      }
+    }
+  },
+  behavior: {
+    description: "Basic Infomation",
+    title: "行为",
+    properties: {
+      editable: {
+        description: "",
+        title: "允许编辑",
+        type: "boolean"
+      },
+      readonly: {
+        description: "",
+        title: "只读",
+        type: "string"
+      },
+      required: {
+        description: "",
+        title: "必填",
+        type: "boolean"
+      },
+      visible: {
+        description: "",
+        title: "可见",
+        type: "boolean"
+      },
+      placeholder: {
+        description: "",
+        title: "提示文本",
+        type: "string"
+      },
+      tabindex: {
+        description: "",
+        title: "tab索引",
+        type: "number"
+      },
+      textAlign: {
+        description: "",
+        title: "对齐方式",
+        type: "enum",
+        editor: {
+          type: "combo-list",
+          textField: "name",
+          valueField: "value",
+          data: [
+            {
+              value: "left",
+              name: "左对齐"
+            },
+            {
+              value: "center",
+              name: "居中"
+            },
+            {
+              value: "right",
+              name: "右对齐"
+            }
+          ]
+        }
+      }
+    }
+  }
+}, Ot = {
+  title: Mt,
+  description: Bt,
+  type: kt,
+  categories: Et
+}, ye = Ne(
+  $e,
+  xt,
+  vt,
+  pt,
+  Ot
+);
+J.register = (e, t, n, a) => {
+  e["button-edit"] = Ae, t["button-edit"] = ye;
+};
+J.registerDesigner = (e, t, n) => {
+  e["button-edit"] = J, t["button-edit"] = ye;
+};
+const Pt = De(J);
+export {
+  J as FButtonEditDesign,
+  Pt as default,
+  ye as propsResolver
+};