epic-designer-cjh
Version:
基于vue3的设计器,可视化开发页面表单
1,501 lines • 112 kB
JavaScript
import { i as ue } from "./interopRequireDefault-40f894e3.js";
import { _ as Ke } from "./typeof-88a201b1.js";
import { r as le } from "./_vue_commonjs-external-eb7fec7f.js";
import { r as nn, s as ia, l as Vt, f as $e, c as Ge, m as jt, a as ut, u as Va, q as Ta, n as Da, p as Na } from "./useConfigInject-bc9599af.js";
import { a as Ve, b as He, r as an } from "./public_api-1267ff2a.js";
import { r as Fa, a as Ea } from "./CheckOutlined-d3c8be7c.js";
import { r as qa } from "./index-09b69dcc.js";
import { r as zt } from "./KeyCode-8a26b842.js";
import { r as ca } from "./vnode-8ae20ac3.js";
import { r as La, a as Ba } from "./SearchOutlined-7eb497fb.js";
import { r as rn } from "./pickAttrs-bdc76c16.js";
import { r as Aa } from "./index-543caa9f.js";
import { r as Ua } from "./isMobile-1112823b.js";
import { r as ka } from "./index-86a3dbe3.js";
import { r as Yt } from "./raf-09a8b76f.js";
import { b as da } from "./Portal-59ca1f55.js";
import { r as Ka } from "./useMemo-2a323961.js";
import { r as fa } from "./omit-71d5a718.js";
import { r as $a } from "./useMergedState-a602e9b0.js";
import { r as Ha } from "./useState-0d9161e9.js";
import { r as Wa } from "./DownOutlined-bfb2523b.js";
var tn = {}, ot = {}, ze = {}, Je = {}, Sn;
function on() {
if (Sn)
return Je;
Sn = 1;
var t = ue;
Object.defineProperty(Je, "__esModule", {
value: !0
}), Je.fillFieldNames = s, Je.flattenOptions = l, Je.getSeparatedContent = g, Je.injectPropsWithOption = S;
var e = t(nn()), o = t(Fa()), d = t(Ve()), p = ia();
function y(r, f) {
var n = r.key, i;
return "value" in r && (i = r.value), n ?? (i !== void 0 ? i : "rc-index-key-".concat(f));
}
function s(r, f) {
var n = r || {}, i = n.label, c = n.value, a = n.options;
return {
label: i || (f ? "children" : "label"),
value: c || "value",
options: a || "options"
};
}
function l(r) {
var f = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = f.fieldNames, i = f.childrenAsData, c = [], a = s(n, !1), v = a.label, b = a.value, _ = a.options;
function N(L, F) {
L.forEach(function(X) {
var A = X[v];
if (F || !(_ in X)) {
var ee = X[b];
c.push({
key: y(X, c.length),
groupOption: F,
data: X,
label: A,
value: ee
});
} else {
var x = A;
x === void 0 && i && (x = X.label), c.push({
key: y(X, c.length),
group: !0,
data: X,
label: x
}), N(X[_], !0);
}
});
}
return N(r, !1), c;
}
function S(r) {
var f = (0, d.default)({}, r);
return "props" in f || Object.defineProperty(f, "props", {
get: function() {
return (0, p.warning)(!1, "Return type is option instead of Option instance. Please read value directly instead of reading from `props`."), f;
}
}), f;
}
function g(r, f) {
if (!f || !f.length)
return null;
var n = !1;
function i(a, v) {
var b = (0, o.default)(v), _ = b[0], N = b.slice(1);
if (!_)
return [a];
var L = a.split(_);
return n = n || L.length > 1, L.reduce(function(F, X) {
return [].concat((0, e.default)(F), (0, e.default)(i(X, N)));
}, []).filter(function(F) {
return F;
});
}
var c = i(r, f);
return n ? c : null;
}
return Je;
}
var ct = {}, _n;
function ja() {
if (_n)
return ct;
_n = 1;
var t = ue;
Object.defineProperty(ct, "__esModule", {
value: !0
}), ct.default = void 0;
var e = le, o = t(He()), d = t(Ve()), p = t(Vt()), y = t(qa()), s = t($e()), l = t(Ge()), S = ["empty"], g = function(i) {
var c = i === !0 ? 0 : 1;
return {
bottomLeft: {
points: ["tl", "bl"],
offset: [0, 4],
overflow: {
adjustX: c,
adjustY: 1
}
},
bottomRight: {
points: ["tr", "br"],
offset: [0, 4],
overflow: {
adjustX: c,
adjustY: 1
}
},
topLeft: {
points: ["bl", "tl"],
offset: [0, -4],
overflow: {
adjustX: c,
adjustY: 1
}
},
topRight: {
points: ["br", "tr"],
offset: [0, -4],
overflow: {
adjustX: c,
adjustY: 1
}
}
};
}, r = (0, e.defineComponent)({
name: "SelectTrigger",
inheritAttrs: !1,
props: {
dropdownAlign: Object,
visible: {
type: Boolean,
default: void 0
},
disabled: {
type: Boolean,
default: void 0
},
dropdownClassName: String,
dropdownStyle: s.default.object,
placement: String,
empty: {
type: Boolean,
default: void 0
},
prefixCls: String,
popupClassName: String,
animation: String,
transitionName: String,
getPopupContainer: Function,
dropdownRender: Function,
containerWidth: Number,
dropdownMatchSelectWidth: s.default.oneOfType([Number, Boolean]).def(!0),
popupElement: s.default.any,
direction: String,
getTriggerDOMNode: Function,
onPopupVisibleChange: Function,
onPopupMouseEnter: Function
},
setup: function(i, c) {
var a = c.slots, v = c.attrs, b = c.expose, _ = (0, e.computed)(function() {
var L = i.dropdownMatchSelectWidth;
return g(L);
}), N = (0, e.ref)();
return b({
getPopupElement: function() {
return N.value;
}
}), function() {
var L = (0, d.default)((0, d.default)({}, i), v), F = L.empty, X = F === void 0 ? !1 : F, A = (0, p.default)(L, S), ee = A.visible, x = A.dropdownAlign, O = A.prefixCls, R = A.popupElement, D = A.dropdownClassName, E = A.dropdownStyle, P = A.direction, m = P === void 0 ? "ltr" : P, M = A.placement, u = A.dropdownMatchSelectWidth, w = A.containerWidth, I = A.dropdownRender, K = A.animation, J = A.transitionName, U = A.getPopupContainer, Q = A.getTriggerDOMNode, re = A.onPopupVisibleChange, de = A.onPopupMouseEnter, ie = "".concat(O, "-dropdown"), W = R;
I && (W = I({
menuNode: R,
props: i
}));
var T = K ? "".concat(ie, "-").concat(K) : J, Y = (0, d.default)({
minWidth: "".concat(w, "px")
}, E);
return typeof u == "number" ? Y.width = "".concat(u, "px") : u && (Y.width = "".concat(w, "px")), (0, e.createVNode)(y.default, (0, d.default)((0, d.default)({}, i), {}, {
showAction: re ? ["click"] : [],
hideAction: re ? ["click"] : [],
popupPlacement: M || (m === "rtl" ? "bottomRight" : "bottomLeft"),
builtinPlacements: _.value,
prefixCls: ie,
popupTransitionName: T,
popupAlign: x,
popupVisible: ee,
getPopupContainer: U,
popupClassName: (0, l.default)(D, (0, o.default)({}, "".concat(ie, "-empty"), X)),
popupStyle: Y,
getTriggerDOMNode: Q,
onPopupVisibleChange: re
}), {
default: a.default,
popup: function() {
return (0, e.createVNode)("div", {
ref: N,
onMouseenter: de
}, [W]);
}
});
};
}
}), f = r;
return ct.default = f, ct;
}
var dt = {}, ft = {}, st = {}, wn;
function un() {
if (wn)
return st;
wn = 1;
var t = ue;
Object.defineProperty(st, "__esModule", {
value: !0
}), st.default = void 0;
var e = le, o = t($e()), d = function(s, l) {
var S, g = l.slots, r = s.class, f = s.customizeIcon, n = s.customizeIconProps, i = s.onMousedown, c = s.onClick, a;
return typeof f == "function" ? a = f(n) : a = f, (0, e.createVNode)("span", {
class: r,
onMousedown: function(b) {
b.preventDefault(), i && i(b);
},
style: {
userSelect: "none",
WebkitUserSelect: "none"
},
unselectable: "on",
onClick: c,
"aria-hidden": !0
}, [a !== void 0 ? a : (0, e.createVNode)("span", {
class: r.split(/\s+/).map(function(v) {
return "".concat(v, "-icon");
})
}, [(S = g.default) === null || S === void 0 ? void 0 : S.call(g)])]);
};
d.inheritAttrs = !1, d.displayName = "TransBtn", d.props = {
class: String,
customizeIcon: o.default.any,
customizeIconProps: o.default.any,
onMousedown: Function,
onClick: Function
};
var p = d;
return st.default = p, st;
}
var et = {}, Cn;
function sa() {
if (Cn)
return et;
Cn = 1;
var t = ue;
Object.defineProperty(et, "__esModule", {
value: !0
}), et.inputProps = et.default = void 0;
var e = le, o = t(Ve()), d = t(an()), p = ca(), y = t($e()), s = t(La()), l = t(Ge()), S = {
inputRef: y.default.any,
prefixCls: String,
id: String,
inputElement: y.default.VueNode,
disabled: {
type: Boolean,
default: void 0
},
autofocus: {
type: Boolean,
default: void 0
},
autocomplete: String,
editable: {
type: Boolean,
default: void 0
},
activeDescendantId: String,
value: String,
open: {
type: Boolean,
default: void 0
},
tabindex: y.default.oneOfType([y.default.number, y.default.string]),
/** Pass accessibility props to input */
attrs: y.default.object,
onKeydown: {
type: Function
},
onMousedown: {
type: Function
},
onChange: {
type: Function
},
onPaste: {
type: Function
},
onCompositionstart: {
type: Function
},
onCompositionend: {
type: Function
},
onFocus: {
type: Function
},
onBlur: {
type: Function
}
};
et.inputProps = S;
var g = (0, e.defineComponent)({
compatConfig: {
MODE: 3
},
name: "Input",
inheritAttrs: !1,
props: S,
setup: function(n) {
var i = null, c = (0, e.inject)("VCSelectContainerEvent");
return function() {
var a, v, b = n.prefixCls, _ = n.id, N = n.inputElement, L = n.disabled, F = n.tabindex, X = n.autofocus, A = n.autocomplete, ee = n.editable, x = n.activeDescendantId, O = n.value, R = n.onKeydown, D = n.onMousedown, E = n.onChange, P = n.onPaste, m = n.onCompositionstart, M = n.onCompositionend, u = n.onFocus, w = n.onBlur, I = n.open, K = n.inputRef, J = n.attrs, U = N || (0, e.withDirectives)((0, e.createVNode)("input", null, null), [[s.default]]), Q = U.props || {}, re = Q.onKeydown, de = Q.onInput, ie = Q.onFocus, W = Q.onBlur, T = Q.onMousedown, Y = Q.onCompositionstart, k = Q.onCompositionend, ae = Q.style;
return U = (0, p.cloneElement)(U, (0, d.default)((0, o.default)((0, o.default)((0, o.default)({
type: "search"
}, Q), {}, {
id: _,
ref: K,
disabled: L,
tabindex: F,
autocomplete: A || "off",
autofocus: X,
class: (0, l.default)("".concat(b, "-selection-search-input"), (a = U) === null || a === void 0 || (v = a.props) === null || v === void 0 ? void 0 : v.class),
role: "combobox",
"aria-expanded": I,
"aria-haspopup": "listbox",
"aria-owns": "".concat(_, "_list"),
"aria-autocomplete": "list",
"aria-controls": "".concat(_, "_list"),
"aria-activedescendant": x
}, J), {}, {
value: ee ? O : "",
readonly: !ee,
unselectable: ee ? null : "on",
style: (0, o.default)((0, o.default)({}, ae), {}, {
opacity: ee ? null : 0
}),
onKeydown: function(Z) {
R(Z), re && re(Z);
},
onMousedown: function(Z) {
D(Z), T && T(Z);
},
onInput: function(Z) {
E(Z), de && de(Z);
},
onCompositionstart: function(Z) {
m(Z), Y && Y(Z);
},
onCompositionend: function(Z) {
M(Z), k && k(Z);
},
onPaste: P,
onFocus: function() {
clearTimeout(i), ie && ie(arguments.length <= 0 ? void 0 : arguments[0]), u && u(arguments.length <= 0 ? void 0 : arguments[0]), c == null || c.focus(arguments.length <= 0 ? void 0 : arguments[0]);
},
onBlur: function() {
for (var Z = arguments.length, me = new Array(Z), se = 0; se < Z; se++)
me[se] = arguments[se];
i = setTimeout(function() {
W && W(me[0]), w && w(me[0]), c == null || c.blur(me[0]);
}, 100);
}
}), U.type === "textarea" ? {} : {
type: "search"
}), !0, !0), U;
};
}
}), r = g;
return et.default = r, et;
}
var vt = {}, On;
function ln() {
if (On)
return vt;
On = 1, Object.defineProperty(vt, "__esModule", {
value: !0
}), vt.default = d, vt.useProvideLegacySelectContext = o;
var t = le, e = Symbol("TreeSelectLegacyContextPropsKey");
function o(p) {
return (0, t.provide)(e, p);
}
function d() {
return (0, t.inject)(e, {});
}
return vt;
}
var Pn;
function za() {
if (Pn)
return ft;
Pn = 1;
var t = ue;
Object.defineProperty(ft, "__esModule", {
value: !0
}), ft.default = void 0;
var e = le, o = t(He()), d = t(un()), p = t(sa()), y = t(Ge()), s = t(rn()), l = t($e()), S = t(Aa()), g = t(ln()), r = {
id: String,
prefixCls: String,
values: l.default.array,
open: {
type: Boolean,
default: void 0
},
searchValue: String,
inputRef: l.default.any,
placeholder: l.default.any,
disabled: {
type: Boolean,
default: void 0
},
mode: String,
showSearch: {
type: Boolean,
default: void 0
},
autofocus: {
type: Boolean,
default: void 0
},
autocomplete: String,
activeDescendantId: String,
tabindex: l.default.oneOfType([l.default.number, l.default.string]),
removeIcon: l.default.any,
choiceTransitionName: String,
maxTagCount: l.default.oneOfType([l.default.number, l.default.string]),
maxTagTextLength: Number,
maxTagPlaceholder: l.default.any.def(function() {
return function(c) {
return "+ ".concat(c.length, " ...");
};
}),
tagRender: Function,
onToggleOpen: {
type: Function
},
onRemove: Function,
onInputChange: Function,
onInputPaste: Function,
onInputKeyDown: Function,
onInputMouseDown: Function,
onInputCompositionStart: Function,
onInputCompositionEnd: Function
}, f = function(a) {
a.preventDefault(), a.stopPropagation();
}, n = (0, e.defineComponent)({
name: "MultipleSelectSelector",
inheritAttrs: !1,
props: r,
setup: function(a) {
var v = (0, e.ref)(), b = (0, e.ref)(0), _ = (0, e.ref)(!1), N = (0, g.default)(), L = (0, e.computed)(function() {
return "".concat(a.prefixCls, "-selection");
}), F = (0, e.computed)(function() {
return a.open || a.mode === "tags" ? a.searchValue : "";
}), X = (0, e.computed)(function() {
return a.mode === "tags" || a.showSearch && (a.open || _.value);
});
(0, e.onMounted)(function() {
(0, e.watch)(F, function() {
b.value = v.value.scrollWidth;
}, {
flush: "post",
immediate: !0
});
});
function A(R, D, E, P, m) {
return (0, e.createVNode)("span", {
class: (0, y.default)("".concat(L.value, "-item"), (0, o.default)({}, "".concat(L.value, "-item-disabled"), E)),
title: typeof R == "string" || typeof R == "number" ? R.toString() : void 0
}, [(0, e.createVNode)("span", {
class: "".concat(L.value, "-item-content")
}, [D]), P && (0, e.createVNode)(d.default, {
class: "".concat(L.value, "-item-remove"),
onMousedown: f,
onClick: m,
customizeIcon: a.removeIcon
}, {
default: function() {
return [(0, e.createTextVNode)("×")];
}
})]);
}
function ee(R, D, E, P, m, M) {
var u = function(J) {
f(J), a.onToggleOpen(!open);
}, w = M;
if (N.keyEntities) {
var I;
w = ((I = N.keyEntities[R]) === null || I === void 0 ? void 0 : I.node) || {};
}
return (0, e.createVNode)("span", {
key: R,
onMousedown: u
}, [a.tagRender({
label: D,
value: R,
disabled: E,
closable: P,
onClose: m,
option: w
})]);
}
function x(R) {
var D = R.disabled, E = R.label, P = R.value, m = R.option, M = !a.disabled && !D, u = E;
if (typeof a.maxTagTextLength == "number" && (typeof E == "string" || typeof E == "number")) {
var w = String(u);
w.length > a.maxTagTextLength && (u = "".concat(w.slice(0, a.maxTagTextLength), "..."));
}
var I = function(J) {
var U;
J && J.stopPropagation(), (U = a.onRemove) === null || U === void 0 || U.call(a, R);
};
return typeof a.tagRender == "function" ? ee(P, u, D, M, I, m) : A(E, u, D, M, I);
}
function O(R) {
var D = a.maxTagPlaceholder, E = D === void 0 ? function(m) {
return "+ ".concat(m.length, " ...");
} : D, P = typeof E == "function" ? E(R) : E;
return A(P, P, !1);
}
return function() {
var R = a.id, D = a.prefixCls, E = a.values, P = a.open, m = a.inputRef, M = a.placeholder, u = a.disabled, w = a.autofocus, I = a.autocomplete, K = a.activeDescendantId, J = a.tabindex, U = a.onInputChange, Q = a.onInputPaste, re = a.onInputKeyDown, de = a.onInputMouseDown, ie = a.onInputCompositionStart, W = a.onInputCompositionEnd, T = (0, e.createVNode)("div", {
class: "".concat(L.value, "-search"),
style: {
width: b.value + "px"
},
key: "input"
}, [(0, e.createVNode)(p.default, {
inputRef: m,
open: P,
prefixCls: D,
id: R,
inputElement: null,
disabled: u,
autofocus: w,
autocomplete: I,
editable: X.value,
activeDescendantId: K,
value: F.value,
onKeydown: re,
onMousedown: de,
onChange: U,
onPaste: Q,
onCompositionstart: ie,
onCompositionend: W,
tabindex: J,
attrs: (0, s.default)(a, !0),
onFocus: function() {
return _.value = !0;
},
onBlur: function() {
return _.value = !1;
}
}, null), (0, e.createVNode)("span", {
ref: v,
class: "".concat(L.value, "-search-mirror"),
"aria-hidden": !0
}, [F.value, (0, e.createTextVNode)(" ")])]), Y = (0, e.createVNode)(S.default, {
prefixCls: "".concat(L.value, "-overflow"),
data: E,
renderItem: x,
renderRest: O,
suffix: T,
itemKey: "key",
maxCount: a.maxTagCount,
key: "overflow"
}, null);
return (0, e.createVNode)(e.Fragment, null, [Y, !E.length && !F.value && (0, e.createVNode)("span", {
class: "".concat(L.value, "-placeholder")
}, [M])]);
};
}
}), i = n;
return ft.default = i, ft;
}
var pt = {}, Mn;
function Ya() {
if (Mn)
return pt;
Mn = 1;
var t = ue;
Object.defineProperty(pt, "__esModule", {
value: !0
}), pt.default = void 0;
var e = le, o = t(rn()), d = t(sa()), p = t($e()), y = t(ln()), s = {
inputElement: p.default.any,
id: String,
prefixCls: String,
values: p.default.array,
open: {
type: Boolean,
default: void 0
},
searchValue: String,
inputRef: p.default.any,
placeholder: p.default.any,
disabled: {
type: Boolean,
default: void 0
},
mode: String,
showSearch: {
type: Boolean,
default: void 0
},
autofocus: {
type: Boolean,
default: void 0
},
autocomplete: String,
activeDescendantId: String,
tabindex: p.default.oneOfType([p.default.number, p.default.string]),
activeValue: String,
backfill: {
type: Boolean,
default: void 0
},
optionLabelRender: Function,
onInputChange: Function,
onInputPaste: Function,
onInputKeyDown: Function,
onInputMouseDown: Function,
onInputCompositionStart: Function,
onInputCompositionEnd: Function
}, l = (0, e.defineComponent)({
name: "SingleSelector",
setup: function(r) {
var f = (0, e.ref)(!1), n = (0, e.computed)(function() {
return r.mode === "combobox";
}), i = (0, e.computed)(function() {
return n.value || r.showSearch;
}), c = (0, e.computed)(function() {
var N = r.searchValue || "";
return n.value && r.activeValue && !f.value && (N = r.activeValue), N;
}), a = (0, y.default)();
(0, e.watch)([n, function() {
return r.activeValue;
}], function() {
n.value && (f.value = !1);
}, {
immediate: !0
});
var v = (0, e.computed)(function() {
return r.mode !== "combobox" && !r.open && !r.showSearch ? !1 : !!c.value;
}), b = (0, e.computed)(function() {
var N = r.values[0];
return N && (typeof N.label == "string" || typeof N.label == "number") ? N.label.toString() : void 0;
}), _ = function() {
if (r.values[0])
return null;
var L = v.value ? {
visibility: "hidden"
} : void 0;
return (0, e.createVNode)("span", {
class: "".concat(r.prefixCls, "-selection-placeholder"),
style: L
}, [r.placeholder]);
};
return function() {
var N, L = r.inputElement, F = r.prefixCls, X = r.id, A = r.values, ee = r.inputRef, x = r.disabled, O = r.autofocus, R = r.autocomplete, D = r.activeDescendantId, E = r.open, P = r.tabindex, m = r.optionLabelRender, M = r.onInputKeyDown, u = r.onInputMouseDown, w = r.onInputChange, I = r.onInputPaste, K = r.onInputCompositionStart, J = r.onInputCompositionEnd, U = A[0], Q = null;
if (U && a.customSlots) {
var re, de, ie, W = (re = U.key) !== null && re !== void 0 ? re : U.value, T = ((de = a.keyEntities[W]) === null || de === void 0 ? void 0 : de.node) || {};
Q = a.customSlots[(ie = T.slots) === null || ie === void 0 ? void 0 : ie.title] || a.customSlots.title || U.label, typeof Q == "function" && (Q = Q(T));
} else
Q = m && U ? m(U.option) : U == null ? void 0 : U.label;
return (0, e.createVNode)(e.Fragment, null, [(0, e.createVNode)("span", {
class: "".concat(F, "-selection-search")
}, [(0, e.createVNode)(d.default, {
inputRef: ee,
prefixCls: F,
id: X,
open: E,
inputElement: L,
disabled: x,
autofocus: O,
autocomplete: R,
editable: i.value,
activeDescendantId: D,
value: c.value,
onKeydown: M,
onMousedown: u,
onChange: function(k) {
f.value = !0, w(k);
},
onPaste: I,
onCompositionstart: K,
onCompositionend: J,
tabindex: P,
attrs: (0, o.default)(r, !0)
}, null)]), !n.value && U && !v.value && (0, e.createVNode)("span", {
class: "".concat(F, "-selection-item"),
title: b.value
}, [(0, e.createVNode)(e.Fragment, {
key: (N = U.key) !== null && N !== void 0 ? N : U.value
}, [Q])]), _()]);
};
}
});
l.props = s, l.inheritAttrs = !1;
var S = l;
return pt.default = S, pt;
}
var Nt = {}, In;
function Ga() {
if (In)
return Nt;
In = 1;
var t = ue;
Object.defineProperty(Nt, "__esModule", {
value: !0
}), Nt.isValidateOpenKey = o;
var e = t(zt());
function o(d) {
return ![
// System function button
e.default.ESC,
e.default.SHIFT,
e.default.BACKSPACE,
e.default.TAB,
e.default.WIN_KEY,
e.default.ALT,
e.default.META,
e.default.WIN_KEY_RIGHT,
e.default.CTRL,
e.default.SEMICOLON,
e.default.EQUALS,
e.default.CAPS_LOCK,
e.default.CONTEXT_MENU,
// F1-F12
e.default.F1,
e.default.F2,
e.default.F3,
e.default.F4,
e.default.F5,
e.default.F6,
e.default.F7,
e.default.F8,
e.default.F9,
e.default.F10,
e.default.F11,
e.default.F12
].includes(d);
}
return Nt;
}
var Ft = {}, Rn;
function va() {
if (Rn)
return Ft;
Rn = 1, Object.defineProperty(Ft, "__esModule", {
value: !0
}), Ft.default = e;
var t = le;
function e() {
var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 250, d = null, p;
(0, t.onBeforeUnmount)(function() {
clearTimeout(p);
});
function y(s) {
(s || d === null) && (d = s), clearTimeout(p), p = setTimeout(function() {
d = null;
}, o);
}
return [function() {
return d;
}, y];
}
return Ft;
}
var tt = {}, xn;
function Gt() {
if (xn)
return tt;
xn = 1;
var t = ue;
Object.defineProperty(tt, "__esModule", {
value: !0
}), tt.composeRef = p, tt.default = void 0, tt.fillRef = d;
var e = t(Ke);
function o() {
var s = function l(S) {
l.current = S;
};
return s;
}
function d(s, l) {
typeof s == "function" ? s(l) : (0, e.default)(s) === "object" && s && "current" in s && (s.current = l);
}
function p() {
for (var s = arguments.length, l = new Array(s), S = 0; S < s; S++)
l[S] = arguments[S];
return function(g) {
l.forEach(function(r) {
d(r, g);
});
};
}
var y = o;
return tt.default = y, tt;
}
var Vn;
function Xa() {
if (Vn)
return dt;
Vn = 1;
var t = ue;
Object.defineProperty(dt, "__esModule", {
value: !0
}), dt.default = void 0;
var e = le, o = t(Ve()), d = t(jt()), p = t(zt()), y = t(za()), s = t(Ya()), l = Ga(), S = t(va()), g = t(Gt()), r = t($e()), f = (0, e.defineComponent)({
name: "Selector",
inheritAttrs: !1,
props: {
id: String,
prefixCls: String,
showSearch: {
type: Boolean,
default: void 0
},
open: {
type: Boolean,
default: void 0
},
/** Display in the Selector value, it's not same as `value` prop */
values: r.default.array,
multiple: {
type: Boolean,
default: void 0
},
mode: String,
searchValue: String,
activeValue: String,
inputElement: r.default.any,
autofocus: {
type: Boolean,
default: void 0
},
activeDescendantId: String,
tabindex: r.default.oneOfType([r.default.number, r.default.string]),
disabled: {
type: Boolean,
default: void 0
},
placeholder: r.default.any,
removeIcon: r.default.any,
// Tags
maxTagCount: r.default.oneOfType([r.default.number, r.default.string]),
maxTagTextLength: Number,
maxTagPlaceholder: r.default.any,
tagRender: Function,
optionLabelRender: Function,
/** Check if `tokenSeparators` contains `\n` or `\r\n` */
tokenWithEnter: {
type: Boolean,
default: void 0
},
// Motion
choiceTransitionName: String,
onToggleOpen: {
type: Function
},
/** `onSearch` returns go next step boolean to check if need do toggle open */
onSearch: Function,
onSearchSubmit: Function,
onRemove: Function,
onInputKeyDown: {
type: Function
},
/**
* @private get real dom for trigger align.
* This may be removed after React provides replacement of `findDOMNode`
*/
domRef: Function
},
setup: function(c, a) {
var v = a.expose, b = (0, g.default)(), _ = !1, N = (0, S.default)(0), L = (0, d.default)(N, 2), F = L[0], X = L[1], A = function(w) {
var I = w.which;
(I === p.default.UP || I === p.default.DOWN) && w.preventDefault(), c.onInputKeyDown && c.onInputKeyDown(w), I === p.default.ENTER && c.mode === "tags" && !_ && !c.open && c.onSearchSubmit(w.target.value), (0, l.isValidateOpenKey)(I) && c.onToggleOpen(!0);
}, ee = function() {
X(!0);
}, x = null, O = function(w) {
c.onSearch(w, !0, _) !== !1 && c.onToggleOpen(!0);
}, R = function() {
_ = !0;
}, D = function(w) {
_ = !1, c.mode !== "combobox" && O(w.target.value);
}, E = function(w) {
var I = w.target.value;
if (c.tokenWithEnter && x && /[\r\n]/.test(x)) {
var K = x.replace(/[\r\n]+$/, "").replace(/\r\n/g, " ").replace(/[\r\n]/g, " ");
I = I.replace(K, x);
}
x = null, O(I);
}, P = function(w) {
var I = w.clipboardData, K = I.getData("text");
x = K;
}, m = function(w) {
var I = w.target;
if (I !== b.current) {
var K = document.body.style.msTouchAction !== void 0;
K ? setTimeout(function() {
b.current.focus();
}) : b.current.focus();
}
}, M = function(w) {
var I = F();
w.target !== b.current && !I && w.preventDefault(), (c.mode !== "combobox" && (!c.showSearch || !I) || !c.open) && (c.open && c.onSearch("", !0, !1), c.onToggleOpen());
};
return v({
focus: function() {
b.current.focus();
},
blur: function() {
b.current.blur();
}
}), function() {
var u = c.prefixCls, w = c.domRef, I = c.mode, K = {
inputRef: b,
onInputKeyDown: A,
onInputMouseDown: ee,
onInputChange: E,
onInputPaste: P,
onInputCompositionStart: R,
onInputCompositionEnd: D
}, J = I === "multiple" || I === "tags" ? (0, e.createVNode)(y.default, (0, o.default)((0, o.default)({}, c), K), null) : (0, e.createVNode)(s.default, (0, o.default)((0, o.default)({}, c), K), null);
return (0, e.createVNode)("div", {
ref: w,
class: "".concat(u, "-selector"),
onClick: m,
onMousedown: M
}, [J]);
};
}
}), n = f;
return dt.default = n, dt;
}
var Et = {}, Tn;
function Qa() {
if (Tn)
return Et;
Tn = 1, Object.defineProperty(Et, "__esModule", {
value: !0
}), Et.default = e;
var t = le;
function e(o, d, p) {
function y(s) {
var l, S, g, r = s.target;
r.shadowRoot && s.composed && (r = s.composedPath()[0] || r);
var f = [(l = o[0]) === null || l === void 0 ? void 0 : l.value, (S = o[1]) === null || S === void 0 || (g = S.value) === null || g === void 0 ? void 0 : g.getPopupElement()];
d.value && f.every(function(n) {
return n && !n.contains(r) && n !== r;
}) && p(!1);
}
(0, t.onMounted)(function() {
window.addEventListener("mousedown", y);
}), (0, t.onBeforeUnmount)(function() {
window.removeEventListener("mousedown", y);
});
}
return Et;
}
var qt = {}, Dn;
function Za() {
if (Dn)
return qt;
Dn = 1, Object.defineProperty(qt, "__esModule", {
value: !0
}), qt.default = e;
var t = le;
function e() {
var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 10, d = (0, t.ref)(!1), p, y = function() {
clearTimeout(p);
};
(0, t.onMounted)(function() {
y();
});
var s = function(S, g) {
y(), p = setTimeout(function() {
d.value = S, g && g();
}, o);
};
return [d, s, y];
}
return qt;
}
var ht = {}, Nn;
function cn() {
if (Nn)
return ht;
Nn = 1, Object.defineProperty(ht, "__esModule", {
value: !0
}), ht.default = d, ht.useProvideBaseSelectProps = o;
var t = le, e = Symbol("BaseSelectContextKey");
function o(p) {
return (0, t.provide)(e, p);
}
function d() {
return (0, t.inject)(e, {});
}
return ht;
}
var Lt = {}, Fn;
function pa() {
if (Fn)
return Lt;
Fn = 1, Object.defineProperty(Lt, "__esModule", {
value: !0
}), Lt.toReactive = e;
var t = le;
function e(o) {
if (!(0, t.isRef)(o))
return (0, t.reactive)(o);
var d = new Proxy({}, {
get: function(y, s, l) {
return Reflect.get(o.value, s, l);
},
set: function(y, s, l) {
return o.value[s] = l, !0;
},
deleteProperty: function(y, s) {
return Reflect.deleteProperty(o.value, s);
},
has: function(y, s) {
return Reflect.has(o.value, s);
},
ownKeys: function() {
return Object.keys(o.value);
},
getOwnPropertyDescriptor: function() {
return {
enumerable: !0,
configurable: !0
};
}
});
return (0, t.reactive)(d);
}
return Lt;
}
var En;
function dn() {
if (En)
return ze;
En = 1;
var t = ue;
Object.defineProperty(ze, "__esModule", {
value: !0
}), ze.default = ze.baseSelectPropsWithoutPrivate = void 0, ze.isMultiple = P;
var e = le, o = t(Ke), d = t(He()), p = t(Vt()), y = t(nn()), s = t(jt()), l = t(Ve()), S = on(), g = t(ja()), r = t(Xa()), f = t(Qa()), n = t(Za()), i = t(un()), c = t(va()), a = cn(), v = t($e()), b = ut(), _ = t(Ua()), N = t(zt()), L = pa(), F = t(Ge()), X = t(Gt()), A = t(ln()), ee = ca(), x = ["prefixCls", "id", "open", "defaultOpen", "mode", "showSearch", "searchValue", "onSearch", "allowClear", "clearIcon", "showArrow", "inputIcon", "disabled", "loading", "getInputElement", "getPopupContainer", "placement", "animation", "transitionName", "dropdownStyle", "dropdownClassName", "dropdownMatchSelectWidth", "dropdownRender", "dropdownAlign", "showAction", "direction", "tokenSeparators", "tagRender", "optionLabelRender", "onPopupScroll", "onDropdownVisibleChange", "onFocus", "onBlur", "onKeyup", "onKeydown", "onMousedown", "onClear", "omitDomProps", "getRawInputElement", "displayValues", "onDisplayValuesChange", "emptyOptions", "activeDescendantId", "activeValue", "OptionList"], O = ["value", "onChange", "removeIcon", "placeholder", "autofocus", "maxTagCount", "maxTagTextLength", "maxTagPlaceholder", "choiceTransitionName", "onInputKeyDown", "onPopupScroll", "tabindex", "OptionList", "notFoundContent"], R = function() {
return {
prefixCls: String,
id: String,
omitDomProps: Array,
// >>> Value
displayValues: Array,
onDisplayValuesChange: Function,
// >>> Active
/** Current dropdown list active item string value */
activeValue: String,
/** Link search input with target element */
activeDescendantId: String,
onActiveValueChange: Function,
// >>> Search
searchValue: String,
/** Trigger onSearch, return false to prevent trigger open event */
onSearch: Function,
/** Trigger when search text match the `tokenSeparators`. Will provide split content */
onSearchSplit: Function,
maxLength: Number,
OptionList: v.default.any,
/** Tell if provided `options` is empty */
emptyOptions: Boolean
};
}, D = function() {
return {
showSearch: {
type: Boolean,
default: void 0
},
tagRender: {
type: Function
},
optionLabelRender: {
type: Function
},
direction: {
type: String
},
// MISC
tabindex: Number,
autofocus: Boolean,
notFoundContent: v.default.any,
placeholder: v.default.any,
onClear: Function,
choiceTransitionName: String,
// >>> Mode
mode: String,
// >>> Status
disabled: {
type: Boolean,
default: void 0
},
loading: {
type: Boolean,
default: void 0
},
// >>> Open
open: {
type: Boolean,
default: void 0
},
defaultOpen: {
type: Boolean,
default: void 0
},
onDropdownVisibleChange: {
type: Function
},
// >>> Customize Input
/** @private Internal usage. Do not use in your production. */
getInputElement: {
type: Function
},
/** @private Internal usage. Do not use in your production. */
getRawInputElement: {
type: Function
},
// >>> Selector
maxTagTextLength: Number,
maxTagCount: {
type: [String, Number]
},
maxTagPlaceholder: v.default.any,
// >>> Search
tokenSeparators: {
type: Array
},
// >>> Icons
allowClear: {
type: Boolean,
default: void 0
},
showArrow: {
type: Boolean,
default: void 0
},
inputIcon: v.default.any,
/** Clear all icon */
clearIcon: v.default.any,
/** Selector remove icon */
removeIcon: v.default.any,
// >>> Dropdown
animation: String,
transitionName: String,
dropdownStyle: {
type: Object
},
dropdownClassName: String,
dropdownMatchSelectWidth: {
type: [Boolean, Number],
default: void 0
},
dropdownRender: {
type: Function
},
dropdownAlign: Object,
placement: {
type: String
},
getPopupContainer: {
type: Function
},
// >>> Focus
showAction: {
type: Array
},
onBlur: {
type: Function
},
onFocus: {
type: Function
},
// >>> Rest Events
onKeyup: Function,
onKeydown: Function,
onMousedown: Function,
onPopupScroll: Function,
onInputKeyDown: Function,
onMouseenter: Function,
onMouseleave: Function,
onClick: Function
};
};
ze.baseSelectPropsWithoutPrivate = D;
var E = function() {
return (0, l.default)((0, l.default)({}, R()), D());
};
function P(M) {
return M === "tags" || M === "multiple";
}
var m = (0, e.defineComponent)({
compatConfig: {
MODE: 3
},
name: "BaseSelect",
inheritAttrs: !1,
props: (0, b.initDefaultProps)(E(), {
showAction: [],
notFoundContent: "Not Found"
}),
setup: function(u, w) {
var I = w.attrs, K = w.expose, J = w.slots, U = (0, e.computed)(function() {
return P(u.mode);
}), Q = (0, e.computed)(function() {
return u.showSearch !== void 0 ? u.showSearch : U.value || u.mode === "combobox";
}), re = (0, e.ref)(!1);
(0, e.onMounted)(function() {
re.value = (0, _.default)();
});
var de = (0, A.default)(), ie = (0, e.ref)(null), W = (0, X.default)(), T = (0, e.ref)(null), Y = (0, e.ref)(null), k = (0, e.ref)(null), ae = (0, n.default)(), oe = (0, s.default)(ae, 3), Z = oe[0], me = oe[1], se = oe[2], Pe = function() {
var h;
(h = Y.value) === null || h === void 0 || h.focus();
}, We = function() {
var h;
(h = Y.value) === null || h === void 0 || h.blur();
};
K({
focus: Pe,
blur: We,
scrollTo: function(h) {
var $;
return ($ = k.value) === null || $ === void 0 ? void 0 : $.scrollTo(h);
}
});
var Me = (0, e.computed)(function() {
var j;
if (u.mode !== "combobox")
return u.searchValue;
var h = (j = u.displayValues[0]) === null || j === void 0 ? void 0 : j.value;
return typeof h == "string" || typeof h == "number" ? String(h) : "";
}), _e = u.open !== void 0 ? u.open : u.defaultOpen, we = (0, e.ref)(_e), te = (0, e.ref)(_e), Te = function(h) {
we.value = u.open !== void 0 ? u.open : h, te.value = we.value;
};
(0, e.watch)(function() {
return u.open;
}, function() {
Te(u.open);
});
var Le = (0, e.computed)(function() {
return !u.notFoundContent && u.emptyOptions;
});
(0, e.watchEffect)(function() {
te.value = we.value, (u.disabled || Le.value && te.value && u.mode === "combobox") && (te.value = !1);
});
var ce = (0, e.computed)(function() {
return Le.value ? !1 : te.value;
}), ye = function(h) {
var $ = h !== void 0 ? h : !te.value;
we.value !== $ && !u.disabled && (Te($), u.onDropdownVisibleChange && u.onDropdownVisibleChange($));
}, Be = (0, e.computed)(function() {
return (u.tokenSeparators || []).some(function(j) {
return [`
`, `\r
`].includes(j);
});
}), V = function(h, $, ge) {
var ve, he = !0, H = h;
(ve = u.onActiveValueChange) === null || ve === void 0 || ve.call(u, null);
var C = ge ? null : (0, S.getSeparatedContent)(h, u.tokenSeparators);
if (u.mode !== "combobox" && C) {
var q;
H = "", (q = u.onSearchSplit) === null || q === void 0 || q.call(u, C), ye(!1), he = !1;
}
return u.onSearch && Me.value !== H && u.onSearch(H, {
source: $ ? "typing" : "effect"
}), he;
}, G = function(h) {
var $;
!h || !h.trim() || ($ = u.onSearch) === null || $ === void 0 || $.call(u, h, {
source: "submit"
});
};
(0, e.watch)(te, function() {
!te.value && !U.value && u.mode !== "combobox" && V("", !1, !1);
}, {
immediate: !0,
flush: "post"
}), (0, e.watch)(function() {
return u.disabled;
}, function() {
we.value && u.disabled && Te(!1);
}, {
immediate: !0
});
var fe = (0, c.default)(), pe = (0, s.default)(fe, 2), Ie = pe[0], Xe = pe[1], Ae = function(h) {
var $, ge = Ie(), ve = h.which;
if (ve === N.default.ENTER && (u.mode !== "combobox" && h.preventDefault(), te.value || ye(!0)), Xe(!!Me.value), ve === N.default.BACKSPACE && !ge && U.value && !Me.value && u.displayValues.length) {
for (var he = (0, y.default)(u.displayValues), H = null, C = he.length - 1; C >= 0; C -= 1) {
var q = he[C];
if (!q.disabled) {
he.splice(C, 1), H = q;
break;
}
}
H && u.onDisplayValuesChange(he, {
type: "remove",
values: [H]
});
}
for (var B = arguments.length, ne = new Array(B > 1 ? B - 1 : 0), z = 1; z < B; z++)
ne[z - 1] = arguments[z];
if (te.value && k.value) {
var Re;
(Re = k.value).onKeydown.apply(Re, [h].concat(ne));
}
($ = u.onKeydown) === null || $ === void 0 || $.call.apply($, [u, h].concat(ne));
}, je = function(h) {
for (var $ = arguments.length, ge = new Array($ > 1 ? $ - 1 : 0), ve = 1; ve < $; ve++)
ge[ve - 1] = arguments[ve];
if (te.value && k.value) {
var he;
(he = k.value).onKeyup.apply(he, [h].concat(ge));
}
u.onKeyup && u.onKeyup.apply(u, [h].concat(ge));
}, Ce = function(h) {
var $ = u.displayValues.filter(function(ge) {
return ge !== h;
});
u.onDisplayValuesChange($, {
type: "remove",
values: [h]
});
}, Ue = (0, e.ref)(!1), be = function() {
me(!0), u.disabled || (u.onFocus && !Ue.value && u.onFocus.apply(u, arguments), u.showAction && u.showAction.includes("focus") && ye(!0)), Ue.value = !0;
}, xe = function() {
if (me(!1, function() {
Ue.value = !1, ye(!1);
}), !u.disabled) {
var h = Me.value;
h && (u.mode === "tags" ? u.onSearch(h, {
source: "submit"
}) : u.mode === "multiple" && u.onSearch("", {
source: "blur"
})), u.onBlur && u.onBlur.apply(u, arguments);
}
};
(0, e.provide)("VCSelectContainerEvent", {
focus: be,
blur: xe
});
var Oe = [];
(0, e.onMounted)(function() {
Oe.forEach(function(j) {
return clearTimeout(j);
}), Oe.splice(0, Oe.length);
}), (0, e.onBeforeUnmount)(function() {
Oe.forEach(function(j) {
return clearTimeout(j);
}), Oe.splice(0, Oe.length);
});
var De = function(h) {
var $, ge, ve = h.target, he = ($ = T.value) === null || $ === void 0 ? void 0 : $.getPopupElement();
if (he && he.contains(ve)) {
var H = setTimeout(function() {
var ne = Oe.indexOf(H);
if (ne !== -1 && Oe.splice(ne, 1), se(), !re.value && !he.contains(document.activeElement)) {
var z;
(z = Y.value) === null || z === void 0 || z.focus();
}
});
Oe.push(H);
}
for (var C = arguments.length, q = new Array(C > 1 ? C - 1 : 0), B = 1; B < C; B++)
q[B - 1] = arguments[B];
(ge = u.onMousedown) === null || ge === void 0 || ge.call.apply(ge, [u, h].concat(q));
}, Ne = (0, e.ref)(null), Ee = (0, e.getCurrentInstance)(), at = function() {
Ee.update();
};
return (0, e.onMounted)(function() {
(0, e.watch)(ce, function() {
if (ce.value) {
var j, h = Math.ceil((j = ie.value) === null || j === void 0 ? void 0 : j.offsetWidth);
Ne.value !== h && !Number.isNaN(h) && (Ne.value = h);
}
}, {
immediate: !0,
flush: "post"
});
}), (0, f.default)([ie, T], ce, ye), (0, a.useProvideBaseSelectProps)((0, L.toReactive)((0, l.default)((0, l.default)({}, (0, e.toRefs)(u)), {}, {
open: te,
triggerOpen: ce,
showSearch: Q,
multiple: U,
toggleOpen: ye
}))), function() {
var j, h = (0, l.default)((0, l.default)({}, u), I), $ = h.prefixCls, ge = h.id;
h.open, h.defaultOpen;
var ve = h.mode;
h.showSearch, h.searchValue, h.onSearch;
var he = h.allowClear, H = h.clearIcon, C = h.showArrow, q = h.inputIcon, B = h.disabled, ne = h.loading, z = h.getInputElement, Re = h.getPopupContainer, qe = h.placement, Qe = h.animation, Se = h.transitionName, Ze = h.dropdownStyle, Xt = h.dropdownClassName, sn = h.dropdownMatchSelectWidth, lt = h.dropdownRender, ke = h.dropdownAlign;
h.showAction;
var rt = h.direction;
h.tokenSeparators;
var ya = h.tagRender, ba = h.optionLabelRender;
h.onPopupScroll, h.onDropdownVisibleChange, h.onFocus, h.onBlur, h.onKeyup, h.onKeydown, h.onMousedown;
var Qt = h.onClear, Zt = h.omitDomProps, vn = h.getRawInputElement, Tt = h.displayValues, Sa = h.onDisplayValuesChange, _a = h.emptyOptions, wa = h.activeDescendantId, Ca = h.activeValue, Oa = h.OptionList, Pa = (0, p.default)(h, x), pn = ve === "combobox" && z && z() || null, it = typeof vn == "function" && vn(), Jt = (0, l.default)({}, Pa), hn;
it && (hn = function(Dt) {
ye(Dt);
}), O.forEach(function(Fe) {
delete Jt[Fe];
}), Zt == null || Zt.forEach(function(Fe) {
delete Jt[Fe];
});
var mn = C !== void 0 ? C : ne || !U.value && ve !== "combobox", gn;
mn && (gn = (0, e.createVNode)(i.default, {
class: (0, F.default)("".concat($, "-arrow"), (0, d.default)({}, "".concat($, "-arrow-loading"), ne)),
customizeIcon: q,
customizeIconProps: {
loading: ne,
searchValue: Me.value,
open: te.value,
focused: Z.value,
showSearch: Q.value
}
}, null));
var yn, Ma = function() {
Qt == null || Qt(), Sa([], {
type: "clear",
values: Tt
}), V("", !1, !1);
};
!B && he && (Tt.length || Me.value) && (yn = (0, e.createVNode)(i.default, {
class: "".concat($, "-clear"),
onMousedown: Ma,
customizeIcon: H
}, {
default: function() {
return [(0, e.createTextVNode)("×")];
}
}));
var Ia = (0, e.createVNode)(Oa, {
ref: k
}, (0, l.default)((0, l.default)({}, de.customSlots), {}, {
option: J.option
})), Ra = (0, F.default)($, I.class, (j = {}, (0, d.default)(j, "".concat($, "-focused"), Z.value), (0, d.default)(j, "".concat($, "-multiple"), U.value), (0, d.default)(j, "".concat($, "-single"), !U.value), (0, d.default)(j, "".concat($, "-allow-clear"), he), (0, d.default)(j, "".concat($, "-show-arrow"), mn), (0, d.default)(j, "".concat($, "-disabled"), B), (0, d.default)(j, "".concat($, "-loading"), ne), (0, d.default)(j, "".concat($, "-open"), te.value), (0, d.default)(j, "".concat($, "-customize-input"), pn), (0, d.default)(j, "".concat($, "-show-search"), Q.value), j)), bn = (0, e.createVNode)(g.default, {
ref: T,
disabled: B,
prefixCls: $,
visible: ce.value,
popupElement: Ia,
containerWidth: Ne.value,
animation: Qe,
transitionName: Se,
dropdownStyle: Ze,
dropdownClassName: Xt,
direction: rt,
dropdownMatchSelectWidth: sn,
dropdownRender: lt,
dropdownAlign: ke,
placement: qe,
getPopupContainer: Re,
empty: _a,
getTriggerDOMNode: function() {
return W.current;
},
onPopupVisibleChange: hn,
onPopupMouseEnter: at
}, {
default: function() {
return it ? (0, b.isValidElement)(it) && (0, ee.cloneElement)(it, {
ref: W
}, !1, !0) : (0, e.createVNode)(r.default, (0, l.default)((0, l.default)({}, u), {}, {
domRef: W,
prefixCls: $,
inputElement: pn,
ref: Y,
id: ge,
showSearch: Q.value,
mode