tdesign-mobile-vue
Version:
tdesign-mobile-vue
206 lines (200 loc) • 9.05 kB
JavaScript
/**
* tdesign v1.15.0
* (c) 2026 TDesign Group
* @license MIT
*/
;
Object.defineProperty(exports, '__esModule', { value: true });
var Vue = require('vue');
var _common_js_watermark_generateBase64Url = require('../_common/js/watermark/generateBase64Url.js');
var _common_js_watermark_randomMovingStyle = require('../_common/js/watermark/randomMovingStyle.js');
var _common_js_utils_injectStyle = require('../_common/js/utils/injectStyle.js');
var _common_js_utils_setStyle = require('../_common/js/utils/setStyle.js');
var watermark_hooks_index = require('./hooks/index.js');
var config = require('../config.js');
var watermark_props = require('./props.js');
var hooks_useVariables = require('../hooks/useVariables.js');
var hooks_useClass = require('../hooks/useClass.js');
var hooks_tnode = require('../hooks/tnode.js');
require('@babel/runtime/helpers/defineProperty');
require('@babel/runtime/helpers/objectWithoutProperties');
require('@babel/runtime/helpers/slicedToArray');
require('../_common/js/common.js');
require('../_common/js/utils/getColorTokenColor.js');
require('../hooks/useMutationObservable.js');
require('../_chunks/dep-663766d0.js');
require('../_chunks/dep-9d8a972e.js');
require('../_chunks/dep-16ad1a12.js');
require('@babel/runtime/helpers/typeof');
require('../_chunks/dep-527cf8f4.js');
require('../_chunks/dep-f7499720.js');
require('../_chunks/dep-9b240313.js');
require('../_chunks/dep-e224a131.js');
require('../_chunks/dep-8e913c55.js');
require('../_chunks/dep-642ebff4.js');
require('../_chunks/dep-0abf2cb5.js');
require('../_chunks/dep-1232d344.js');
require('../_chunks/dep-4bbf6d4f.js');
require('../_chunks/dep-4f58ec50.js');
require('../_chunks/dep-5bfbb9fc.js');
require('../_chunks/dep-dfc30a62.js');
require('../_chunks/dep-aee19c43.js');
require('../_chunks/dep-5df0ae39.js');
require('../_chunks/dep-f2d4081e.js');
require('../_chunks/dep-43708eba.js');
require('../_chunks/dep-194379ee.js');
require('../_chunks/dep-9990e77b.js');
require('../_chunks/dep-00f961e4.js');
require('../_common/js/global-config/mobile/default-config.js');
require('../_common/js/global-config/mobile/locale/zh_CN.js');
require('../_chunks/dep-60a4bcda.js');
require('../_chunks/dep-0f8521ff.js');
require('dayjs');
require('../_chunks/dep-f527f423.js');
require('../_chunks/dep-e8a08cb5.js');
require('../_chunks/dep-3bfe327c.js');
require('../_chunks/dep-c6906728.js');
require('../_chunks/dep-858df101.js');
require('../_chunks/dep-310a1957.js');
require('../_chunks/dep-c4e7cd96.js');
require('../hooks/render-tnode.js');
require('../_chunks/dep-7c3f62db.js');
require('../_chunks/dep-f6a2d298.js');
require('../_chunks/dep-800a2ea8.js');
require('../_chunks/dep-fb97f75f.js');
require('../_chunks/dep-2a1aba78.js');
require('../_chunks/dep-2255a654.js');
require('../_chunks/dep-b9f96695.js');
require('../_common/js/utils/general.js');
function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
var prefix = config["default"].prefix;
var _Watermark = Vue.defineComponent({
name: "".concat(prefix, "-watermark"),
props: watermark_props["default"],
setup: function setup(props2) {
var backgroundImage = Vue.ref("");
var watermarkRef = Vue.shallowRef();
var watermarkContentRef = Vue.shallowRef();
var offset = Vue.reactive(props2.offset || []);
var gapX = Vue.computed(function () {
return props2.movable ? 0 : props2.x;
});
var gapY = Vue.computed(function () {
return props2.movable ? 0 : props2.y;
});
var rotate = Vue.computed(function () {
return props2.movable ? 0 : props2.rotate;
});
var backgroundRepeat = Vue.computed(function () {
if (props2.movable) {
return "no-repeat";
}
return props2.isRepeat ? "repeat" : "no-repeat";
});
var offsetLeft = Vue.computed(function () {
return offset[0] || gapX.value / 2;
});
var offsetTop = Vue.computed(function () {
return offset[1] || gapY.value / 2;
});
var _useVariables = hooks_useVariables.useVariables({
fontColor: "--td-text-color-watermark"
}),
fontColor = _useVariables.fontColor;
var bgImageOptions = Vue.computed(function () {
return {
width: props2.width,
height: props2.height,
rotate: rotate.value,
lineSpace: props2.lineSpace,
alpha: props2.alpha,
gapX: gapX.value,
gapY: gapY.value,
watermarkContent: props2.watermarkContent,
offsetLeft: offsetLeft.value,
offsetTop: offsetTop.value,
fontColor: fontColor.value,
layout: props2.layout
};
});
var removeWaterMark = function removeWaterMark() {
if (!watermarkContentRef.value) return;
watermarkContentRef.value.remove();
watermarkContentRef.value = null;
};
var injectWaterMark = function injectWaterMark() {
_common_js_watermark_generateBase64Url["default"](bgImageOptions.value, function (base64Url, backgroundSize) {
var _watermarkRef$value;
removeWaterMark();
backgroundImage.value = base64Url;
watermarkContentRef.value = document.createElement("div");
_common_js_utils_setStyle["default"](watermarkContentRef.value, {
zIndex: props2.zIndex,
position: "absolute",
left: 0,
right: 0,
top: 0,
bottom: 0,
width: "100%",
height: "100%",
backgroundSize: "".concat((backgroundSize === null || backgroundSize === void 0 ? void 0 : backgroundSize.width) || gapX.value + props2.width, "px"),
pointerEvents: "none",
backgroundRepeat: backgroundRepeat.value,
backgroundImage: "url('".concat(backgroundImage.value, "')"),
animation: props2.movable ? "watermark infinite ".concat(props2.moveInterval * 4 / 60, "s") : "none"
});
(_watermarkRef$value = watermarkRef.value) === null || _watermarkRef$value === void 0 || _watermarkRef$value.append(watermarkContentRef.value);
});
if (props2.movable) {
var keyframesStyle = _common_js_watermark_randomMovingStyle["default"]();
_common_js_utils_injectStyle["default"](keyframesStyle);
}
};
Vue.onMounted(function () {
injectWaterMark();
watermark_hooks_index.useMutationObserver(watermarkRef.value, function (mutations) {
if (props2.removable || !watermarkContentRef.value) return;
var _iterator = _createForOfIteratorHelper(mutations),
_step;
try {
for (_iterator.s(); !(_step = _iterator.n()).done;) {
var mutation = _step.value;
var isRemoved = Array.from(mutation.removedNodes).includes(watermarkContentRef.value);
var isModified = mutation.type === "attributes" && watermarkContentRef.value === mutation.target;
if (isRemoved || isModified) {
injectWaterMark();
break;
}
}
} catch (err) {
_iterator.e(err);
} finally {
_iterator.f();
}
}, {
attributes: true,
childList: true,
characterData: true,
subtree: true
});
});
Vue.watch(function () {
return [props2, fontColor.value];
}, injectWaterMark, {
deep: true,
flush: "post"
});
return function () {
var COMPONENT_NAME = hooks_useClass.usePrefixClass("watermark");
var renderContent = hooks_tnode.useContent();
return Vue.createVNode("div", {
"class": COMPONENT_NAME.value,
"ref": watermarkRef
}, [renderContent("default", "content")]);
};
}
});
exports["default"] = _Watermark;
//# sourceMappingURL=watermark.js.map