tdesign-mobile-vue
Version:
tdesign-mobile-vue
170 lines (166 loc) • 6.73 kB
JavaScript
/**
* tdesign v1.10.2
* (c) 2025 TDesign Group
* @license MIT
*/
import { _ as _defineProperty } from '../_chunks/dep-7762327f.mjs';
import { defineComponent, computed, createVNode, mergeProps } from 'vue';
import { isNumber } from 'lodash-es';
import props from './props.mjs';
import { DEFAULT_FRONT_COLOR } from '../_common/js/qrcode/utils.mjs';
import '../hooks/index.mjs';
import QRCodeCanvas from './components/qrcode-canvas.mjs';
import QRCodeSVG from './components/qrcode-svg.mjs';
import QRcodeStatus from './components/qrcode-status.mjs';
import { usePrefixClass } from '../hooks/useClass.mjs';
import { useTNodeJSX } from '../hooks/tnode.mjs';
import { useConfig } from '../config-provider/useConfig.mjs';
import { useVariables } from '../hooks/useVariables.mjs';
import '../_chunks/dep-a895aa2a.mjs';
import '../_common/js/qrcode/qrcodegen.mjs';
import '../_chunks/dep-385f5c84.mjs';
import '../hooks/icon.mjs';
import '../hooks/useCommonClassName.mjs';
import '../hooks/useDefaultValue.mjs';
import '../hooks/useLengthLimit.mjs';
import '../_chunks/dep-e9967e54.mjs';
import '../_chunks/dep-b8c87f0e.mjs';
import '../_common/js/log/index.mjs';
import '../_common/js/log/log.mjs';
import '../_common/js/utils/helper.mjs';
import '../_chunks/dep-fa316889.mjs';
import '../_chunks/dep-76a65c31.mjs';
import '../hooks/useLockScroll.mjs';
import '../_util/useTouch.mjs';
import '../_util/getScrollParent.mjs';
import '../hooks/useTeleport.mjs';
import '../shared/dom.mjs';
import '../hooks/useToggle.mjs';
import '../hooks/useChildSlots.mjs';
import '../hooks/useExpose.mjs';
import '../hooks/useGesture.mjs';
import '@use-gesture/vanilla';
import '../hooks/useMutationObservable.mjs';
import './components/props.mjs';
import './hooks/useQRCode.mjs';
import 'tdesign-icons-vue-next';
import '../loading/index.mjs';
import '../loading/loading.mjs';
import '../loading/icon/gradient.mjs';
import '../_common/js/loading/circle-adapter.mjs';
import '../_common/js/utils/setStyle.mjs';
import '../config.mjs';
import '../loading/icon/spinner.mjs';
import '../loading/props.mjs';
import '../shared/index.mjs';
import '../shared/functions.mjs';
import '../shared/util.mjs';
import '../shared/component.mjs';
import '../shared/render.mjs';
import '../shared/render-tnode.mjs';
import '../shared/useCountDown/index.mjs';
import '../_chunks/dep-aa63169a.mjs';
import '../_chunks/dep-a733c437.mjs';
import '@vueuse/core';
import '../shared/useCountDown/utils.mjs';
import '../shared/useTouch/index.mjs';
import '../shared/useScrollParent/index.mjs';
import '../shared/useTest/index.mjs';
import '../shared/useClickAway/index.mjs';
import '../shared/hover.mjs';
import '../config-provider/context.mjs';
import '../_common/js/global-config/mobile/default-config.mjs';
import '../_common/js/global-config/mobile/locale/zh_CN.mjs';
import '../_chunks/dep-fdb37da4.mjs';
import '../_chunks/dep-83b03d84.mjs';
import '../_chunks/dep-356a72e2.mjs';
import '../config-provider/type.mjs';
import './style/css.mjs';
import '../loading/type.mjs';
import '../loading/plugin.mjs';
import '../hooks/render-tnode.mjs';
import '../_common/js/utils/general.mjs';
import '../_common/js/common.mjs';
import '../_common/js/utils/getColorTokenColor.mjs';
var _QRCode = defineComponent({
name: "TQRCode",
props: props,
setup: function setup(props2) {
var classPrefix = usePrefixClass();
var renderTNodeJSX = useTNodeJSX();
var _useConfig = useConfig("qrcode"),
globalConfig = _useConfig.globalConfig;
var _useVariables = useVariables({
themeFgColor: "--td-text-color-primary",
themeBgColor: "--td-bg-color-specialcomponent"
}),
themeFgColor = _useVariables.themeFgColor,
themeBgColor = _useVariables.themeBgColor;
var finalBgColor = computed(function () {
return props2.bgColor || themeBgColor.value || "transparent";
});
var finalFgColor = computed(function () {
return props2.color || themeFgColor.value || DEFAULT_FRONT_COLOR;
});
if (!props2.value) {
return null;
}
var imageSettings = 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(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(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 = computed(function () {
return ["".concat(classPrefix.value, "-qrcode"), _defineProperty(_defineProperty({}, "".concat(classPrefix.value, "-borderless"), props2.borderless), "".concat(classPrefix.value, "-qrcode-svg"), props2.type === "svg")];
});
var mergedStyle = computed(function () {
return {
backgroundColor: finalBgColor.value,
width: "".concat(props2.size, "px"),
height: "".concat(props2.size, "px")
};
});
return function () {
var QRCodeProps = {
value: props2.value,
size: props2.size,
bgColor: finalBgColor.value,
fgColor: finalFgColor.value,
imageSettings: props2.icon ? imageSettings.value : void 0,
level: props2.level
};
return createVNode("div", mergeProps({
"class": classes.value,
"style": mergedStyle.value
}, {
level: props2.level
}), [props2.status !== "active" && createVNode("div", {
"class": ["".concat(classPrefix.value, "-mask"), _defineProperty({}, "".concat(classPrefix.value, "-").concat(props2.status), props2.status !== "loading")]
}, [createVNode(QRcodeStatus, {
"classPrefix": classPrefix.value,
"locale": globalConfig.value,
"status": props2.status,
"onRefresh": props2.onRefresh,
"statusRender": renderTNodeJSX("statusRender", {
params: {
status: props2.status,
onRefresh: props2.onRefresh
}
})
}, null)]), props2.type === "canvas" ? createVNode(QRCodeCanvas, mergeProps(QRCodeProps, {
"size": props2.size
}), null) : createVNode(QRCodeSVG, mergeProps(QRCodeProps, {
"size": props2.size
}), null)]);
};
}
});
export { _QRCode as default };
//# sourceMappingURL=qrcode.mjs.map