@farris/ui-vue
Version:
Farris Vue, a Farris Design based Vue3 component library.
1,603 lines • 55.3 kB
JavaScript
var qe = Object.defineProperty;
var $e = (e, t, n) => t in e ? qe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
var J = (e, t, n) => $e(e, typeof t != "symbol" ? t + "" : t, n);
import { defineComponent as ce, ref as o, computed as O, createVNode as m, Teleport as ye, createApp as pe, onUnmounted as de, Fragment as ee, watch as A, nextTick as Z, onBeforeMount as _e, onMounted as ae, watchEffect as Je, Transition as Ze, shallowRef as Qe, render as ie, h as et, cloneVNode as tt, mergeProps as be, inject as nt, withDirectives as lt, vShow as at, createTextVNode as re, onUpdated as ot, onBeforeUnmount as ut } from "vue";
import { LocaleService as le } from "../locale/index.esm.js";
import { isMobilePhone as te, getMaxZIndex as ge, useGuid as st, withInstall as it } from "../common/index.esm.js";
import "../property-panel/index.esm.js";
import "../button/index.esm.js";
import "../field-selector/index.esm.js";
import "../collection-property-editor/index.esm.js/src/use-button-items.designer";
import rt from "../tags/index.esm.js";
import { debounce as we } from "lodash-es";
import { useInputExpand as ct } from "../common/index.esm.js/text-box/use-input-expand";
import dt from "../popover/index.esm.js";
import ft from "../drawer/index.esm.js";
const vt = {
/**
* 组件标识
*/
id: { type: String, default: "" },
/**
* 扩展按钮显示内容，这是一段现在扩展按钮中的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 },
/**
* 显示扩展按钮
*/
showAppendButton: { type: Boolean, default: !0 },
/**
* 鼠标悬停在组件上时显示文本框内容。
*/
enableTitle: { type: Boolean, default: !1 },
/**
* 输入框类型
*/
inputType: { type: String, default: "text" },
/**
* 显示输入框提示信息
*/
forcePlaceholder: { type: Boolean, default: !1 },
/**
* 输入框提示文本
*/
placeholder: { type: String, default: "" },
/**
* 输入框最小长度
*/
minLength: Number,
/**
* 输入框最大长度
*/
maxLength: { type: Number },
/**
* 输入框Tab键索引
*/
tabIndex: Number,
popupHost: { type: Object },
popupRightBoundary: { type: Object },
popupOffsetX: { type: Object, default: 0 },
popupOffsetY: { type: Object, default: 0 },
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 },
beforeClosePopup: { type: Function, default: null },
/** 是否可扩展 */
expandable: { type: Boolean, default: !1 },
/** 扩展模式 text | button */
expandMode: { type: String, default: "text" },
/** 扩展文本内容 */
expandContent: { type: String, default: "" },
/** 扩展按钮是否禁用 */
expandDisabled: { type: Boolean, default: !1 }
}, ht = {
popupContentPosition: { type: Object, default: { left: 0, top: 0 } },
host: { type: Object },
backgroundColor: { type: String, default: "" }
}, mt = /* @__PURE__ */ ce({
name: "FOverlay",
props: ht,
emits: ["click"],
setup(e, t) {
const n = o(e.popupContentPosition), a = o(e.host), i = O(() => ({
backgroundColor: e.backgroundColor || "",
pointerEvents: "auto"
}));
function r(u) {
t.emit("click"), u.preventDefault(), u.stopPropagation();
}
O(() => {
const u = a.value;
if (u) {
const f = u.getBoundingClientRect(), {
left: y,
top: B,
height: g
} = f;
return {
left: y,
top: B + g
};
}
return n.value;
});
const d = O(() => ({
// position: 'relative',
// left: `${position.value.left}px`,
// top: `${position.value.top}px`
}));
return () => m(ye, {
to: "body"
}, {
default: () => {
var u, f;
return [m("div", {
class: "overlay-container",
onClick: (y) => r(y),
style: i.value
}, [m("div", {
style: d.value
}, [(f = (u = t.slots).default) == null ? void 0 : f.call(u)])])];
}
});
}
});
function gt(e) {
if (e.content && e.content.render)
return e.content.render;
if (e.render && typeof e.render == "function")
return e.render;
}
function yt(e) {
const t = document.createElement("div");
t.style.display = "contents";
let n;
const a = e.onClickCallback || (() => {
}), i = () => {
a(), n && n.unmount();
};
return n = pe({
setup() {
de(() => {
document.body.removeChild(t);
});
const r = gt(e);
return () => m(mt, {
"popup-content-position": e.popupPosition,
host: e.host,
onClick: i,
backgroundColor: e.backgroundColor
}, {
default: () => [r && r()]
});
}
}), document.body.appendChild(t), n.mount(t), n;
}
class pt {
static show(t) {
return yt(t);
}
}
const bt = {
/**
* 允许点击遮罩关闭对话框
*/
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 },
/**
* 是否在窗口右上角展示浮动关闭按钮
*/
showFloatingClose: { type: Boolean, default: !1 },
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 },
openedCallback: { 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 },
position: { type: String, default: "center" },
host: { type: Object, default: "body" },
isMessager: { type: Boolean, default: !1 },
fullscreen: { type: Boolean, default: !1 },
maximized: { type: Boolean, default: !1 },
useTransform: { type: Boolean, default: !0 }
};
class D {
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 i = parseInt(a[4], 10), r = parseInt(a[5], 10);
return { x: i, y: r };
}
return { x: 0, y: 0 };
}
static fromEvent(t, n = null) {
if (this.isMouseEvent(t))
return new D(t.clientX, t.clientY);
if (n === null || t.changedTouches.length === 1)
return new D(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 D(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 D(0, 0);
if (window) {
const a = window.getComputedStyle(t);
if (a) {
const i = parseInt(a.getPropertyValue("left"), 10), r = parseInt(a.getPropertyValue("top"), 10);
n.x = isNaN(i) ? 0 : i, n.y = isNaN(r) ? 0 : r;
}
return n;
}
return null;
}
static copy(t) {
return new D(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 q {
constructor(t, n) {
this.width = t, this.height = n;
}
static getCurrent(t) {
const n = new q(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 q(0, 0).set(t);
}
set(t) {
return this.width = t.width, this.height = t.height, this;
}
}
function wt(e, t) {
const n = o(), a = o(), i = o(), r = o(), d = o(), u = o(), f = o(), y = o(), B = o(), g = o(), E = o(), C = o(e.resizeable), b = o(), M = o(e.draggable), T = o(!1);
function P() {
const s = a.value || document.body, c = window.getComputedStyle(s);
if (!c || !n.value)
return;
const x = D.getTransformInfo(n.value), z = {};
f.value && (z.deltaL = n.value.offsetLeft - f.value.x, z.deltaT = n.value.offsetTop - f.value.y);
const V = c.getPropertyValue("position");
z.width = s.clientWidth, z.height = s.clientHeight, z.pr = parseInt(c.getPropertyValue("padding-right"), 10), z.pb = parseInt(c.getPropertyValue("padding-bottom"), 10), z.position = c.getPropertyValue("position"), V === "static" && (s.style.position = "relative"), z.translateX = x.x, z.translateY = x.y, g.value = z;
}
function S(s) {
if (n.value) {
r.value = q.getCurrent(n.value), d.value = D.getCurrent(n.value), u.value = r.value ? q.copy(r.value) : null, f.value = d.value ? D.copy(d.value) : null, P();
const c = s.target.getAttribute("type") || "";
y.value = {
n: !!c.match(/n/),
s: !!c.match(/s/),
w: !!c.match(/w/),
e: !!c.match(/e/)
};
}
}
function I() {
var s, c, x, z;
if (n.value) {
const V = n.value;
y.value && ((y.value.n || y.value.s) && ((s = u.value) != null && s.height) && (V.style.height = u.value.height + "px"), (y.value.w || y.value.e) && ((c = u.value) != null && c.width) && (V.style.width = u.value.width + "px"), f.value && ((x = f.value) != null && x.x && (V.style.left = f.value.x + "px"), (z = f.value) != null && z.y && (V.style.top = f.value.y + "px")));
}
}
function H() {
const s = e.minHeight ? e.minHeight : 1, c = e.minWidth ? e.minWidth : 1;
u.value && f.value && y.value && r.value && (u.value.height < s && (u.value.height = s, y.value.n && d.value && (f.value.y = d.value.y + (r.value.height - s))), u.value.width < c && (u.value.width = c, y.value.w && d.value && (f.value.x = d.value.x + (r.value.width - c))), e.maxHeight && u.value.height > e.maxHeight && (u.value.height = e.maxHeight, d.value && y.value.n && (f.value.y = d.value.y + (r.value.height - e.maxHeight))), e.maxWidth && u.value.width > e.maxWidth && (u.value.width = e.maxWidth, y.value.w && d.value && (f.value.x = d.value.x + (r.value.width - e.maxWidth))));
}
function Y() {
if (a.value) {
const s = g.value;
if (f.value && u.value && y.value && r.value) {
const c = s.width - s.pr - s.deltaL - s.translateX - f.value.x, x = s.height - s.pb - s.deltaT - s.translateY - f.value.y;
y.value.n && f.value.y + s.translateY < 0 && d.value && (f.value.y = -s.translateY, u.value.height = r.value.height + d.value.y + s.translateY), y.value.w && f.value.x + s.translateX < 0 && d.value && (f.value.x = -s.translateX, u.value.width = r.value.width + d.value.x + s.translateX), u.value.width > c && (u.value.width = c), u.value.height > x && (u.value.height = x);
}
}
}
function W(s) {
if (!i.value || !r.value || !d.value || !y.value)
return;
s.subtract(i.value);
const c = s.x, x = s.y;
y.value.n ? (f.value.y = d.value.y + x, u.value.height = r.value.height - x) : y.value.s && (u.value.height = r.value.height + x), y.value.e ? u.value.width = r.value.width + c : y.value.w && (u.value.width = r.value.width - c, f.value.x = d.value.x + c), Y(), H(), I();
}
function h(s) {
if (!B.value)
return;
const c = D.fromEvent(s);
c && W(c);
}
function v() {
if (n.value) {
const {
width: s,
height: c,
x,
y: z
} = n.value.getBoundingClientRect(), V = D.getTransformInfo(n.value);
return {
size: {
width: s,
height: c
},
position: {
x: x - V.x,
y: z - V.y
}
};
}
return null;
}
function k(s) {
if (n.value) {
const c = v();
E.value = c;
}
i.value = void 0, r.value = null, d.value = null, u.value = null, f.value = null, y.value = null, B.value = null, document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", k);
}
function F() {
document.addEventListener("mousemove", h), document.addEventListener("mouseup", k);
}
function p(s) {
s instanceof MouseEvent && s.button === 2 || M.value && (document.body.click(), s.stopPropagation(), s.preventDefault(), i.value = D.fromEvent(s), B.value = s.target, S(s), F());
}
function R(s) {
return n.value = s, C.value && m(ee, null, [m("div", {
class: "fv-resizable-handle fv-resizable-n",
type: "n",
onMousedown: (c) => p(c)
}, null), m("div", {
class: "fv-resizable-handle fv-resizable-e",
type: "e",
onMousedown: (c) => p(c)
}, null), m("div", {
class: "fv-resizable-handle fv-resizable-s",
type: "s",
onMousedown: (c) => p(c)
}, null), m("div", {
class: "fv-resizable-handle fv-resizable-w",
type: "w",
onMousedown: (c) => p(c)
}, null), m("div", {
class: "fv-resizable-handle fv-resizable-ne",
type: "ne",
onMousedown: (c) => p(c)
}, null), m("div", {
class: "fv-resizable-handle fv-resizable-se fv-resizable-diagonal",
type: "se",
onMousedown: (c) => p(c)
}, null), m("div", {
class: "fv-resizable-handle fv-resizable-sw",
type: "sw",
onMousedown: (c) => p(c)
}, null), m("div", {
class: "fv-resizable-handle fv-resizable-nw",
type: "nw",
onMousedown: (c) => p(c)
}, null)]);
}
function N(s = !0) {
document.body.click();
const c = a.value || document.body, x = q.getCurrent(c), z = n.value;
s && z && (b.value = v(), b.value.transform = z.style.transform), x && z && (u.value = x, u.value.height -= 14, u.value.width -= 14, z.style.height = u.value.height + "px", z.style.width = u.value.width + "px", z.style.left = "7px", z.style.top = "7px", z.style.transform = "", E.value = {
size: u.value,
position: {
x: 0,
y: 0
}
}, M.value = !1, T.value = !0);
}
function $() {
var s, c;
if (document.body.click(), b.value) {
const x = {
width: b.value.size.width || 0,
height: b.value.size.height || 0
}, z = {
x: (window.innerWidth - x.width) / 2,
y: (window.innerHeight - x.height) / 2
};
(s = u.value) == null || s.set(x), (c = f.value) == null || c.set(z);
const V = n.value;
V.style.height = x.height + "px", V.style.width = x.width + "px", V.style.left = `${z.x}px`, V.style.top = `${z.y}px`, V.style.transform = "", E.value = {
size: x,
position: z
}, M.value = e.draggable, T.value = !1;
}
}
function _() {
if (n.value) {
const s = q.getCurrent(n.value);
if (s) {
const {
width: c,
height: x
} = s;
n.value.style.left = `${(window.innerWidth - c) / 2}px`, n.value.style.top = `${(window.innerHeight - x) / 2}px`, n.value.style.transform = "";
}
}
}
function U() {
const s = () => {
T.value ? N(!1) : _(), document.body.click();
};
return window.addEventListener("resize", s), () => {
window.removeEventListener("resize", s);
};
}
const X = U();
return {
renderResizeBar: R,
boundingElement: a,
resizedEventParam: E,
maximize: N,
restore: $,
allowDrag: M,
isMaximized: T,
unWindowResizeHandle: X,
moveToCenter: _
};
}
function Ct(e, t, n) {
const a = o(), i = o(e.draggable), r = o(e.lockAxis), d = o(), u = o(), f = o(!1), y = o(new D(0, 0)), B = o(new D(0, 0)), g = o(new D(0, 0)), E = o(new D(0, 0));
A(() => n.value, (h) => {
d.value.style.cursor = h ? "move" : "default";
});
function C(h, v) {
if (v.tagName === "BUTTON")
return !1;
if (v === h)
return !0;
for (const k in v.children)
if (Object.prototype.hasOwnProperty.call(v.children, k) && C(h, v.children[k]))
return !0;
return !1;
}
function b() {
var F, p;
let h = g.value.x + B.value.x, v = g.value.y + B.value.y;
r.value === "x" ? (h = ((F = y.value) == null ? void 0 : F.x) || 0, g.value.x = 0) : r.value === "y" && (v = ((p = y.value) == null ? void 0 : p.y) || 0, g.value.y = 0);
const k = `translate3d(${Math.round(h)}px, ${Math.round(v)}px, 0px)`;
a.value && (a.value.style.transform = k), E.value.x = h, E.value.y = v;
}
function M() {
if (!u.value || !a.value)
return null;
const h = u.value.getBoundingClientRect(), v = a.value.getBoundingClientRect(), k = {
top: h.top < v.top,
right: h.right > v.right,
bottom: h.bottom > v.bottom,
left: h.left < v.left
};
return k.top || (g.value.y -= v.top - h.top), k.bottom || (g.value.y -= v.bottom - h.bottom), k.right || (g.value.x -= v.right - h.right), k.left || (g.value.x -= v.left - h.left), b(), k;
}
function T(h) {
h && (y.value && h.subtract(y.value), g.value.set(h), b(), M());
}
function P(h) {
f.value && i.value && (h.stopPropagation(), h.preventDefault(), T(D.fromEvent(h, d.value)));
}
function S() {
var h;
if (f.value) {
if (f.value = !1, B.value.add(g.value), g.value.reset(), (h = a.value) == null || h.classList.remove("ng-dragging"), !e.useTransform && a.value) {
const { left: v, top: k } = a.value.getBoundingClientRect();
a.value.style.left = Math.ceil(v) + "px", a.value.style.top = Math.ceil(k) + "px", a.value.style.transform = "none";
}
t.emit("stopMove"), document.removeEventListener("mousemove", P), document.removeEventListener("mouseup", S);
}
}
function I() {
!f.value && d.value && (f.value = !0, d.value.classList.add("ng-dragging"), document.addEventListener("mousemove", P), document.addEventListener("mouseup", S));
}
function H() {
if (a.value) {
const h = D.getTransformInfo(a.value);
B.value.set(h);
return;
}
B.value.reset();
}
function Y(h) {
if (!n.value || h instanceof MouseEvent && h.button === 2)
return;
const v = h.target || h.srcElement;
d.value !== void 0 && v && !C(v, d.value) || i.value !== !1 && (document.body.click(), h.stopPropagation(), h.preventDefault(), y.value = D.fromEvent(h, a.value), H(), I());
}
function W(h, v, k) {
if (i.value && v) {
if (h)
d.value = h;
else if (e.dragHandle) {
if (e.dragHandle instanceof HTMLElement)
d.value = e.dragHandle;
else if (typeof e.dragHandle == "string") {
const F = v.querySelector(e.dragHandle);
F && (d.value = F);
}
}
a.value = v, u.value = k, d.value ? (d.value.classList.add("ng-draggable"), d.value.addEventListener("mousedown", Y)) : i.value = !1;
}
}
return {
registerDraggle: W,
resetTranslate: H
};
}
function Ce(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 xt(e, t) {
const n = o(e.enableEsc);
let a = null;
return n.value ? (a = Ce("Escape", (i) => {
t.emit("esc", { event: i.event, type: "esc" });
}), {
remove: a
}) : null;
}
function Bt(e, t) {
const n = o(e.enableEnter);
let a = null;
return n.value ? (a = Ce("Enter", (i) => {
t.emit("enter", { event: i.event, type: "enter" });
}), {
remove: a
}) : null;
}
const Q = /* @__PURE__ */ ce({
name: "FModal",
props: bt,
emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc", "enter", "stopMove", "buttonClick"],
setup(e, t) {
const n = o(e.width || 300), a = o(e.height || 200), i = o(e.modelValue), r = o(""), d = o(e.class), u = o(e.fitContent), f = o(e.showHeader), y = o(""), B = o(e.showCloseButton), g = o(e.showMaxButton), E = o(!1), C = o(e.dialogType), b = o(e.src), M = o(""), T = o(e.showButtons), P = o(e.title), S = o(e.containment || null), I = o();
P.value === "错误提示" && (P.value = le.getLocaleValue("messageBox.errorTitle"));
const H = o(!1);
function Y() {
const l = document.querySelectorAll(".farris-modal").length;
(!l || l - 1 <= 0) && I.value === document.querySelectorAll(".farris-modal")[0] && document.body.classList.remove("modal-open"), I.value && I.value.classList.remove("show");
}
function W(l, w) {
const L = w ? "accept" : "cancel";
Promise.resolve().then(() => {
var j;
return (j = e.beforeClose) == null ? void 0 : j.call(e, {
closeType: L
});
}).then((j) => {
j && (i.value = !1, t.emit("update:modelValue", !1), w != null && t.emit(w ? "accept" : "cancel"), t.emit("closed", l), Y());
});
}
const h = [{
name: "cancel",
text: le.getLocaleValue("messageBox.cancel") || "取消",
class: "btn btn-secondary",
handle: (l) => {
W(l, !1);
}
}, {
name: "accept",
text: le.getLocaleValue("messageBox.ok") || "确定",
class: "btn btn-primary",
handle: (l) => {
W(l, !0);
}
}], v = o(e.buttons && e.buttons.length ? e.buttons : h), k = O(() => !!y.value), F = O(() => !!T.value && !!v.value), p = o(), R = o(), N = o(e.maximized || !1), {
renderResizeBar: $,
maximize: _,
restore: U,
boundingElement: X,
resizedEventParam: s,
allowDrag: c,
unWindowResizeHandle: x,
moveToCenter: z
} = wt(e), {
registerDraggle: V
} = Ct(e, t, c);
function fe() {
return !!document.querySelectorAll(".farris-modal").length && document.body.classList.contains("modal-open");
}
A(() => e.title, (l, w) => {
l !== w && (P.value = l);
}), A(() => e.modelValue, (l, w) => {
l !== w && (i.value = l, i.value && e.draggable && Z(() => {
R.value && !S.value && (S.value = R.value.parentElement, X.value = S.value, V(p.value, R.value, X.value), z());
}), l || (S.value && (S.value = null), Y())), i.value ? H.value = fe() : (N.value = !1, c.value = e.draggable);
}), A(() => e.showHeader, (l, w) => {
l !== w && (f.value = l);
}), A(() => e.showButtons, (l, w) => {
l !== w && (T.value = l);
}), A(() => s.value, (l, w) => {
const L = l || {}, j = w || {};
JSON.stringify(L) !== JSON.stringify(j) && t.emit("resize", {
newSize: l,
oldSize: w,
isMaximized: N.value
});
}), A([() => e.width, () => e.height], (l, w) => {
(l[0] !== w[0] || l[1] !== w[1]) && (n.value = l[0] || 500, a.value = l[1] || 600);
}), A(() => e.class, (l, w) => {
d.value = l;
});
const ne = O(() => (i.value && document.body.classList.add("modal-open"), i.value)), ke = O(() => {
var L;
const l = {
modal: !0,
"farris-modal": !0,
fade: !0,
"fe-cmp-page-modal": !!e.showFloatingClose
};
l["f-modal-fitContent"] = !!u.value, l.show = !!ne.value;
const w = (L = e.maskClass) == null ? void 0 : L.split(" ");
return w == null || w.reduce((j, K) => (j[K] = !0, j), l), l;
}), Te = O(() => {
var L;
const l = {
"modal-dialog": !0
}, w = (L = d.value) == null ? void 0 : L.split(" ");
return w == null || w.reduce((j, K) => (j[K] = !0, j), l), l;
}), Ee = () => te() && !e.isMessager || !!e.fullscreen, Oe = O(() => {
const l = document.documentElement.clientWidth, w = document.documentElement.clientHeight;
if (N.value)
return {
position: "fixed",
top: "0px",
left: "0px",
width: "100vw",
height: "100vh",
margin: "0"
};
const L = Math.min(n.value, l), j = e.position === "right" ? "100%" : u.value ? "auto" : `${Math.min(a.value, w - 10)}px`, K = `${(window.innerHeight - (j === "100%" || j === "auto" ? 0 : parseInt(j))) / 2}px`, Ge = e.position === "right" ? `${window.innerWidth - L}px` : `${(window.innerWidth - L) / 2}px`, me = {
position: "absolute",
top: K,
left: Ge,
width: te() ? "auto" : `${L}px`,
height: j
};
return e.mask || (me.pointerEvents = "auto"), me;
}), ve = o(ge() || 1050), ze = O(() => {
const l = {
display: "block",
overflow: "hidden"
};
return e.mask || (l.pointerEvents = "none", l.backgroundColor = "transparent"), H.value && (l.backgroundColor = "transparent"), l.zIndex = ve.value, l;
}), Se = O(() => ({
"modal-content": !0,
"modal-content-has-header": f.value,
"is-mobile": Ee()
})), Pe = O(() => {
const l = {
display: f.value ? "" : "none"
};
return l["pointer-events"] = c.value ? "auto" : "none", l;
}), Ie = O(() => ({
"f-icon": !0,
modal_maximize: !0,
modalrevert: N.value
})), He = O(() => ({
"modal-body": !0,
"f-utils-flex-column": C.value === "iframe",
"f-utils-fill": !0
}));
function Re() {
return {
height: `${e.footerHeight || 60}px`
};
}
const Fe = O(() => {
const l = {
textAlgin: M.value
}, w = Re();
return Object.assign(l, w);
});
function oe(l) {
if (l == null || l.stopPropagation(), N.value) {
N.value = !1, U();
return;
}
_(), N.value = !0;
}
async function Le(l, w) {
l.handle ? await l.handle(w, l) && t.emit("closed", w) : t.emit("buttonClick", {
button: l,
$event: w
});
}
function je(l) {
l.width && (n.value = l.width), l.height && (a.value = l.height), l.buttons && (v.value = l.buttons), l.title && (P.value = l.title);
}
let ue = null, se = null;
_e(() => {
H.value = fe();
}), ae(() => {
R.value && !S.value && (S.value = R.value.parentElement, X.value = S.value, V(p.value, R.value, X.value)), ne.value && document.body.classList.add("modal-open"), ue = xt(e, t), se = Bt(e, t);
}), de(() => {
x && x(), ue && ue.remove(), se && se.remove();
}), t.expose({
modalElementRef: R,
updateModalOptions: je,
close: W,
maxDialog: oe,
isMaximized: N,
disableButtons: (l, w = !0) => {
v.value.forEach((L) => {
L.name && l.includes(L.name) && (L.disabled = w);
});
}
});
function We() {
return m("div", {
class: "action-wrapper",
onClick: (l) => W(l, !1)
}, [m("span", {
class: "close-icon"
}, [m("i", {
class: "f-icon f-icon-close"
}, null)])]);
}
function De() {
return m("ul", null, [E.value && m("li", {
class: "f-btn-icon f-bare"
}, [m("span", {
class: "f-icon modal_minimize"
}, null)]), g.value && m("li", {
onClick: oe,
class: "f-btn-icon f-bare",
style: "pointer-events: auto;"
}, [m("span", {
class: Ie.value
}, null)]), B.value && m("li", {
class: "f-btn-icon f-bare",
onClick: (l) => W(l, !1),
style: "pointer-events: auto;"
}, [m("span", {
class: "f-icon modal_close"
}, null)])]);
}
const Ve = (l) => {
l.preventDefault();
const w = l.currentTarget, L = l.deltaY * 0.5;
w.scrollLeft += L;
};
function Ne() {
return m("div", {
class: "modal-footer",
style: Fe.value
}, [v.value && m("div", {
class: "buttons",
onWheel: Ve
}, [v.value.map((l) => {
var j;
const w = o(l.disabled), L = l.class || ((j = l.appearance) == null ? void 0 : j.class);
return m("button", {
name: l.name,
style: l.styles,
type: "button",
disabled: w.value,
class: L + (l.iconClass ? " btn-icontext" : "") + (l.visible === !1 ? "d-none" : ""),
onClick: (K) => {
Le(l, K);
}
}, [!!l.iconClass && m("i", {
class: l.iconClass
}, null), l.text]);
})])]);
}
function he(l) {
g.value && oe();
}
function Ae() {
return m(ee, null, [N.value && m("div", {
class: "modal-header",
style: "position: absolute;background: transparent;height: 45px;width: 100%;",
onDblclick: (l) => he()
}, null), m("div", {
ref: p,
class: "modal-header",
style: Pe.value,
onDblclick: (l) => he()
}, [t.slots.headerTemplate ? t.slots.headerTemplate() : m("div", {
class: "modal-title"
}, [k.value && m("span", {
class: y.value,
style: "margin-right: 8px"
}, null), m("span", {
class: "modal-title-label"
}, [P.value])]), m("div", {
class: "actions"
}, [De()])])]);
}
function Ye() {
return t.slots.footerTemplate ? t.slots.footerTemplate() : F.value && Ne();
}
function Ue(l) {
if (l.stopPropagation(), e.allowClickMaskToClose) {
if (l.target !== I.value)
return;
W(l, !1);
}
}
function Xe() {
var l, w;
return m("div", {
id: r.value,
class: Te.value,
style: Oe.value,
ref: R
}, [e.showFloatingClose && We(), m("div", {
class: Se.value
}, [f.value && Ae(), m("div", {
class: He.value
}, [(w = (l = t.slots).default) == null ? void 0 : w.call(l), C.value === "iframe" && m("iframe", {
title: r.value,
class: "f-utils-fill",
width: "100%",
frameborder: "0",
src: b.value
}, null)]), Ye()]), !u.value && R.value && !N.value && $(R.value)]);
}
function Ke(l) {
return l || "body";
}
return Je(() => {
ne.value && (ve.value = ge() || 1050);
}), () => m(ye, {
to: Ke(e.host)
}, {
default: () => [ne.value && m(Ze, {
name: "fade",
appear: !0
}, {
default: () => [m("div", {
ref: I,
class: ke.value,
style: ze.value,
onClick: Ue
}, [Xe()])]
})]
});
}
});
function xe(e) {
if (e.content && e.content.render)
return e.content.render;
if (e.render && typeof e.render == "function")
return e.render;
}
function Mt(e) {
const t = document.createElement("div");
t.style.display = "contents";
const n = pe({
setup(a, i) {
de(() => {
document.body.removeChild(t);
});
const r = o(), d = o(e.class || ""), u = o(!!e.showButtons), f = o(!!e.showHeader), y = o(e.showCloseButton == null ? !0 : e.showCloseButton), B = o(!!e.showFloatingClose), g = o(!0), E = o(e.title || ""), C = e.acceptCallback || (() => {
}), b = e.rejectCallback || (() => {
}), M = e.closedCallback || ((H) => {
}), T = e.resizeHandle || ((H) => {
}), P = e.stopMoveHandle || ((H) => {
}), S = xe(e), I = (H) => {
g.value = !1, n.unmount(), M(H);
};
return ae(() => {
}), i.expose({
modalRef: r
}), () => m(Q, {
ref: r,
class: d.value,
modelValue: g.value,
"onUpdate:modelValue": (H) => g.value = H,
title: E.value,
width: e.width,
height: e.height,
buttons: e.buttons,
"show-header": f.value,
"show-buttons": u.value,
"show-close-button": y.value,
"show-max-button": !1,
showFloatingClose: B.value,
onAccept: C,
onCancel: b,
fitContent: e.fitContent == null ? !0 : e.fitContent,
onClosed: I,
onResize: T,
onStopMove: P
}, {
default: () => [S && S(n)]
});
}
});
return document.body.appendChild(t), n.use(le.i18n), n.mount(t), n;
}
class kt {
// private activeModalInstance = computed(() => {
// return this.modalRefs[this.activeModalIndex.value];
// });
constructor(t) {
J(this, "appContext", null);
J(this, "modalRef", o());
J(this, "activeModalIndex", o(0));
J(this, "modalRefs", {});
J(this, "isUseEscCloseModal", o(!1));
this.app = t, this.appContext = t ? t._context : null;
}
getCurrentModal() {
return this.modalRefs[this.activeModalIndex.value];
}
adaptToWindow(t, n) {
const {
width: a,
height: i
} = {
width: window.innerWidth,
height: window.innerHeight
};
return a < t && (t = a - 14), i < n && (n = i - 14), {
width: t,
height: n
};
}
static show(t) {
const n = Object.assign({
title: "",
showButtons: !0,
showHeader: !0
}, t);
return Mt(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 = Qe(Object.assign({
title: "",
showButtons: !0,
showHeader: !0,
maximized: !1
}, t)), i = o(!0), r = a.value.acceptCallback || (() => {
}), d = a.value.rejectCallback || (() => {
}), u = a.value.closedCallback || ((v, k) => {
}), f = a.value.openedCallback || ((v) => {
}), y = a.value.resizeHandle || ((v) => {
}), B = t.stopMoveHandle || ((v) => {
});
let g;
const E = xe(a.value), C = (v) => {
var F;
i.value = !1;
const k = (F = v == null ? void 0 : v.target) == null ? void 0 : F.classList.contains("modal_close");
u(v, this.isUseEscCloseModal.value ? "esc" : k ? "icon" : "button");
}, b = (v) => {
C(v), g && Z(() => {
if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], ie(null, n), g = null, this.modalRef.value = null, this.modalRefs) {
const k = Object.keys(this.modalRefs).map((F) => Number(F));
k.length > 0 ? this.activeModalIndex.value = Math.max(...k) : this.activeModalIndex.value = 0, this.modalRefs[this.activeModalIndex.value] && (this.modalRef.value = this.modalRefs[this.activeModalIndex.value]);
}
this.isUseEscCloseModal.value = !1;
});
}, M = (v) => {
var k;
this.isUseEscCloseModal.value = !0, (k = this.getCurrentModal()) == null || k.close(v == null ? void 0 : v.event);
}, {
width: T,
height: P
} = a.value, S = this.adaptToWindow(T || 500, P || 320);
Object.assign(a.value, S);
const I = o(), H = () => m(Q, be({
ref: I,
modelValue: i.value,
"onUpdate:modelValue": (v) => i.value = v
}, a.value, {
isMessager: a.value.class && a.value.class.indexOf("modal-message") > -1,
onAccept: r,
onCancel: d,
onClosed: b,
onResize: y,
onEsc: M,
onStopMove: B,
maximized: a.value.maximized
}), {
default: () => [E && E(this.app)]
});
g = ((v) => {
const k = et(H, v);
return k.appContext = this.appContext, ie(k, n), k;
})({
...a.value
// 'onUpdate:modelValue': onUpdateModelValue,
}), this.activeModalIndex.value++;
const W = this.activeModalIndex.value;
this.modalRefs[W] = I.value;
const h = (v) => {
a.value = {
...a.value,
...v
}, g && ie(tt(g, {
...a
}), n);
};
return Z(() => {
this.modalRefs[W] = I.value, this.modalRef.value = I.value, f(new Event("opened"));
}), {
update: h,
destroy: b,
modalRef: I,
close: () => {
var v;
(v = I.value) == null || v.close();
},
disableButtons: (v, k = !0) => {
var F;
(F = I.value) == null || F.disableButtons(v, k);
}
};
}
}
const Be = Symbol("FModalService");
Q.install = (e) => {
e.component(Q.name, Q);
const t = new kt(e);
e.provide(Be, t), e.provide("FModalService", t);
};
function Me(e, t) {
function n() {
const a = e.beforeOpen || e.beforeClickButton || null;
let i = Promise.resolve(!0);
if (a) {
const r = a(t.value);
if (typeof r > "u")
return i;
typeof r == "boolean" ? i = Promise.resolve(r) : i = r;
}
return i;
}
return { judgeCanOpen: n };
}
function Tt(e, t, n, a, i) {
const r = o(e.buttonBehavior), d = o(e.popupOnInput), u = O(() => ({
"input-group-append": !0,
"append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
})), { judgeCanOpen: f } = Me(e, i), y = O(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable), B = nt(Be, null), g = o();
async function E(M) {
if (await f() && y.value) {
const T = !!t.slots.default;
if (r.value === "Modal") {
const P = e.modalOptions, S = B == null ? void 0 : B.open({
...P,
render: () => t.slots.default && t.slots.default()
});
g.value = S == null ? void 0 : S.modalRef;
}
r.value === "Overlay" && pt.show({
// host: buttonEditRef.value,
host: document.body,
backgroundColor: "rgba(0,0,0,.15)",
render: () => t.slots.default && t.slots.default()
}), T && r.value === "Popup" && a.togglePopup(!0), T && d.value && a.hidePopup(), t.emit("clickButton", { origin: M, value: e.modelValue });
}
}
function C(M) {
t.emit("mouseEnterIcon", M);
}
function b(M) {
t.emit("mouseLeaveIcon", M);
}
return {
buttonGroupClass: u,
onClickButton: E,
onMouseEnterButton: C,
onMouseLeaveButton: b,
modalRef: g
};
}
function Et(e, t, n, a, i, r) {
const d = o(!1), u = O(() => e.enableClear && !e.readonly && !e.disable && !te()), { changeTextBoxValue: f, hasClearClass: y } = r, B = o(!1);
function g(T) {
d.value = T, y.value = T;
}
const E = O(() => u.value && !!(i != null && i.value) && B.value);
A(i, () => {
g(E.value);
});
function C(T) {
const P = !e.readonly && !e.disable && e.editable, S = !e.editable;
T == null || T.stopPropagation(), (P || S) && (f(""), i.value = "", g(!d.value), t.emit("clear"));
}
function b(T) {
if (B.value = !0, !!u.value) {
if (!n.value) {
g(!1);
return;
}
!e.disable && !e.readonly && g(!0);
}
}
function M(T) {
B.value = !1, u.value && g(!1);
}
return {
enableClearButton: u,
showClearButton: d,
onClearValue: C,
onMouseEnterTextBox: b,
onMouseLeaveTextBox: M
};
}
function Ot(e, t, n, a, i) {
const r = O(() => e.popupOnInput), d = O(() => e.popupOnFocus), { shouldPopupContent: u, closeAllPopover: f } = i, y = o(!1), B = O(() => e.enableTitle ? n.value : ""), g = O(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), E = O(() => e.readonly || !e.editable || te()), C = o(!1), b = O(() => !e.disable && C.value), M = O(() => ({
"text-left": e.textAlign === "left",
"text-center": e.textAlign === "center",
"text-right": e.textAlign === "right",
"form-control": !0,
"f-utils-fill": !0
})), T = O(() => ({
"input-group": !0,
"f-state-disabled": e.disable,
"f-state-editable": e.editable && !e.disable && !e.readonly,
"f-state-readonly": e.readonly,
"f-state-focus": b.value,
"input-group--has-clear": e.enableClear && y.value
}));
function P(p, R = !0) {
n.value = p, R && (t.emit("change", p), t.emit("update:modelValue", p));
}
function S(p) {
u.value = !1, P(p, !0);
}
A(
() => e.modelValue,
(p) => {
n.value = p;
}
);
function I(p) {
C.value = !1, t.emit("blur", p), p.stopPropagation();
}
function H(p) {
t.emit("click", p), f(), t.slots.default && !e.disable && !e.readonly && e.popupOnClick && i.togglePopup();
}
function Y(p) {
!e.disable && !e.readonly && (C.value = !0, E.value || (t.emit("focus", p), d.value && !u.value && i.popup()));
}
function W(p) {
t.emit("input", p);
const R = p.target.value;
a.value = R, n.value !== R && P(R, e.updateOn === "change"), r.value && !u.value && i.popup();
}
function h(p) {
p.target.tagName !== "INPUT" && p.preventDefault(), p.stopPropagation();
}
function v(p) {
t.emit("keydown", p);
}
function k(p) {
p.key === "Enter" && (r.value || d.value) && i.hidePopup(), t.emit("keyup", p);
}
function F(p) {
const R = p.target.value;
p.stopPropagation(), P(R);
}
return {
hasFocusedTextBox: b,
isTextBoxReadonly: E,
textBoxClass: M,
textBoxPlaceholder: g,
textBoxTitle: B,
inputGroupClass: T,
hasClearClass: y,
changeTextBoxValue: P,
commitValue: S,
onBlurTextBox: I,
onClickTextBox: H,
onFocusTextBox: Y,
onInput: W,
onKeyDownTextBox: v,
onKeyUpTextBox: k,
onMouseDownTextBox: h,
onTextBoxValueChange: F
};
}
const G = "FarrisVue_PopoverInstancesKey";
function zt(e, t, n, a) {
const i = o(), r = o(!1), { judgeCanOpen: d } = Me(e, a);
A(() => i.value, (C, b) => {
window[G] = window[G] || /* @__PURE__ */ new WeakMap(), C ? window[G].set(n.value, C) : window[G].delete(n.value);
});
function u() {
if (window[G]) {
const C = window[G];
document.querySelectorAll(".f-button-edit,.v-popover").forEach((b) => {
const M = C.get(b);
M && b !== n.value && !n.value.closest(".popover-fitcontent") && M.hide();
});
}
}
function f() {
const C = i.value;
C && (C.show ? C.show(n.value) : C.open && C.open(n.value));
}
async function y(C = !1) {
if (!!t.slots.default) {
if (!C && !r.value && !await d())
return;
r.value = !r.value, r.value && (await Z(), f());
}
}
async function B(C = !1) {
if (!!t.slots.default) {
if (!C && !await d())
return;
r.value = !0, await Z(), f();
}
}
function g() {
r.value = !1;
}
function E() {
r.value = !0, Z(() => {
f();
});
}
return { hidePopup: g, showPopup: E, popup: B, shouldPopupContent: r, togglePopup: y, popoverRef: i, closeAllPopover: u };
}
function St(e, t, n) {
const a = o(), {
isTextBoxReadonly: i,
textBoxClass: r,
textBoxPlaceholder: d,
textBoxTitle: u,
onBlurTextBox: f,
onClickTextBox: y,
onFocusTextBox: B,
onInput: g,
onKeyDownTextBox: E,
onKeyUpTextBox: C,
onMouseDownTextBox: b,
onTextBoxValueChange: M
} = n, T = o(e.id), {
uuid: P
} = st(), S = O(() => ({
// 'border-top-right-radius': '6px',
// 'border-bottom-right-radius': '6px'
}));
ae(() => {
var h, v;
e.selectOnCreated && ((h = a.value) == null || h.select()), e.focusOnCreated && ((v = a.value) == null || v.focus({
preventScroll: !0
})), T.value || (T.value = "button-edit_" + P(8)), T.value = T.value + "-textbox";
});
const I = o(!1), H = (h) => {
h.preventDefault(), I.value = !0;
}, Y = (h) => {
h.preventDefault(), I.value = !1, g(h);
};
function W(h) {
I.value || g(h);
}
return () => m("input", {
id: e.id ? e.id + "-textbox" : void 0,
ref: a,
name: "input-group-value",
autocomplete: e.autoComplete ? "on" : "off",
class: r.value,
style: S.value,
disabled: e.disable,
maxlength: e.maxLength,
minlength: e.minLength,
placeholder: d.value,
readonly: i.value,
tabindex: e.tabIndex,
title: u.value,
type: e.inputType,
value: t.value,
onBlur: f,
onChange: M,
onClick: y,
onFocus: B,
onInput: W,
onKeydown: E,
onKeyup: C,
onMousedown: b,
onCompositionend: Y,
onCompositionstart: H
}, null);
}
function Pt(e, t, n) {
const a = o(e.separator), i = O(() => e.readonly || e.disable), {
changeTextBoxValue: r,
onFocusTextBox: d,
onBlurTextBox: u,
onClickTextBox: f,
textBoxPlaceholder: y
} = n, B = O(() => t.value ? t.value.split(a.value).map((b) => ({
name: b,
selectable: !0
})) : []);
function g(b) {
r(b.map((M) => M.name).join(a.value), !0);
}
A(() => e.separator, (b) => {
a.value = b;
});
const E = o(!e.disable && !e.readonly);
A([() => e.disable, () => e.readonly], ([b, M], [T, P]) => {
E.value = !b && !M;
});
function C(b) {
f(b);
}
return () => m(rt, {
tabindex: e.tabIndex,
onFocus: d,
onBlur: u,
id: `${e.id}-tag-editor`,
class: "form-control",
placeholder: y.value,
data: B.value,
showClose: !i.value,
showInput: !0,
disable: i.value,
onChange: g,
onClick: C
}, null);
}
function It(e, t, n, a) {
const {
buttonGroupClass: i,
onClickButton: r,
onMouseEnterButton: d,
onMouseLeaveButton: u
} = n, {
enableClearButton: f,
showClearButton: y,
onClearValue: B
} = a, g = o(), E = we((M) => {
r(M);
}, e.buttonBehavior === "Modal" ? 0 : 200), C = () => {
t.emit("beforeClearValue");
}, {
renderExpandContent: b
} = ct(e, t);
return {
renderButtonGroup: () => m(ee, null, [m("div", {
id: e.id ? `${e.id}-button-group` : void 0,
class: i.value
}, [f.value && lt(m("span", {
class: "input-group-text input-group-clear",
onClick: B,
onMousedown: C
}, [m("i", {
class: "f-icon modal_close"
}, null)]), [[at, y.value]]), t.slots.buttonContent ? m("span", {
class: "input-group-text input-group-append-button",
onClick: E,
onMouseenter: d,
onMouseleave: u
}, [t.slots.buttonContent()]) : e.buttonContent ? m("span", {
class: "input-group-text input-group-append-button",
innerHTML: e.buttonContent,
ref: g,
onClick: (M) => E(M),
onMouseenter: d,
onMouseleave: u
}, null) : null]), b()]),
buttonHandleElement: g
};
}
function Ht(e, t, n) {
const a = o(e.popupMinWidth), {
hidePopup: i,
popoverRef: r
} = n, d = () => {
t.emit("shown");
};
return () => te() ? m(ft, {
id: `${e.id}-drawer`,
ref: r,
position: e.placement,
width: "auto",
height: "auto",
host: e.popupHost,
showHeader: !1,
showFooter: !1,
customClass: "f-drawer--no-padding",
"onUpdate:modelValue": (u) => u ? d() : i()
}, {
default: () => {
var u, f;
return [re(" "), (f = (u = t.slots).default) == null ? void 0 : f.call(u), re(" ")];
}
}) : m(dt, {
id: `${e.id}-popover`,
ref: r,
placement: e.placement,
host: e.popupHost,
"keep-width-with-reference": e.keepWidthWithReference,
fitContent: !0,
"right-boundary": e.popupRightBoundary,
minWidth: a.value,
class: e.popupClass,
offsetX: e.popupOffsetX,
offsetY: e.popupOffsetY,
onHidden: i,
onShown: d,
beforeClose: e.beforeClosePopup,
limitContentBySpace: e.limitContentBySpace
}, {
default: () => {
var u, f;
return [(f = (u = t.slots).default) == null ? void 0 : f.call(u)];
}
});
}
const Rt = /* @__PURE__ */ ce({
name: "FB