tdesign-vue
Version:
216 lines (208 loc) • 8.75 kB
JavaScript
/**
* tdesign v1.15.0
* (c) 2026 tdesign
* @license MIT
*/
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
var VueCompositionAPI = require('@vue/composition-api');
var utils_renderTnode = require('../utils/render-tnode.js');
var _common_js_qrcode_utils = require('../_common/js/qrcode/utils.js');
var qrcode_props = require('./props.js');
var qrcode_components_qrcodeCanvas = require('./components/qrcode-canvas.js');
var qrcode_components_qrcodeSvg = require('./components/qrcode-svg.js');
var qrcode_components_qrcodeStatus = require('./components/qrcode-status.js');
var isNumber = require('../_chunks/dep-268c68b1.js');
var hooks_useConfig = require('../hooks/useConfig.js');
var configProvider_useConfig = require('../config-provider/useConfig.js');
var hooks_useVariables = require('../hooks/useVariables.js');
require('@babel/runtime/helpers/readOnlyError');
require('@babel/runtime/helpers/typeof');
require('vue');
require('../_chunks/dep-9c5b91d3.js');
require('../_chunks/dep-9a74c2be.js');
require('../_chunks/dep-689d381f.js');
require('../_chunks/dep-3b2292ce.js');
require('../_chunks/dep-10fcb46d.js');
require('../_chunks/dep-803744d9.js');
require('../_chunks/dep-ba7f5924.js');
require('../_chunks/dep-84027b7f.js');
require('../_chunks/dep-49400b00.js');
require('../_chunks/dep-f1081d8e.js');
require('../_chunks/dep-2c592e99.js');
require('../_common/js/qrcode/qrcodegen.js');
require('@babel/runtime/helpers/classCallCheck');
require('@babel/runtime/helpers/createClass');
require('./components/props.js');
require('./hooks/useQRCode.js');
require('tdesign-icons-vue');
require('../loading/index.js');
require('../loading/directive.js');
require('../loading/plugin.js');
require('../loading/loading.js');
require('../loading/icon/gradient.js');
require('../_common/js/loading/circle-adapter.js');
require('../_common/js/utils/setStyle.js');
require('../_common/js/utils/helper.js');
require('@babel/runtime/helpers/toConsumableArray');
require('@babel/runtime/helpers/objectWithoutProperties');
require('@babel/runtime/helpers/slicedToArray');
require('../_chunks/dep-721fcdf6.js');
require('../_chunks/dep-591b87f1.js');
require('../_chunks/dep-a2217d56.js');
require('../config-provider/config-receiver.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('../_chunks/dep-c13dcbfd.js');
require('dayjs');
require('../_chunks/dep-6f4e680e.js');
require('../_chunks/dep-bb0ececf.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('../utils/mixins.js');
require('../utils/dom.js');
require('raf');
require('../utils/easing.js');
require('../utils/transfer-dom.js');
require('../loading/props.js');
require('../config.js');
require('../_chunks/dep-97fef2be.js');
require('../_chunks/dep-0b47afa3.js');
require('../_chunks/dep-d7516e38.js');
require('../_chunks/dep-74be1050.js');
require('../_chunks/dep-7fbd94e9.js');
require('../_chunks/dep-56f568d3.js');
require('../_chunks/dep-82ce56ef.js');
require('../_chunks/dep-4e96e31a.js');
require('../_chunks/dep-17ce3e74.js');
require('../_chunks/dep-a7198720.js');
require('../_chunks/dep-1e173c2b.js');
require('../_chunks/dep-c9ce9427.js');
require('../_chunks/dep-edb55477.js');
require('../utils/withInstall.js');
require('../_common/js/utils/getColorTokenColor.js');
require('../_common/js/common.js');
require('../hooks/useMutationObservable.js');
require('../_chunks/dep-ee4e645f.js');
require('../_chunks/dep-0ea9f257.js');
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
var _QRCode = VueCompositionAPI.defineComponent({
name: "TQRCode",
props: qrcode_props["default"],
setup: function setup(props2) {
var classPrefix = hooks_useConfig.usePrefixClass();
var _useConfig = configProvider_useConfig.useConfig("qrcode"),
globalConfig = _useConfig.globalConfig;
var _useVariables = hooks_useVariables.useVariables({
themeFgColor: "--td-text-color-primary",
themeBgColor: "--td-bg-color-specialcomponent"
}),
themeFgColor = _useVariables.themeFgColor,
themeBgColor = _useVariables.themeBgColor;
var finalBgColor = VueCompositionAPI.computed(function () {
return props2.bgColor || themeBgColor.value || "transparent";
});
var finalFgColor = VueCompositionAPI.computed(function () {
return props2.color || themeFgColor.value || _common_js_qrcode_utils.DEFAULT_FRONT_COLOR;
});
if (!props2.value) {
return null;
}
var imageSettings = VueCompositionAPI.computed(function () {
var _props2$iconSize$heig, _props2$iconSize, _props2$iconSize$widt, _props2$iconSize2;
return {
src: props2.icon,
x: void 0,
y: void 0,
height: isNumber.isNumber(props2.iconSize) ? props2.iconSize : (_props2$iconSize$heig = (_props2$iconSize = props2.iconSize) === null || _props2$iconSize === void 0 ? void 0 : _props2$iconSize.height) !== null && _props2$iconSize$heig !== void 0 ? _props2$iconSize$heig : 40,
width: isNumber.isNumber(props2.iconSize) ? props2.iconSize : (_props2$iconSize$widt = (_props2$iconSize2 = props2.iconSize) === null || _props2$iconSize2 === void 0 ? void 0 : _props2$iconSize2.width) !== null && _props2$iconSize$widt !== void 0 ? _props2$iconSize$widt : 40,
excavate: true,
crossOrigin: "anonymous"
};
});
var classes = VueCompositionAPI.computed(function () {
return ["".concat(classPrefix.value, "-qrcode"), _defineProperty__default["default"](_defineProperty__default["default"]({}, "".concat(classPrefix.value, "-borderless"), props2.borderless), "".concat(classPrefix.value, "-qrcode-svg"), props2.type === "svg")];
});
var mergedStyle = VueCompositionAPI.computed(function () {
return {
backgroundColor: finalBgColor.value,
width: "".concat(props2.size, "px"),
height: "".concat(props2.size, "px")
};
});
return {
classes: classes,
mergedStyle: mergedStyle,
globalConfig: globalConfig,
finalBgColor: finalBgColor,
finalFgColor: finalFgColor,
classPrefix: classPrefix,
imageSettings: imageSettings
};
},
render: function render() {
var _this = this;
var h = arguments[0];
return h("div", {
"class": this.classes,
"style": this.mergedStyle
}, [this.status !== "active" && h("div", {
"class": ["".concat(this.classPrefix, "-mask"), _defineProperty__default["default"]({}, "".concat(this.classPrefix, "-").concat(this.status), this.status !== "loading")]
}, [h(qrcode_components_qrcodeStatus["default"], {
"attrs": {
"locale": this.globalConfig,
"status": this.status,
"statusRender": function statusRender() {
return utils_renderTnode.renderTNodeJSX(_this, "statusRender", {
params: {
status: _this.status,
onRefresh: _this.onRefresh
}
});
},
"refresh": this.onRefresh
}
})]), this.type === "canvas" ? h(qrcode_components_qrcodeCanvas["default"], {
"attrs": {
"imageSettings": this.icon ? this.imageSettings : void 0,
"level": this.level,
"bgColor": this.finalBgColor,
"fgColor": this.finalFgColor,
"value": this.value,
"size": this.size
}
}) : h(qrcode_components_qrcodeSvg["default"], {
"attrs": {
"imageSettings": this.icon ? this.imageSettings : void 0,
"level": this.level,
"bgColor": this.finalBgColor,
"fgColor": this.finalFgColor,
"value": this.value,
"size": this.size
}
})]);
}
});
exports["default"] = _QRCode;
//# sourceMappingURL=qrcode.js.map