epic-designer-cjh
Version:
基于vue3的设计器,可视化开发页面表单
124 lines (123 loc) • 4.07 kB
JavaScript
import { i as I } from "./interopRequireDefault-40f894e3.js";
import { r as J } from "./_vue_commonjs-external-eb7fec7f.js";
import { b as L, a as Q } from "./public_api-1267ff2a.js";
import { l as X, c as Y, f as Z, a as ee } from "./useConfigInject-bc9599af.js";
var o = {}, C;
function oe() {
if (C)
return o;
C = 1;
var i = I;
Object.defineProperty(o, "__esModule", {
value: !0
}), o.default = o.checkboxProps = void 0;
var t = J, b = i(L()), g = i(X()), n = i(Q()), q = i(Y()), P = i(Z()), _ = ee(), K = ["prefixCls", "name", "id", "type", "disabled", "readonly", "tabindex", "autofocus", "value", "required"], p = {
prefixCls: String,
name: String,
id: String,
type: String,
defaultChecked: {
type: [Boolean, Number],
default: void 0
},
checked: {
type: [Boolean, Number],
default: void 0
},
disabled: Boolean,
tabindex: {
type: [Number, String]
},
readonly: Boolean,
autofocus: Boolean,
value: P.default.any,
required: Boolean
};
o.checkboxProps = p;
var N = (0, t.defineComponent)({
compatConfig: {
MODE: 3
},
name: "Checkbox",
inheritAttrs: !1,
props: (0, _.initDefaultProps)(p, {
prefixCls: "rc-checkbox",
type: "checkbox",
defaultChecked: !1
}),
emits: ["click", "change"],
setup: function(a, f) {
var u = f.attrs, k = f.emit, B = f.expose, l = (0, t.ref)(a.checked === void 0 ? a.defaultChecked : a.checked), d = (0, t.ref)();
(0, t.watch)(function() {
return a.checked;
}, function() {
l.value = a.checked;
}), B({
focus: function() {
var e;
(e = d.value) === null || e === void 0 || e.focus();
},
blur: function() {
var e;
(e = d.value) === null || e === void 0 || e.blur();
}
});
var s = (0, t.ref)(), S = function(e) {
if (!a.disabled) {
a.checked === void 0 && (l.value = e.target.checked), e.shiftKey = s.value;
var v = {
target: (0, n.default)((0, n.default)({}, a), {}, {
checked: e.target.checked
}),
stopPropagation: function() {
e.stopPropagation();
},
preventDefault: function() {
e.preventDefault();
},
nativeEvent: e
};
a.checked !== void 0 && (d.value.checked = !!a.checked), k("change", v), s.value = !1;
}
}, D = function(e) {
k("click", e), s.value = e.shiftKey;
};
return function() {
var r, e = a.prefixCls, v = a.name, h = a.id, j = a.type, y = a.disabled, O = a.readonly, R = a.tabindex, w = a.autofocus, V = a.value, $ = a.required, A = (0, g.default)(a, K), E = u.class, F = u.onFocus, M = u.onBlur, T = u.onKeydown, U = u.onKeypress, W = u.onKeyup, m = (0, n.default)((0, n.default)({}, A), u), z = Object.keys(m).reduce(function(x, c) {
return (c.substr(0, 5) === "aria-" || c.substr(0, 5) === "data-" || c === "role") && (x[c] = m[c]), x;
}, {}), G = (0, q.default)(e, E, (r = {}, (0, b.default)(r, "".concat(e, "-checked"), l.value), (0, b.default)(r, "".concat(e, "-disabled"), y), r)), H = (0, n.default)((0, n.default)({
name: v,
id: h,
type: j,
readonly: O,
disabled: y,
tabindex: R,
class: "".concat(e, "-input"),
checked: !!l.value,
autofocus: w,
value: V
}, z), {}, {
onChange: S,
onClick: D,
onFocus: F,
onBlur: M,
onKeydown: T,
onKeypress: U,
onKeyup: W,
required: $
});
return (0, t.createVNode)("span", {
class: G
}, [(0, t.createVNode)("input", (0, n.default)({
ref: d
}, H), null), (0, t.createVNode)("span", {
class: "".concat(e, "-inner")
}, null)]);
};
}
});
return o.default = N, o;
}
export {
oe as r
};