tdesign-mobile-vue
Version:
tdesign-mobile-vue
76 lines (72 loc) • 2.34 kB
JavaScript
/**
* tdesign v1.8.3
* (c) 2025 TDesign Group
* @license MIT
*/
import { defineComponent, ref, onMounted, nextTick, onUpdated, createVNode } from 'vue';
import circleAdapter from '../../_common/js/loading/circle-adapter.mjs';
import config from '../../config.mjs';
import { usePrefixClass } from '../../hooks/useClass.mjs';
import '../../_chunks/dep-d139aa8e.mjs';
import '../../_chunks/dep-00e3917b.mjs';
import '../../_common/js/utils/setStyle.mjs';
import '../../_common/js/utils/helper.mjs';
import '../../_chunks/dep-58437abb.mjs';
import '../../_chunks/dep-e4a72ad9.mjs';
import '../../_chunks/dep-496cd097.mjs';
import '../../_chunks/dep-1c25ba43.mjs';
import 'lodash-es';
import '../../config-provider/useConfig.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-3bde6b35.mjs';
import '../../_chunks/dep-d41205ed.mjs';
import '../../_chunks/dep-eea1f1ad.mjs';
import '../../_chunks/dep-b3bd9676.mjs';
import '../../config-provider/type.mjs';
var prefix = config.prefix;
var TGradientIcon = defineComponent({
name: "".concat(prefix, "-gradient"),
props: {
style: Object
},
setup: function setup(props) {
var gradientClass = usePrefixClass("loading__gradient");
var classes = [gradientClass.value, "".concat(prefix, "-icon-loading")];
var circle = ref();
var updateColor = function updateColor() {
var circleElem = circle.value;
circleAdapter(circleElem);
};
onMounted(function () {
nextTick(function () {
updateColor();
});
});
onUpdated(function () {
updateColor();
});
return function () {
return createVNode("svg", {
"style": props.style,
"class": classes,
"viewBox": "0 0 12 12",
"version": "1.1",
"width": "1em",
"height": "1em",
"xmlns": "http://www.w3.org/2000/svg"
}, [createVNode("foreignObject", {
"x": "0",
"y": "0",
"width": "12",
"height": "12"
}, [createVNode("div", {
"ref": circle,
"class": "".concat(gradientClass.value, "-conic")
}, null)])]);
};
}
});
export { TGradientIcon as default };
//# sourceMappingURL=gradient.mjs.map