epic-designer-cjh
Version:
基于vue3的设计器,可视化开发页面表单
1,314 lines (1,313 loc) • 42.5 kB
JavaScript
import { i as ce } from "./interopRequireDefault-40f894e3.js";
import { r as ee } from "./_vue_commonjs-external-eb7fec7f.js";
import { a as qe, r as Ve } from "./public_api-1267ff2a.js";
import { d as Te, f as Ae, i as vt, r as gt, a as bt, e as ht, g as Nt } from "./useConfigInject-d85d8c62.js";
import { r as St } from "./UpOutlined-5fbfc4fb.js";
import { r as yt } from "./AntdIcon-b29a156c.js";
import { r as $t } from "./DownOutlined-946f47d7.js";
import { r as _t } from "./isMobile-e33eaeb7.js";
import { r as wt } from "./raf-dd6c1047.js";
import { r as It } from "./KeyCode-5c436a1d.js";
import { r as xt } from "./FormItemContext-6c3deaca.js";
import { r as Ct } from "./vnode-45aa23d5.js";
import { r as Ot } from "./omit-84b99e2b.js";
import { r as Pt } from "./index-f96a976e.js";
import { r as Et } from "./statusUtils-5917dd4c.js";
import { r as Rt } from "./index-3d9d7693.js";
import { a as Dt, r as Mt } from "./compact-item-020b9c99.js";
function qt(n, a) {
for (var s = 0; s < a.length; s++) {
const o = a[s];
if (typeof o != "string" && !Array.isArray(o)) {
for (const d in o)
if (d !== "default" && !(d in n)) {
const p = Object.getOwnPropertyDescriptor(o, d);
p && Object.defineProperty(n, d, p.get ? p : {
enumerable: !0,
get: () => o[d]
});
}
}
}
return Object.freeze(Object.defineProperty(n, Symbol.toStringTag, { value: "Module" }));
}
var Z = {}, Oe = {}, We;
function Vt() {
return We || (We = 1, function(n) {
Object.defineProperty(n, "__esModule", {
value: !0
}), n.default = void 0;
var a = ee, s = d(St()), o = d(yt());
function d(e) {
return e && e.__esModule ? e : { default: e };
}
function p(e) {
for (var r = 1; r < arguments.length; r++) {
var l = arguments[r] != null ? Object(arguments[r]) : {}, v = Object.keys(l);
typeof Object.getOwnPropertySymbols == "function" && (v = v.concat(Object.getOwnPropertySymbols(l).filter(function(N) {
return Object.getOwnPropertyDescriptor(l, N).enumerable;
}))), v.forEach(function(N) {
c(e, N, l[N]);
});
}
return e;
}
function c(e, r, l) {
return r in e ? Object.defineProperty(e, r, { value: l, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = l, e;
}
var f = function(r, l) {
var v = p({}, r, l.attrs);
return (0, a.createVNode)(o.default, p({}, v, {
icon: s.default
}), null);
};
f.displayName = "UpOutlined", f.inheritAttrs = !1;
var i = f;
n.default = i;
}(Oe)), Oe;
}
var X = {}, F = {}, G = {}, he = {}, ze;
function Ze() {
if (ze)
return he;
ze = 1, Object.defineProperty(he, "__esModule", {
value: !0
}), he.supportBigInt = n;
function n() {
return typeof BigInt == "function";
}
return he;
}
var je;
function et() {
if (je)
return G;
je = 1, Object.defineProperty(G, "__esModule", {
value: !0
}), G.getNumberPrecision = o, G.isE = s, G.num2str = d, G.trimNumber = a, G.validateNumber = p;
var n = Ze();
function a(c) {
let f = c.trim(), i = f.startsWith("-");
i && (f = f.slice(1)), f = f.replace(/(\.\d*[^0])0*$/, "$1").replace(/\.0*$/, "").replace(/^0+/, ""), f.startsWith(".") && (f = `0${f}`);
const e = f || "0", r = e.split("."), l = r[0] || "0", v = r[1] || "0";
l === "0" && v === "0" && (i = !1);
const N = i ? "-" : "";
return {
negative: i,
negativeStr: N,
trimStr: e,
integerStr: l,
decimalStr: v,
fullStr: `${N}${e}`
};
}
function s(c) {
const f = String(c);
return !Number.isNaN(Number(f)) && f.includes("e");
}
function o(c) {
const f = String(c);
if (s(c)) {
let i = Number(f.slice(f.indexOf("e-") + 2));
const e = f.match(/\.(\d+)/);
return e != null && e[1] && (i += e[1].length), i;
}
return f.includes(".") && p(f) ? f.length - f.indexOf(".") - 1 : 0;
}
function d(c) {
let f = String(c);
if (s(c)) {
if (c > Number.MAX_SAFE_INTEGER)
return String((0, n.supportBigInt)() ? BigInt(c).toString() : Number.MAX_SAFE_INTEGER);
if (c < Number.MIN_SAFE_INTEGER)
return String((0, n.supportBigInt)() ? BigInt(c).toString() : Number.MIN_SAFE_INTEGER);
f = c.toFixed(o(f));
}
return a(f).fullStr;
}
function p(c) {
return typeof c == "number" ? !Number.isNaN(c) : c ? (
// Normal type: 11.28
/^\s*-?\d+(\.\d+)?\s*$/.test(c) || // Pre-number: 1.
/^\s*-?\d+\.\s*$/.test(c) || // Post-number: .1
/^\s*-?\.\d+\s*$/.test(c)
) : !1;
}
return G;
}
var He;
function Tt() {
if (He)
return F;
He = 1, Object.defineProperty(F, "__esModule", {
value: !0
}), F.NumberDecimal = F.BigIntDecimal = void 0, F.default = p, F.toFixed = c;
var n = et(), a = Ze();
function s(f) {
return !f && f !== 0 && !Number.isNaN(f) || !String(f).trim();
}
class o {
constructor(i) {
if (this.origin = "", s(i)) {
this.empty = !0;
return;
}
this.origin = String(i), this.number = Number(i);
}
negate() {
return new o(-this.toNumber());
}
add(i) {
if (this.isInvalidate())
return new o(i);
const e = Number(i);
if (Number.isNaN(e))
return this;
const r = this.number + e;
if (r > Number.MAX_SAFE_INTEGER)
return new o(Number.MAX_SAFE_INTEGER);
if (r < Number.MIN_SAFE_INTEGER)
return new o(Number.MIN_SAFE_INTEGER);
const l = Math.max((0, n.getNumberPrecision)(this.number), (0, n.getNumberPrecision)(e));
return new o(r.toFixed(l));
}
isEmpty() {
return this.empty;
}
isNaN() {
return Number.isNaN(this.number);
}
isInvalidate() {
return this.isEmpty() || this.isNaN();
}
equals(i) {
return this.toNumber() === (i == null ? void 0 : i.toNumber());
}
lessEquals(i) {
return this.add(i.negate().toString()).toNumber() <= 0;
}
toNumber() {
return this.number;
}
toString() {
return (arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !0) ? this.isInvalidate() ? "" : (0, n.num2str)(this.number) : this.origin;
}
}
F.NumberDecimal = o;
class d {
constructor(i) {
if (this.origin = "", s(i)) {
this.empty = !0;
return;
}
if (this.origin = String(i), i === "-" || Number.isNaN(i)) {
this.nan = !0;
return;
}
let e = i;
if ((0, n.isE)(e) && (e = Number(e)), e = typeof e == "string" ? e : (0, n.num2str)(e), (0, n.validateNumber)(e)) {
const r = (0, n.trimNumber)(e);
this.negative = r.negative;
const l = r.trimStr.split(".");
this.integer = BigInt(l[0]);
const v = l[1] || "0";
this.decimal = BigInt(v), this.decimalLen = v.length;
} else
this.nan = !0;
}
getMark() {
return this.negative ? "-" : "";
}
getIntegerStr() {
return this.integer.toString();
}
getDecimalStr() {
return this.decimal.toString().padStart(this.decimalLen, "0");
}
/**
* Align BigIntDecimal with same decimal length. e.g. 12.3 + 5 = 1230000
* This is used for add function only.
*/
alignDecimal(i) {
const e = `${this.getMark()}${this.getIntegerStr()}${this.getDecimalStr().padEnd(i, "0")}`;
return BigInt(e);
}
negate() {
const i = new d(this.toString());
return i.negative = !i.negative, i;
}
add(i) {
if (this.isInvalidate())
return new d(i);
const e = new d(i);
if (e.isInvalidate())
return this;
const r = Math.max(this.getDecimalStr().length, e.getDecimalStr().length), l = this.alignDecimal(r), v = e.alignDecimal(r), N = (l + v).toString(), {
negativeStr: x,
trimStr: O
} = (0, n.trimNumber)(N), P = `${x}${O.padStart(r + 1, "0")}`;
return new d(`${P.slice(0, -r)}.${P.slice(-r)}`);
}
isEmpty() {
return this.empty;
}
isNaN() {
return this.nan;
}
isInvalidate() {
return this.isEmpty() || this.isNaN();
}
equals(i) {
return this.toString() === (i == null ? void 0 : i.toString());
}
lessEquals(i) {
return this.add(i.negate().toString()).toNumber() <= 0;
}
toNumber() {
return this.isNaN() ? NaN : Number(this.toString());
}
toString() {
return (arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !0) ? this.isInvalidate() ? "" : (0, n.trimNumber)(`${this.getMark()}${this.getIntegerStr()}.${this.getDecimalStr()}`).fullStr : this.origin;
}
}
F.BigIntDecimal = d;
function p(f) {
return (0, a.supportBigInt)() ? new d(f) : new o(f);
}
function c(f, i, e) {
let r = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1;
if (f === "")
return "";
const {
negativeStr: l,
integerStr: v,
decimalStr: N
} = (0, n.trimNumber)(f), x = `${i}${N}`, O = `${l}${v}`;
if (e >= 0) {
const P = Number(N[e]);
if (P >= 5 && !r) {
const D = p(f).add(`${l}0.${"0".repeat(e)}${10 - P}`);
return c(D.toString(), i, e, r);
}
return e === 0 ? O : `${O}${i}${N.padEnd(e, "0").slice(0, e)}`;
}
return x === ".0" ? O : `${O}${x}`;
}
return F;
}
var se = {}, Ge;
function At() {
if (Ge)
return se;
Ge = 1;
var n = ce;
Object.defineProperty(se, "__esModule", {
value: !0
}), se.default = void 0;
var a = ee, s = n(qe()), o = n(_t()), d = n(Te()), p = Ae();
const c = 200, f = 600;
var i = (0, a.defineComponent)({
compatConfig: {
MODE: 3
},
name: "StepHandler",
inheritAttrs: !1,
props: {
prefixCls: String,
upDisabled: Boolean,
downDisabled: Boolean,
onStep: (0, p.functionType)()
},
slots: Object,
setup(e, r) {
let {
slots: l,
emit: v
} = r;
const N = (0, a.ref)(), x = (P, D) => {
P.preventDefault(), v("step", D);
function M() {
v("step", D), N.value = setTimeout(M, c);
}
N.value = setTimeout(M, f);
}, O = () => {
clearTimeout(N.value);
};
return (0, a.onBeforeUnmount)(() => {
O();
}), () => {
if ((0, o.default)())
return null;
const {
prefixCls: P,
upDisabled: D,
downDisabled: M
} = e, t = `${P}-handler`, _ = (0, d.default)(t, `${t}-up`, {
[`${t}-up-disabled`]: D
}), w = (0, d.default)(t, `${t}-down`, {
[`${t}-down-disabled`]: M
}), S = {
unselectable: "on",
role: "button",
onMouseup: O,
onMouseleave: O
}, {
upNode: C,
downNode: R
} = l;
return (0, a.createVNode)("div", {
class: `${t}-wrap`
}, [(0, a.createVNode)("span", (0, s.default)((0, s.default)({}, S), {}, {
onMousedown: (E) => {
x(E, !0);
},
"aria-label": "Increase Value",
"aria-disabled": D,
class: _
}), [(C == null ? void 0 : C()) || (0, a.createVNode)("span", {
unselectable: "on",
class: `${P}-handler-up-inner`
}, null)]), (0, a.createVNode)("span", (0, s.default)((0, s.default)({}, S), {}, {
onMousedown: (E) => {
x(E, !1);
},
"aria-label": "Decrease Value",
"aria-disabled": M,
class: w
}), [(R == null ? void 0 : R()) || (0, a.createVNode)("span", {
unselectable: "on",
class: `${P}-handler-down-inner`
}, null)])]);
};
}
});
return se.default = i, se;
}
var Ne = {}, Le;
function Bt() {
if (Le)
return Ne;
Le = 1, Object.defineProperty(Ne, "__esModule", {
value: !0
}), Ne.default = s;
var n = vt(), a = ee;
function s(o, d) {
const p = (0, a.ref)(null);
function c() {
try {
const {
selectionStart: i,
selectionEnd: e,
value: r
} = o.value, l = r.substring(0, i), v = r.substring(e);
p.value = {
start: i,
end: e,
value: r,
beforeTxt: l,
afterTxt: v
};
} catch {
}
}
function f() {
if (o.value && p.value && d.value)
try {
const {
value: i
} = o.value, {
beforeTxt: e,
afterTxt: r,
start: l
} = p.value;
let v = i.length;
if (i.endsWith(r))
v = i.length - p.value.afterTxt.length;
else if (i.startsWith(e))
v = e.length;
else {
const N = e[l - 1], x = i.indexOf(N, l - 1);
x !== -1 && (v = x + 1);
}
o.value.setSelectionRange(v, v);
} catch (i) {
(0, n.warning)(!1, `Something warning of cursor restore. Please fire issue about this: ${i.message}`);
}
}
return [c, f];
}
return Ne;
}
var de = {}, Ke;
function Ft() {
if (Ke)
return de;
Ke = 1;
var n = ce;
Object.defineProperty(de, "__esModule", {
value: !0
}), de.default = void 0;
var a = n(wt()), s = ee, o = () => {
const d = (0, s.shallowRef)(0), p = () => {
a.default.cancel(d.value);
};
return (0, s.onBeforeUnmount)(() => {
p();
}), (c) => {
p(), d.value = (0, a.default)(() => {
c();
});
};
};
return de.default = o, de;
}
var Xe;
function Ut() {
if (Xe)
return X;
Xe = 1;
var n = ce;
Object.defineProperty(X, "__esModule", {
value: !0
}), X.inputNumberProps = X.default = void 0;
var a = ee, s = n(qe()), o = n(Ve()), d = N(Tt()), p = n(At()), c = et(), f = n(Bt()), i = n(Ft()), e = n(It()), r = n(Te()), l = Ae();
function v(t) {
if (typeof WeakMap != "function")
return null;
var _ = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap();
return (v = function(S) {
return S ? w : _;
})(t);
}
function N(t, _) {
if (!_ && t && t.__esModule)
return t;
if (t === null || typeof t != "object" && typeof t != "function")
return { default: t };
var w = v(_);
if (w && w.has(t))
return w.get(t);
var S = {}, C = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (var R in t)
if (R !== "default" && Object.prototype.hasOwnProperty.call(t, R)) {
var E = C ? Object.getOwnPropertyDescriptor(t, R) : null;
E && (E.get || E.set) ? Object.defineProperty(S, R, E) : S[R] = t[R];
}
return S.default = t, w && w.set(t, S), S;
}
var x = function(t, _) {
var w = {};
for (var S in t)
Object.prototype.hasOwnProperty.call(t, S) && _.indexOf(S) < 0 && (w[S] = t[S]);
if (t != null && typeof Object.getOwnPropertySymbols == "function")
for (var C = 0, S = Object.getOwnPropertySymbols(t); C < S.length; C++)
_.indexOf(S[C]) < 0 && Object.prototype.propertyIsEnumerable.call(t, S[C]) && (w[S[C]] = t[S[C]]);
return w;
};
const O = (t, _) => t || _.isEmpty() ? _.toString() : _.toNumber(), P = (t) => {
const _ = (0, d.default)(t);
return _.isInvalidate() ? null : _;
}, D = () => ({
/** value will show as string */
stringMode: (0, l.booleanType)(),
defaultValue: (0, l.someType)([String, Number]),
value: (0, l.someType)([String, Number]),
prefixCls: (0, l.stringType)(),
min: (0, l.someType)([String, Number]),
max: (0, l.someType)([String, Number]),
step: (0, l.someType)([String, Number], 1),
tabindex: Number,
controls: (0, l.booleanType)(!0),
readonly: (0, l.booleanType)(),
disabled: (0, l.booleanType)(),
autofocus: (0, l.booleanType)(),
keyboard: (0, l.booleanType)(!0),
/** Parse display value to validate number */
parser: (0, l.functionType)(),
/** Transform `value` to display value show in input */
formatter: (0, l.functionType)(),
/** Syntactic sugar of `formatter`. Config precision of display. */
precision: Number,
/** Syntactic sugar of `formatter`. Config decimal separator of display. */
decimalSeparator: String,
onInput: (0, l.functionType)(),
onChange: (0, l.functionType)(),
onPressEnter: (0, l.functionType)(),
onStep: (0, l.functionType)(),
onBlur: (0, l.functionType)(),
onFocus: (0, l.functionType)()
});
X.inputNumberProps = D;
var M = (0, a.defineComponent)({
compatConfig: {
MODE: 3
},
name: "InnerInputNumber",
inheritAttrs: !1,
props: (0, o.default)((0, o.default)({}, D()), {
lazy: Boolean
}),
slots: Object,
setup(t, _) {
let {
attrs: w,
slots: S,
emit: C,
expose: R
} = _;
const E = (0, a.shallowRef)(), B = (0, a.shallowRef)(!1), q = (0, a.shallowRef)(!1), b = (0, a.shallowRef)(!1), y = (0, a.shallowRef)((0, d.default)(t.value));
function L(u) {
t.value === void 0 && (y.value = u);
}
const k = (u, m) => {
if (!m)
return t.precision >= 0 ? t.precision : Math.max((0, c.getNumberPrecision)(u), (0, c.getNumberPrecision)(t.step));
}, U = (u) => {
const m = String(u);
if (t.parser)
return t.parser(m);
let g = m;
return t.decimalSeparator && (g = g.replace(t.decimalSeparator, ".")), g.replace(/[^\w.-]+/g, "");
}, V = (0, a.shallowRef)(""), pe = (u, m) => {
if (t.formatter)
return t.formatter(u, {
userTyping: m,
input: String(V.value)
});
let g = typeof u == "number" ? (0, c.num2str)(u) : u;
if (!m) {
const $ = k(g, m);
if ((0, c.validateNumber)(g) && (t.decimalSeparator || $ >= 0)) {
const H = t.decimalSeparator || ".";
g = (0, d.toFixed)(g, H, $);
}
}
return g;
}, we = (() => {
const u = t.value;
return y.value.isInvalidate() && ["string", "number"].includes(typeof u) ? Number.isNaN(u) ? "" : u : pe(y.value.toString(), !1);
})();
V.value = we;
function W(u, m) {
V.value = pe(
// Invalidate number is sometime passed by external control, we should let it go
// Otherwise is controlled by internal interactive logic which check by userTyping
// You can ref 'show limited value when input is not focused' test for more info.
u.isInvalidate() ? u.toString(!1) : u.toString(!m),
m
);
}
const T = (0, a.computed)(() => P(t.max)), z = (0, a.computed)(() => P(t.min)), Y = (0, a.computed)(() => !T.value || !y.value || y.value.isInvalidate() ? !1 : T.value.lessEquals(y.value)), J = (0, a.computed)(() => !z.value || !y.value || y.value.isInvalidate() ? !1 : y.value.lessEquals(z.value)), [te, re] = (0, f.default)(E, B), ne = (u) => T.value && !u.lessEquals(T.value) ? T.value : z.value && !z.value.lessEquals(u) ? z.value : null, me = (u) => !ne(u), ae = (u, m) => {
var g;
let $ = u, H = me($) || $.isEmpty();
if (!$.isEmpty() && !m && ($ = ne($) || $, H = !0), !t.readonly && !t.disabled && H) {
const oe = $.toString(), xe = k(oe, m);
return xe >= 0 && ($ = (0, d.default)((0, d.toFixed)(oe, ".", xe))), $.equals(y.value) || (L($), (g = t.onChange) === null || g === void 0 || g.call(t, $.isEmpty() ? null : O(t.stringMode, $)), t.value === void 0 && W($, m)), $;
}
return y.value;
}, h = (0, i.default)(), ie = (u) => {
var m;
if (te(), V.value = u, !b.value) {
const g = U(u), $ = (0, d.default)(g);
$.isNaN() || ae($, !0);
}
(m = t.onInput) === null || m === void 0 || m.call(t, u), h(() => {
let g = u;
t.parser || (g = u.replace(/。/g, ".")), g !== u && ie(g);
});
}, K = () => {
b.value = !0;
}, ve = () => {
b.value = !1, ie(E.value.value);
}, le = (u) => {
ie(u.target.value);
}, j = (u) => {
var m, g;
if (u && Y.value || !u && J.value)
return;
q.value = !1;
let $ = (0, d.default)(t.step);
u || ($ = $.negate());
const H = (y.value || (0, d.default)(0)).add($.toString()), oe = ae(H, !1);
(m = t.onStep) === null || m === void 0 || m.call(t, O(t.stringMode, oe), {
offset: t.step,
type: u ? "up" : "down"
}), (g = E.value) === null || g === void 0 || g.focus();
}, ue = (u) => {
const m = (0, d.default)(U(V.value));
let g = m;
m.isNaN() ? g = y.value : g = ae(m, u), t.value !== void 0 ? W(y.value, !1) : g.isNaN() || W(g, !1);
}, ge = (u) => {
var m;
const {
which: g
} = u;
q.value = !0, g === e.default.ENTER && (b.value || (q.value = !1), ue(!1), (m = t.onPressEnter) === null || m === void 0 || m.call(t, u)), t.keyboard !== !1 && !b.value && [e.default.UP, e.default.DOWN].includes(g) && (j(e.default.UP === g), u.preventDefault());
}, be = () => {
q.value = !1;
}, Ie = (u) => {
ue(!1), B.value = !1, q.value = !1, C("blur", u);
};
return (0, a.watch)(() => t.precision, () => {
y.value.isInvalidate() || W(y.value, !1);
}, {
flush: "post"
}), (0, a.watch)(() => t.value, () => {
const u = (0, d.default)(t.value);
y.value = u;
const m = (0, d.default)(U(V.value));
(!u.equals(m) || !q.value || t.formatter) && W(u, q.value);
}, {
flush: "post"
}), (0, a.watch)(V, () => {
t.formatter && re();
}, {
flush: "post"
}), (0, a.watch)(() => t.disabled, (u) => {
u && (B.value = !1);
}), R({
focus: () => {
var u;
(u = E.value) === null || u === void 0 || u.focus();
},
blur: () => {
var u;
(u = E.value) === null || u === void 0 || u.blur();
}
}), () => {
const u = (0, o.default)((0, o.default)({}, w), t), {
prefixCls: m = "rc-input-number",
min: g,
max: $,
step: H = 1,
defaultValue: oe,
value: xe,
disabled: Be,
readonly: Fe,
keyboard: Zt,
controls: lt = !0,
autofocus: ut,
stringMode: er,
parser: tr,
formatter: rr,
precision: nr,
decimalSeparator: ar,
onChange: ir,
onInput: lr,
onPressEnter: ur,
onStep: or,
lazy: ot,
class: st,
style: dt
} = u, ft = x(u, ["prefixCls", "min", "max", "step", "defaultValue", "value", "disabled", "readonly", "keyboard", "controls", "autofocus", "stringMode", "parser", "formatter", "precision", "decimalSeparator", "onChange", "onInput", "onPressEnter", "onStep", "lazy", "class", "style"]), {
upHandler: ct,
downHandler: pt
} = S, Ue = `${m}-input`, Ce = {};
return ot ? Ce.onChange = le : Ce.onInput = le, (0, a.createVNode)("div", {
class: (0, r.default)(m, st, {
[`${m}-focused`]: B.value,
[`${m}-disabled`]: Be,
[`${m}-readonly`]: Fe,
[`${m}-not-a-number`]: y.value.isNaN(),
[`${m}-out-of-range`]: !y.value.isInvalidate() && !me(y.value)
}),
style: dt,
onKeydown: ge,
onKeyup: be
}, [lt && (0, a.createVNode)(p.default, {
prefixCls: m,
upDisabled: Y.value,
downDisabled: J.value,
onStep: j
}, {
upNode: ct,
downNode: pt
}), (0, a.createVNode)("div", {
class: `${Ue}-wrap`
}, [(0, a.createVNode)("input", (0, s.default)((0, s.default)((0, s.default)({
autofocus: ut,
autocomplete: "off",
role: "spinbutton",
"aria-valuemin": g,
"aria-valuemax": $,
"aria-valuenow": y.value.isInvalidate() ? null : y.value.toString(),
step: H
}, ft), {}, {
ref: E,
class: Ue,
value: V.value,
disabled: Be,
readonly: Fe,
onFocus: (mt) => {
B.value = !0, C("focus", mt);
}
}, Ce), {}, {
onBlur: Ie,
onCompositionstart: K,
onCompositionend: ve
}), null)])]);
};
}
});
return X.default = M, X;
}
var Se = {}, ke;
function Wt() {
if (ke)
return Se;
ke = 1, Object.defineProperty(Se, "__esModule", {
value: !0
}), Se.default = n;
function n(a) {
return a != null;
}
return Se;
}
var fe = {}, Ye;
function zt() {
if (Ye)
return fe;
Ye = 1;
var n = ce;
Object.defineProperty(fe, "__esModule", {
value: !0
}), fe.default = void 0;
var a = n(Ve()), s = Rt(), o = gt(), d = bt(), p = Dt();
const c = (e) => {
const {
componentCls: r,
lineWidth: l,
lineType: v,
colorBorder: N,
borderRadius: x,
fontSizeLG: O,
controlHeightLG: P,
controlHeightSM: D,
colorError: M,
inputPaddingHorizontalSM: t,
colorTextDescription: _,
motionDurationMid: w,
colorPrimary: S,
controlHeight: C,
inputPaddingHorizontal: R,
colorBgContainer: E,
colorTextDisabled: B,
borderRadiusSM: q,
borderRadiusLG: b,
controlWidth: y,
handleVisible: L
} = e;
return [
{
[r]: (0, a.default)((0, a.default)((0, a.default)((0, a.default)({}, (0, d.resetComponent)(e)), (0, s.genBasicInputStyle)(e)), (0, s.genStatusStyle)(e, r)), {
display: "inline-block",
width: y,
margin: 0,
padding: 0,
border: `${l}px ${v} ${N}`,
borderRadius: x,
"&-rtl": {
direction: "rtl",
[`${r}-input`]: {
direction: "rtl"
}
},
"&-lg": {
padding: 0,
fontSize: O,
borderRadius: b,
[`input${r}-input`]: {
height: P - 2 * l
}
},
"&-sm": {
padding: 0,
borderRadius: q,
[`input${r}-input`]: {
height: D - 2 * l,
padding: `0 ${t}px`
}
},
"&:hover": (0, a.default)({}, (0, s.genHoverStyle)(e)),
"&-focused": (0, a.default)({}, (0, s.genActiveStyle)(e)),
"&-disabled": (0, a.default)((0, a.default)({}, (0, s.genDisabledStyle)(e)), {
[`${r}-input`]: {
cursor: "not-allowed"
}
}),
// ===================== Out Of Range =====================
"&-out-of-range": {
input: {
color: M
}
},
// Style for input-group: input with label, with button or dropdown...
"&-group": (0, a.default)((0, a.default)((0, a.default)({}, (0, d.resetComponent)(e)), (0, s.genInputGroupStyle)(e)), {
"&-wrapper": {
display: "inline-block",
textAlign: "start",
verticalAlign: "top",
[`${r}-affix-wrapper`]: {
width: "100%"
},
// Size
"&-lg": {
[`${r}-group-addon`]: {
borderRadius: b
}
},
"&-sm": {
[`${r}-group-addon`]: {
borderRadius: q
}
}
}
}),
[r]: {
"&-input": (0, a.default)((0, a.default)({
width: "100%",
height: C - 2 * l,
padding: `0 ${R}px`,
textAlign: "start",
backgroundColor: "transparent",
border: 0,
borderRadius: x,
outline: 0,
transition: `all ${w} linear`,
appearance: "textfield",
color: e.colorText,
fontSize: "inherit",
verticalAlign: "top"
}, (0, s.genPlaceholderStyle)(e.colorTextPlaceholder)), {
'&[type="number"]::-webkit-inner-spin-button, &[type="number"]::-webkit-outer-spin-button': {
margin: 0,
/* stylelint-disable-next-line property-no-vendor-prefix */
webkitAppearance: "none",
appearance: "none"
}
})
}
})
},
// Handler
{
[r]: {
[`&:hover ${r}-handler-wrap, &-focused ${r}-handler-wrap`]: {
opacity: 1
},
[`${r}-handler-wrap`]: {
position: "absolute",
insetBlockStart: 0,
insetInlineEnd: 0,
width: e.handleWidth,
height: "100%",
background: E,
borderStartStartRadius: 0,
borderStartEndRadius: x,
borderEndEndRadius: x,
borderEndStartRadius: 0,
opacity: L === !0 ? 1 : 0,
display: "flex",
flexDirection: "column",
alignItems: "stretch",
transition: `opacity ${w} linear ${w}`,
// Fix input number inside Menu makes icon too large
// We arise the selector priority by nest selector here
// https://github.com/ant-design/ant-design/issues/14367
[`${r}-handler`]: {
display: "flex",
alignItems: "center",
justifyContent: "center",
flex: "auto",
height: "40%",
[`
${r}-handler-up-inner,
${r}-handler-down-inner
`]: {
marginInlineEnd: 0,
fontSize: e.handleFontSize
}
}
},
[`${r}-handler`]: {
height: "50%",
overflow: "hidden",
color: _,
fontWeight: "bold",
lineHeight: 0,
textAlign: "center",
cursor: "pointer",
borderInlineStart: `${l}px ${v} ${N}`,
transition: `all ${w} linear`,
"&:active": {
background: e.colorFillAlter
},
// Hover
"&:hover": {
height: "60%",
[`
${r}-handler-up-inner,
${r}-handler-down-inner
`]: {
color: S
}
},
"&-up-inner, &-down-inner": (0, a.default)((0, a.default)({}, (0, d.resetIcon)()), {
color: _,
transition: `all ${w} linear`,
userSelect: "none"
})
},
[`${r}-handler-up`]: {
borderStartEndRadius: x
},
[`${r}-handler-down`]: {
borderBlockStart: `${l}px ${v} ${N}`,
borderEndEndRadius: x
},
// Disabled
"&-disabled, &-readonly": {
[`${r}-handler-wrap`]: {
display: "none"
}
},
[`
${r}-handler-up-disabled,
${r}-handler-down-disabled
`]: {
cursor: "not-allowed"
},
[`
${r}-handler-up-disabled:hover &-handler-up-inner,
${r}-handler-down-disabled:hover &-handler-down-inner
`]: {
color: B
}
}
},
// Border-less
{
[`${r}-borderless`]: {
borderColor: "transparent",
boxShadow: "none",
[`${r}-handler-down`]: {
borderBlockStartWidth: 0
}
}
}
];
}, f = (e) => {
const {
componentCls: r,
inputPaddingHorizontal: l,
inputAffixPadding: v,
controlWidth: N,
borderRadiusLG: x,
borderRadiusSM: O
} = e;
return {
[`${r}-affix-wrapper`]: (0, a.default)((0, a.default)((0, a.default)({}, (0, s.genBasicInputStyle)(e)), (0, s.genStatusStyle)(e, `${r}-affix-wrapper`)), {
// or number handler will cover form status
position: "relative",
display: "inline-flex",
width: N,
padding: 0,
paddingInlineStart: l,
"&-lg": {
borderRadius: x
},
"&-sm": {
borderRadius: O
},
[`&:not(${r}-affix-wrapper-disabled):hover`]: (0, a.default)((0, a.default)({}, (0, s.genHoverStyle)(e)), {
zIndex: 1
}),
"&-focused, &:focus": {
zIndex: 1
},
"&-disabled": {
[`${r}[disabled]`]: {
background: "transparent"
}
},
[`> div${r}`]: {
width: "100%",
border: "none",
outline: "none",
[`&${r}-focused`]: {
boxShadow: "none !important"
}
},
[`input${r}-input`]: {
padding: 0
},
"&::before": {
width: 0,
visibility: "hidden",
content: '"\\a0"'
},
[`${r}-handler-wrap`]: {
zIndex: 2
},
[r]: {
"&-prefix, &-suffix": {
display: "flex",
flex: "none",
alignItems: "center",
pointerEvents: "none"
},
"&-prefix": {
marginInlineEnd: v
},
"&-suffix": {
position: "absolute",
insetBlockStart: 0,
insetInlineEnd: 0,
zIndex: 1,
height: "100%",
marginInlineEnd: l,
marginInlineStart: v
}
}
})
};
};
var i = (0, o.genComponentStyleHook)("InputNumber", (e) => {
const r = (0, s.initInputToken)(e);
return [
c(r),
f(r),
// =====================================================
// == Space Compact ==
// =====================================================
(0, p.genCompactItemStyle)(r)
];
}, (e) => ({
controlWidth: 90,
handleWidth: e.controlHeightSM - e.lineWidth * 2,
handleFontSize: e.fontSize / 2,
handleVisible: "auto"
}));
return fe.default = i, fe;
}
var A = ce;
Object.defineProperty(Z, "__esModule", {
value: !0
});
var tt = Z.inputNumberProps = it = Z.default = void 0, I = ee, Je = A(qe()), Q = A(Ve()), ye = A(Te()), jt = A(Vt()), Ht = A($t()), rt = Yt(Ut()), $e = xt(), Gt = A(ht()), Lt = Ct(), Kt = A(Ot()), Pe = A(Pt()), Ee = A(Wt()), _e = Et(), Re = Ae(), Xt = A(zt()), De = Mt(), kt = Nt();
function nt(n) {
if (typeof WeakMap != "function")
return null;
var a = /* @__PURE__ */ new WeakMap(), s = /* @__PURE__ */ new WeakMap();
return (nt = function(o) {
return o ? s : a;
})(n);
}
function Yt(n, a) {
if (!a && n && n.__esModule)
return n;
if (n === null || typeof n != "object" && typeof n != "function")
return { default: n };
var s = nt(a);
if (s && s.has(n))
return s.get(n);
var o = {}, d = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (var p in n)
if (p !== "default" && Object.prototype.hasOwnProperty.call(n, p)) {
var c = d ? Object.getOwnPropertyDescriptor(n, p) : null;
c && (c.get || c.set) ? Object.defineProperty(o, p, c) : o[p] = n[p];
}
return o.default = n, s && s.set(n, o), o;
}
var Jt = function(n, a) {
var s = {};
for (var o in n)
Object.prototype.hasOwnProperty.call(n, o) && a.indexOf(o) < 0 && (s[o] = n[o]);
if (n != null && typeof Object.getOwnPropertySymbols == "function")
for (var d = 0, o = Object.getOwnPropertySymbols(n); d < o.length; d++)
a.indexOf(o[d]) < 0 && Object.prototype.propertyIsEnumerable.call(n, o[d]) && (s[o[d]] = n[o[d]]);
return s;
};
const Qe = (0, rt.inputNumberProps)(), at = () => (0, Q.default)((0, Q.default)({}, Qe), {
size: (0, Re.stringType)(),
bordered: (0, Re.booleanType)(!0),
placeholder: String,
name: String,
id: String,
type: String,
addonBefore: Pe.default.any,
addonAfter: Pe.default.any,
prefix: Pe.default.any,
"onUpdate:value": Qe.onChange,
valueModifiers: Object,
status: (0, Re.stringType)()
});
tt = Z.inputNumberProps = at;
const Me = (0, I.defineComponent)({
compatConfig: {
MODE: 3
},
name: "AInputNumber",
inheritAttrs: !1,
props: at(),
// emits: ['focus', 'blur', 'change', 'input', 'update:value'],
slots: Object,
setup(n, a) {
let {
emit: s,
expose: o,
attrs: d,
slots: p
} = a;
const c = (0, $e.useInjectFormItemContext)(), f = $e.FormItemInputContext.useInject(), i = (0, I.computed)(() => (0, _e.getMergedStatus)(f.status, n.status)), {
prefixCls: e,
size: r,
direction: l,
disabled: v
} = (0, Gt.default)("input-number", n), {
compactSize: N,
compactItemClassnames: x
} = (0, De.useCompactItemContext)(e, l), O = (0, kt.useInjectDisabled)(), P = (0, I.computed)(() => {
var b;
return (b = v.value) !== null && b !== void 0 ? b : O.value;
}), [D, M] = (0, Xt.default)(e), t = (0, I.computed)(() => N.value || r.value), _ = (0, I.shallowRef)(n.value === void 0 ? n.defaultValue : n.value), w = (0, I.shallowRef)(!1);
(0, I.watch)(() => n.value, () => {
_.value = n.value;
});
const S = (0, I.shallowRef)(null), C = () => {
var b;
(b = S.value) === null || b === void 0 || b.focus();
};
o({
focus: C,
blur: () => {
var b;
(b = S.value) === null || b === void 0 || b.blur();
}
});
const E = (b) => {
n.value === void 0 && (_.value = b), s("update:value", b), s("change", b), c.onFieldChange();
}, B = (b) => {
w.value = !1, s("blur", b), c.onFieldBlur();
}, q = (b) => {
w.value = !0, s("focus", b);
};
return () => {
var b, y, L, k;
const {
hasFeedback: U,
isFormItemInput: V,
feedbackIcon: pe
} = f, we = (b = n.id) !== null && b !== void 0 ? b : c.id.value, W = (0, Q.default)((0, Q.default)((0, Q.default)({}, d), n), {
id: we,
disabled: P.value
}), {
class: T,
bordered: z,
readonly: Y,
style: J,
addonBefore: te = (y = p.addonBefore) === null || y === void 0 ? void 0 : y.call(p),
addonAfter: re = (L = p.addonAfter) === null || L === void 0 ? void 0 : L.call(p),
prefix: ne = (k = p.prefix) === null || k === void 0 ? void 0 : k.call(p),
valueModifiers: me = {}
} = W, ae = Jt(W, ["class", "bordered", "readonly", "style", "addonBefore", "addonAfter", "prefix", "valueModifiers"]), h = e.value, ie = (0, ye.default)({
[`${h}-lg`]: t.value === "large",
[`${h}-sm`]: t.value === "small",
[`${h}-rtl`]: l.value === "rtl",
[`${h}-readonly`]: Y,
[`${h}-borderless`]: !z,
[`${h}-in-form-item`]: V
}, (0, _e.getStatusClassNames)(h, i.value), T, x.value, M.value);
let K = (0, I.createVNode)(rt.default, (0, Je.default)((0, Je.default)({}, (0, Kt.default)(ae, ["size", "defaultValue"])), {}, {
ref: S,
lazy: !!me.lazy,
value: _.value,
class: ie,
prefixCls: h,
readonly: Y,
onChange: E,
onBlur: B,
onFocus: q
}), {
upHandler: p.upIcon ? () => (0, I.createVNode)("span", {
class: `${h}-handler-up-inner`
}, [p.upIcon()]) : () => (0, I.createVNode)(jt.default, {
class: `${h}-handler-up-inner`
}, null),
downHandler: p.downIcon ? () => (0, I.createVNode)("span", {
class: `${h}-handler-down-inner`
}, [p.downIcon()]) : () => (0, I.createVNode)(Ht.default, {
class: `${h}-handler-down-inner`
}, null)
});
const ve = (0, Ee.default)(te) || (0, Ee.default)(re), le = (0, Ee.default)(ne);
if (le || U) {
const j = (0, ye.default)(`${h}-affix-wrapper`, (0, _e.getStatusClassNames)(`${h}-affix-wrapper`, i.value, U), {
[`${h}-affix-wrapper-focused`]: w.value,
[`${h}-affix-wrapper-disabled`]: P.value,
[`${h}-affix-wrapper-sm`]: t.value === "small",
[`${h}-affix-wrapper-lg`]: t.value === "large",
[`${h}-affix-wrapper-rtl`]: l.value === "rtl",
[`${h}-affix-wrapper-readonly`]: Y,
[`${h}-affix-wrapper-borderless`]: !z,
// className will go to addon wrapper
[`${T}`]: !ve && T
}, M.value);
K = (0, I.createVNode)("div", {
class: j,
style: J,
onClick: C
}, [le && (0, I.createVNode)("span", {
class: `${h}-prefix`
}, [ne]), K, U && (0, I.createVNode)("span", {
class: `${h}-suffix`
}, [pe])]);
}
if (ve) {
const j = `${h}-group`, ue = `${j}-addon`, ge = te ? (0, I.createVNode)("div", {
class: ue
}, [te]) : null, be = re ? (0, I.createVNode)("div", {
class: ue
}, [re]) : null, Ie = (0, ye.default)(`${h}-wrapper`, j, {
[`${j}-rtl`]: l.value === "rtl"
}, M.value), u = (0, ye.default)(`${h}-group-wrapper`, {
[`${h}-group-wrapper-sm`]: t.value === "small",
[`${h}-group-wrapper-lg`]: t.value === "large",
[`${h}-group-wrapper-rtl`]: l.value === "rtl"
}, (0, _e.getStatusClassNames)(`${e}-group-wrapper`, i.value, U), T, M.value);
K = (0, I.createVNode)("div", {
class: u,
style: J
}, [(0, I.createVNode)("div", {
class: Ie
}, [ge && (0, I.createVNode)(De.NoCompactStyle, null, {
default: () => [(0, I.createVNode)($e.NoFormStatus, null, {
default: () => [ge]
})]
}), K, be && (0, I.createVNode)(De.NoCompactStyle, null, {
default: () => [(0, I.createVNode)($e.NoFormStatus, null, {
default: () => [be]
})]
})])]);
}
return D((0, Lt.cloneElement)(K, {
style: J
}));
};
}
});
var Qt = (0, Q.default)(Me, {
install: (n) => (n.component(Me.name, Me), n)
}), it = Z.default = Qt;
const xr = /* @__PURE__ */ qt({
__proto__: null,
get default() {
return it;
},
get inputNumberProps() {
return tt;
}
}, [Z]);
export {
xr as i
};