@coderlt/form-designer
Version:
基于vue3的设计器,可视化开发页面表单
246 lines (245 loc) • 9.2 kB
JavaScript
import { i as Ne } from "./interopRequireDefault-40f894e3.js";
import { r as Pe } from "./_vue_commonjs-external-eb7fec7f.js";
import { a as Te, r as qe } from "./public_api-1267ff2a.js";
import { d as De, e as Re, q as Ee, b as Fe, f as Me, g as Ae } from "./useConfigInject-d85d8c62.js";
import { r as Ge, a as Ue, b as We } from "./index-78493a0d.js";
import { r as $e, a as je } from "./index-f96a976e.js";
import { r as Be } from "./omit-84b99e2b.js";
import { r as ze } from "./FormItemContext-6c3deaca.js";
import { r as He } from "./transition-d16825f8.js";
import { r as Ve } from "./statusUtils-5917dd4c.js";
import { r as Le } from "./compact-item-020b9c99.js";
function Xe(e, d) {
for (var a = 0; a < d.length; a++) {
const o = d[a];
if (typeof o != "string" && !Array.isArray(o)) {
for (const r in o)
if (r !== "default" && !(r in e)) {
const l = Object.getOwnPropertyDescriptor(o, r);
l && Object.defineProperty(e, r, l.get ? l : {
enumerable: !0,
get: () => o[r]
});
}
}
}
return Object.freeze(Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }));
}
var c = {}, v = Ne;
Object.defineProperty(c, "__esModule", {
value: !0
});
var $ = c.selectProps = L = c.default = H = c.SelectOption = V = c.SelectOptGroup = void 0, n = Pe, N = v(Te()), S = v(qe()), M = v(De()), C = rt(Ge()), ke = v(Ue()), P = v($e()), Je = v(Re()), Ke = Ee(), j = v(Be()), A = ze(), G = He(), Qe = Fe(), U = Ve(), m = Me(), Ye = Le(), Ze = v(We()), et = Ae(), tt = v(je());
function B(e) {
if (typeof WeakMap != "function")
return null;
var d = /* @__PURE__ */ new WeakMap(), a = /* @__PURE__ */ new WeakMap();
return (B = function(o) {
return o ? a : d;
})(e);
}
function rt(e, d) {
if (!d && e && e.__esModule)
return e;
if (e === null || typeof e != "object" && typeof e != "function")
return { default: e };
var a = B(d);
if (a && a.has(e))
return a.get(e);
var o = {}, r = Object.defineProperty && Object.getOwnPropertyDescriptor;
for (var l in e)
if (l !== "default" && Object.prototype.hasOwnProperty.call(e, l)) {
var p = r ? Object.getOwnPropertyDescriptor(e, l) : null;
p && (p.get || p.set) ? Object.defineProperty(o, l, p) : o[l] = e[l];
}
return o.default = e, a && a.set(e, o), o;
}
const z = () => (0, S.default)((0, S.default)({}, (0, j.default)((0, C.selectProps)(), ["inputIcon", "mode", "getInputElement", "getRawInputElement", "backfill"])), {
value: (0, m.someType)([Array, Object, String, Number]),
defaultValue: (0, m.someType)([Array, Object, String, Number]),
notFoundContent: P.default.any,
suffixIcon: P.default.any,
itemIcon: P.default.any,
size: (0, m.stringType)(),
mode: (0, m.stringType)(),
bordered: (0, m.booleanType)(!0),
transitionName: String,
choiceTransitionName: (0, m.stringType)(""),
popupClassName: String,
/** @deprecated Please use `popupClassName` instead */
dropdownClassName: String,
placement: (0, m.stringType)(),
status: (0, m.stringType)(),
"onUpdate:value": (0, m.functionType)()
});
$ = c.selectProps = z;
const W = "SECRET_COMBOBOX_MODE_DO_NOT_USE", s = (0, n.defineComponent)({
compatConfig: {
MODE: 3
},
name: "ASelect",
Option: C.Option,
OptGroup: C.OptGroup,
inheritAttrs: !1,
props: (0, Qe.initDefaultProps)(z(), {
listHeight: 256,
listItemHeight: 24
}),
SECRET_COMBOBOX_MODE_DO_NOT_USE: W,
slots: Object,
setup(e, d) {
let {
attrs: a,
emit: o,
slots: r,
expose: l
} = d;
const p = (0, n.ref)(), b = (0, A.useInjectFormItemContext)(), h = A.FormItemInputContext.useInject(), X = (0, n.computed)(() => (0, U.getMergedStatus)(h.status, e.status)), k = () => {
var t;
(t = p.value) === null || t === void 0 || t.focus();
}, J = () => {
var t;
(t = p.value) === null || t === void 0 || t.blur();
}, K = (t) => {
var u;
(u = p.value) === null || u === void 0 || u.scrollTo(t);
}, O = (0, n.computed)(() => {
const {
mode: t
} = e;
if (t !== "combobox")
return t === W ? "combobox" : t;
});
process.env.NODE_ENV !== "production" && (0, tt.default)(!e.dropdownClassName, "Select", "`dropdownClassName` is deprecated. Please use `popupClassName` instead.");
const {
prefixCls: i,
direction: g,
configProvider: lt,
renderEmpty: I,
size: Q,
getPrefixCls: Y,
getPopupContainer: w,
disabled: Z,
select: y
} = (0, Je.default)("select", e), {
compactSize: ee,
compactItemClassnames: te
} = (0, Ye.useCompactItemContext)(i, g), T = (0, n.computed)(() => ee.value || Q.value), re = (0, et.useInjectDisabled)(), oe = (0, n.computed)(() => {
var t;
return (t = Z.value) !== null && t !== void 0 ? t : re.value;
}), [ae, q] = (0, Ze.default)(i), ne = (0, n.computed)(() => Y()), le = (0, n.computed)(() => e.placement !== void 0 ? e.placement : g.value === "rtl" ? "bottomRight" : "bottomLeft"), ie = (0, n.computed)(() => (0, G.getTransitionName)(ne.value, (0, G.getTransitionDirection)(le.value), e.transitionName)), ue = (0, n.computed)(() => (0, M.default)({
[`${i.value}-lg`]: T.value === "large",
[`${i.value}-sm`]: T.value === "small",
[`${i.value}-rtl`]: g.value === "rtl",
[`${i.value}-borderless`]: !e.bordered,
[`${i.value}-in-form-item`]: h.isFormItemInput
}, (0, U.getStatusClassNames)(i.value, X.value, h.hasFeedback), te.value, q.value)), se = function() {
for (var t = arguments.length, u = new Array(t), f = 0; f < t; f++)
u[f] = arguments[f];
o("update:value", u[0]), o("change", ...u), b.onFieldChange();
}, ce = (t) => {
o("blur", t), b.onFieldBlur();
};
l({
blur: J,
focus: k,
scrollTo: K
});
const D = (0, n.computed)(() => O.value === "multiple" || O.value === "tags"), de = (0, n.computed)(() => e.showArrow !== void 0 ? e.showArrow : e.loading || !(D.value || O.value === "combobox"));
return () => {
var t, u, f, x;
const {
notFoundContent: R,
listHeight: pe = 256,
listItemHeight: me = 24,
popupClassName: ve,
dropdownClassName: fe,
virtual: ge,
dropdownMatchSelectWidth: Oe,
id: _e = b.id.value,
placeholder: he = (t = r.placeholder) === null || t === void 0 ? void 0 : t.call(r),
showArrow: Ce
} = e, {
hasFeedback: E,
feedbackIcon: Se
} = h;
let _;
R !== void 0 ? _ = R : r.notFoundContent ? _ = r.notFoundContent() : O.value === "combobox" ? _ = null : _ = (I == null ? void 0 : I("Select")) || (0, n.createVNode)(Ke.DefaultRenderEmpty, {
componentName: "Select"
}, null);
const {
suffixIcon: be,
itemIcon: Ie,
removeIcon: we,
clearIcon: ye
} = (0, ke.default)((0, S.default)((0, S.default)({}, e), {
multiple: D.value,
prefixCls: i.value,
hasFeedback: E,
feedbackIcon: Se,
showArrow: de.value
}), r), F = (0, j.default)(e, ["prefixCls", "suffixIcon", "itemIcon", "removeIcon", "clearIcon", "size", "bordered", "status"]), xe = (0, M.default)(ve || fe, {
[`${i.value}-dropdown-${g.value}`]: g.value === "rtl"
}, q.value);
return ae((0, n.createVNode)(C.default, (0, N.default)((0, N.default)((0, N.default)({
ref: p,
virtual: ge,
dropdownMatchSelectWidth: Oe
}, F), a), {}, {
showSearch: (u = e.showSearch) !== null && u !== void 0 ? u : (f = y == null ? void 0 : y.value) === null || f === void 0 ? void 0 : f.showSearch,
placeholder: he,
listHeight: pe,
listItemHeight: me,
mode: O.value,
prefixCls: i.value,
direction: g.value,
inputIcon: be,
menuItemSelectedIcon: Ie,
removeIcon: we,
clearIcon: ye,
notFoundContent: _,
class: [ue.value, a.class],
getPopupContainer: w == null ? void 0 : w.value,
dropdownClassName: xe,
onChange: se,
onBlur: ce,
id: _e,
dropdownRender: F.dropdownRender || r.dropdownRender,
transitionName: ie.value,
children: (x = r.default) === null || x === void 0 ? void 0 : x.call(r),
tagRender: e.tagRender || r.tagRender,
optionLabelRender: r.optionLabel,
maxTagPlaceholder: e.maxTagPlaceholder || r.maxTagPlaceholder,
showArrow: E || Ce,
disabled: oe.value
}), {
option: r.option
}));
};
}
});
s.install = function(e) {
return e.component(s.name, s), e.component(s.Option.displayName, s.Option), e.component(s.OptGroup.displayName, s.OptGroup), e;
};
const ot = s.Option;
var H = c.SelectOption = ot;
const at = s.OptGroup;
var V = c.SelectOptGroup = at, nt = s, L = c.default = nt;
const _t = /* @__PURE__ */ Xe({
__proto__: null,
get SelectOptGroup() {
return V;
},
get SelectOption() {
return H;
},
get default() {
return L;
},
get selectProps() {
return $;
}
}, [c]);
export {
_t as i
};