epic-designer-cjh
Version:
基于vue3的设计器,可视化开发页面表单
172 lines (171 loc) • 6.31 kB
JavaScript
import { i as $ } from "./interopRequireDefault-40f894e3.js";
import { r as A } from "./_vue_commonjs-external-eb7fec7f.js";
import { a as E, b as L } from "./public_api-1267ff2a.js";
import { q as R, f as W, i as H, e as G, a as J, d as Q } from "./useConfigInject-bc9599af.js";
import { r as X } from "./KeyCode-8a26b842.js";
import { r as Y } from "./wave-7dc199b4.js";
import { r as Z } from "./FormItemContext-321b802f.js";
import { r as ee } from "./omit-71d5a718.js";
function te(h, e) {
for (var o = 0; o < e.length; o++) {
const r = e[o];
if (typeof r != "string" && !Array.isArray(r)) {
for (const i in r)
if (i !== "default" && !(i in h)) {
const k = Object.getOwnPropertyDescriptor(r, i);
k && Object.defineProperty(h, i, k.get ? k : {
enumerable: !0,
get: () => r[i]
});
}
}
}
return Object.freeze(Object.defineProperty(h, Symbol.toStringTag, { value: "Module" }));
}
var f = {}, d = $;
Object.defineProperty(f, "__esModule", {
value: !0
});
var O = f.switchProps = T = f.default = F = f.SwitchSizes = void 0, n = A, w = d(E()), v = d(L()), ae = d(R()), u = d(W()), S = d(X()), ue = d(Y()), q = d(H()), P = G(), x = J(), ne = d(Q()), re = Z(), le = d(ee()), V = (0, P.tuple)("small", "default"), F = f.SwitchSizes = V, N = function() {
return {
id: String,
prefixCls: String,
size: u.default.oneOf(V),
disabled: {
type: Boolean,
default: void 0
},
checkedChildren: u.default.any,
unCheckedChildren: u.default.any,
tabindex: u.default.oneOfType([u.default.string, u.default.number]),
autofocus: {
type: Boolean,
default: void 0
},
loading: {
type: Boolean,
default: void 0
},
checked: u.default.oneOfType([u.default.string, u.default.number, u.default.looseBool]),
checkedValue: u.default.oneOfType([u.default.string, u.default.number, u.default.looseBool]).def(!0),
unCheckedValue: u.default.oneOfType([u.default.string, u.default.number, u.default.looseBool]).def(!1),
onChange: {
type: Function
},
onClick: {
type: Function
},
onKeydown: {
type: Function
},
onMouseup: {
type: Function
},
"onUpdate:checked": {
type: Function
},
onBlur: Function,
onFocus: Function
};
};
O = f.switchProps = N;
var de = (0, n.defineComponent)({
compatConfig: {
MODE: 3
},
name: "ASwitch",
__ANT_SWITCH: !0,
inheritAttrs: !1,
props: N(),
slots: ["checkedChildren", "unCheckedChildren"],
// emits: ['update:checked', 'mouseup', 'change', 'click', 'keydown', 'blur'],
setup: function(e, o) {
var r = o.attrs, i = o.slots, k = o.expose, s = o.emit, _ = (0, re.useInjectFormItemContext)();
(0, n.onBeforeMount)(function() {
(0, q.default)(!("defaultChecked" in r), "Switch", "'defaultChecked' is deprecated, please use 'v-model:checked'"), (0, q.default)(!("value" in r), "Switch", "`value` is not validate prop, do you mean `checked`?");
});
var C = (0, n.ref)(e.checked !== void 0 ? e.checked : r.defaultChecked), p = (0, n.computed)(function() {
return C.value === e.checkedValue;
});
(0, n.watch)(function() {
return e.checked;
}, function() {
C.value = e.checked;
});
var y = (0, ne.default)("switch", e), l = y.prefixCls, j = y.direction, B = y.size, m = (0, n.ref)(), b = function() {
var t;
(t = m.value) === null || t === void 0 || t.focus();
}, I = function() {
var t;
(t = m.value) === null || t === void 0 || t.blur();
};
k({
focus: b,
blur: I
}), (0, n.onMounted)(function() {
(0, n.nextTick)(function() {
e.autofocus && !e.disabled && m.value.focus();
});
});
var g = function(t, c) {
e.disabled || (s("update:checked", t), s("change", t, c), _.onFieldChange());
}, z = function(t) {
s("blur", t);
}, M = function(t) {
b();
var c = p.value ? e.unCheckedValue : e.checkedValue;
g(c, t), s("click", c, t);
}, D = function(t) {
t.keyCode === S.default.LEFT ? g(e.unCheckedValue, t) : t.keyCode === S.default.RIGHT && g(e.checkedValue, t), s("keydown", t);
}, U = function(t) {
var c;
(c = m.value) === null || c === void 0 || c.blur(), s("mouseup", t);
}, K = (0, n.computed)(function() {
var a;
return a = {}, (0, v.default)(a, "".concat(l.value, "-small"), B.value === "small"), (0, v.default)(a, "".concat(l.value, "-loading"), e.loading), (0, v.default)(a, "".concat(l.value, "-checked"), p.value), (0, v.default)(a, "".concat(l.value, "-disabled"), e.disabled), (0, v.default)(a, l.value, !0), (0, v.default)(a, "".concat(l.value, "-rtl"), j.value === "rtl"), a;
});
return function() {
var a;
return (0, n.createVNode)(ue.default, {
insertExtraNode: !0
}, {
default: function() {
return [(0, n.createVNode)("button", (0, w.default)((0, w.default)((0, w.default)({}, (0, le.default)(e, ["prefixCls", "checkedChildren", "unCheckedChildren", "checked", "autofocus", "checkedValue", "unCheckedValue", "id", "onChange", "onUpdate:checked"])), r), {}, {
id: (a = e.id) !== null && a !== void 0 ? a : _.id.value,
onKeydown: D,
onClick: M,
onBlur: z,
onMouseup: U,
type: "button",
role: "switch",
"aria-checked": C.value,
disabled: e.disabled || e.loading,
class: [r.class, K.value],
ref: m
}), [(0, n.createVNode)("div", {
class: "".concat(l.value, "-handle")
}, [e.loading ? (0, n.createVNode)(ae.default, {
class: "".concat(l.value, "-loading-icon")
}, null) : null]), (0, n.createVNode)("span", {
class: "".concat(l.value, "-inner")
}, [p.value ? (0, x.getPropsSlot)(i, e, "checkedChildren") : (0, x.getPropsSlot)(i, e, "unCheckedChildren")])])];
}
});
};
}
}), oe = (0, P.withInstall)(de), T = f.default = oe;
const Ce = /* @__PURE__ */ te({
__proto__: null,
get SwitchSizes() {
return F;
},
get default() {
return T;
},
get switchProps() {
return O;
}
}, [f]);
export {
Ce as i
};