tdesign-vue
Version:
174 lines (166 loc) • 7.15 kB
JavaScript
/**
* tdesign v1.15.0
* (c) 2026 tdesign
* @license MIT
*/
;
Object.defineProperty(exports, '__esModule', { value: true });
var helper = require('../_chunks/dep-4009cfe4.js');
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
var VueCompositionAPI = require('@vue/composition-api');
var tag_checkTagProps = require('./check-tag-props.js');
var hooks_useConfig = require('../hooks/useConfig.js');
var hooks_useVModel = require('../hooks/useVModel.js');
var tag_tag = require('./tag.js');
var _common_js_common = require('../_common/js/common.js');
var utils_renderTnode = require('../utils/render-tnode.js');
require('../config-provider/useConfig.js');
require('../_chunks/dep-8eddb350.js');
require('../_common/js/global-config/default-config.js');
require('../_common/js/global-config/locale/zh_CN.js');
require('../_chunks/dep-0c37520c.js');
require('@babel/runtime/helpers/typeof');
require('../_chunks/dep-c13dcbfd.js');
require('dayjs');
require('../_chunks/dep-6f4e680e.js');
require('../_chunks/dep-bb0ececf.js');
require('../_chunks/dep-3b2292ce.js');
require('../_chunks/dep-ba7f5924.js');
require('../_chunks/dep-10fcb46d.js');
require('../_chunks/dep-6eba4d23.js');
require('../_chunks/dep-010db548.js');
require('../_chunks/dep-8d206316.js');
require('../_chunks/dep-2bc87cc8.js');
require('../_chunks/dep-f77d6ad5.js');
require('../_chunks/dep-9dae8101.js');
require('../_chunks/dep-7c84d9a0.js');
require('../_chunks/dep-733a2279.js');
require('../_chunks/dep-d844c9ed.js');
require('../_chunks/dep-c05a9033.js');
require('../_chunks/dep-efe55b82.js');
require('../_chunks/dep-7da70ee1.js');
require('../_chunks/dep-124386d4.js');
require('../_chunks/dep-f5b14344.js');
require('../_chunks/dep-36c2788b.js');
require('../_chunks/dep-fa353fbb.js');
require('../_chunks/dep-d66ab3a4.js');
require('../_chunks/dep-d4d8c513.js');
require('../_common/js/global-config/t.js');
require('../_chunks/dep-a2217d56.js');
require('../_chunks/dep-2c592e99.js');
require('../_chunks/dep-f1081d8e.js');
require('../_chunks/dep-689d381f.js');
require('../_chunks/dep-803744d9.js');
require('tdesign-icons-vue');
require('tinycolor2');
require('./props.js');
require('../utils/mixins.js');
require('vue');
require('../config-provider/config-receiver.js');
require('../utils/event.js');
require('../utils/helper.js');
require('@babel/runtime/helpers/objectWithoutProperties');
require('../_chunks/dep-9c5b91d3.js');
require('../_chunks/dep-9a74c2be.js');
require('../_chunks/dep-84027b7f.js');
require('../_chunks/dep-49400b00.js');
require('@babel/runtime/helpers/readOnlyError');
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
var _CheckTag = VueCompositionAPI.defineComponent({
name: "TCheckTag",
props: tag_checkTagProps["default"],
model: {
prop: "checked",
event: "change"
},
setup: function setup(props2, context) {
var componentName = hooks_useConfig.usePrefixClass("tag");
var _useCommonClassName = hooks_useConfig.useCommonClassName(),
SIZE = _useCommonClassName.SIZE;
var _toRefs = VueCompositionAPI.toRefs(props2),
checked = _toRefs.checked;
var _useVModel = hooks_useVModel.useVModel(checked, props2.defaultChecked, props2.onChange, "change", "checked"),
_useVModel2 = _slicedToArray__default["default"](_useVModel, 2),
innerChecked = _useVModel2[0],
setInnerChecked = _useVModel2[1];
var tagClass = VueCompositionAPI.computed(function () {
return ["".concat(componentName.value), "".concat(componentName.value, "--check"), SIZE.value[props2.size], _defineProperty__default["default"](_defineProperty__default["default"]({}, "".concat(componentName.value, "--checked"), innerChecked.value), "".concat(componentName.value, "--disabled"), props2.disabled)];
});
var checkTagProps = VueCompositionAPI.computed(function () {
var checkedProps = _objectSpread({
theme: "primary"
}, props2.checkedProps);
var uncheckedProps = _objectSpread({}, props2.uncheckedProps);
return innerChecked.value ? checkedProps : uncheckedProps;
});
var handleClick = function handleClick(_ref2) {
var e = _ref2.e;
if (!props2.disabled) {
var _props2$onClick;
(_props2$onClick = props2.onClick) === null || _props2$onClick === void 0 || _props2$onClick.call(props2, {
e: e
});
context.emit("click", {
e: e
});
setInnerChecked(!innerChecked.value, {
e: e,
value: props2.value
});
}
};
var keyboardEventListener = function keyboardEventListener(e) {
var _e$key;
var code = e.code || ((_e$key = e.key) === null || _e$key === void 0 ? void 0 : _e$key.trim());
var isCheckedCode = _common_js_common.SPACE_REG.test(code) || _common_js_common.ENTER_REG.test(code);
if (isCheckedCode) {
e.preventDefault();
setInnerChecked(!innerChecked.value, {
e: e,
value: props2.value
});
}
};
var onCheckboxFocus = function onCheckboxFocus(e) {
e.currentTarget.addEventListener("keydown", keyboardEventListener);
};
var onCheckboxBlur = function onCheckboxBlur(e) {
e.currentTarget.removeEventListener("keydown", keyboardEventListener);
};
return {
tagClass: tagClass,
checkTagProps: checkTagProps,
onCheckboxFocus: onCheckboxFocus,
onCheckboxBlur: onCheckboxBlur,
handleClick: handleClick
};
},
render: function render() {
var h = arguments[0];
var tagContent = utils_renderTnode.renderContent(this, "default", "content");
return h(tag_tag["default"], helper.helper([{
"class": this.tagClass,
"attrs": {
"disabled": this.disabled,
"tabindex": this.disabled ? void 0 : "0"
},
"on": {
"focus": this.onCheckboxFocus,
"blur": this.onCheckboxBlur
}
}, {
"props": this.checkTagProps
}, {
"on": {
"click": this.handleClick
}
}]), [tagContent]);
}
});
exports["default"] = _CheckTag;
//# sourceMappingURL=check-tag.js.map