From 3282e95db0207ee133d1e98d9771dec9d83b0fc4 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期四, 02 四月 2026 16:24:38 +0800
Subject: [PATCH] 2026.4.2 新增专题管理功能
---
miniprogram_npm/tdesign-miniprogram/message/message.js | 186 ----------------------------------------------
1 files changed, 1 insertions(+), 185 deletions(-)
diff --git a/miniprogram_npm/tdesign-miniprogram/message/message.js b/miniprogram_npm/tdesign-miniprogram/message/message.js
index 73b5a65..44ae4b0 100644
--- a/miniprogram_npm/tdesign-miniprogram/message/message.js
+++ b/miniprogram_npm/tdesign-miniprogram/message/message.js
@@ -1,185 +1 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
- return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { SuperComponent, wxComponent } from '../common/src/index';
-import config from '../common/config';
-import props from './props';
-import { getRect, unitConvert, calcIcon, isObject } from '../common/utils';
-const { prefix } = config;
-const name = `${prefix}-message`;
-const SHOW_DURATION = 500;
-const THEME_ICON = {
- info: 'info-circle-filled',
- success: 'check-circle-filled',
- warning: 'info-circle-filled',
- error: 'error-circle-filled',
-};
-let Message = class Message extends SuperComponent {
- constructor() {
- super(...arguments);
- this.externalClasses = [
- `${prefix}-class`,
- `${prefix}-class-content`,
- `${prefix}-class-icon`,
- `${prefix}-class-link`,
- `${prefix}-class-close-btn`,
- ];
- this.options = {
- styleIsolation: 'apply-shared',
- multipleSlots: true,
- };
- this.properties = Object.assign({}, props);
- this.data = {
- prefix,
- classPrefix: name,
- loop: -1,
- animation: [],
- showAnimation: [],
- wrapTop: -999,
- };
- this.observers = {
- marquee(val) {
- if (JSON.stringify(val) === '{}' || JSON.stringify(val) === 'true') {
- this.setData({
- marquee: {
- speed: 50,
- loop: -1,
- delay: 0,
- },
- });
- }
- },
- 'icon, theme'(icon, theme) {
- this.setData({
- _icon: calcIcon(icon, THEME_ICON[theme]),
- });
- },
- link(v) {
- const _link = isObject(v) ? Object.assign({}, v) : { content: v };
- this.setData({ _link });
- },
- closeBtn(v) {
- this.setData({
- _closeBtn: calcIcon(v, 'close'),
- });
- },
- };
- this.closeTimeoutContext = 0;
- this.nextAnimationContext = 0;
- this.resetAnimation = wx.createAnimation({
- duration: 0,
- timingFunction: 'linear',
- });
- }
- ready() {
- this.memoInitalData();
- }
- memoInitalData() {
- this.initalData = Object.assign(Object.assign({}, this.properties), this.data);
- }
- resetData(cb) {
- this.setData(Object.assign({}, this.initalData), cb);
- }
- detached() {
- this.clearMessageAnimation();
- }
- checkAnimation() {
- const { marquee } = this.properties;
- if (!marquee || marquee.loop === 0) {
- return;
- }
- const speeding = marquee.speed;
- if (this.data.loop > 0) {
- this.data.loop -= 1;
- }
- else if (this.data.loop === 0) {
- this.setData({ animation: this.resetAnimation.translateX(0).step().export() });
- return;
- }
- if (this.nextAnimationContext) {
- this.clearMessageAnimation();
- }
- const warpID = `#${name}__text-wrap`;
- const nodeID = `#${name}__text`;
- Promise.all([getRect(this, nodeID), getRect(this, warpID)]).then(([nodeRect, wrapRect]) => {
- this.setData({
- animation: this.resetAnimation.translateX(wrapRect.width).step().export(),
- }, () => {
- const durationTime = ((nodeRect.width + wrapRect.width) / speeding) * 1000;
- const nextAnimation = wx
- .createAnimation({
- duration: durationTime,
- })
- .translateX(-nodeRect.width)
- .step()
- .export();
- setTimeout(() => {
- this.nextAnimationContext = setTimeout(this.checkAnimation.bind(this), durationTime);
- this.setData({ animation: nextAnimation });
- }, 20);
- });
- });
- }
- clearMessageAnimation() {
- clearTimeout(this.nextAnimationContext);
- this.nextAnimationContext = 0;
- }
- show() {
- const { duration, marquee, offset } = this.properties;
- this.setData({ visible: true, loop: marquee.loop || this.data.loop });
- this.reset();
- this.checkAnimation();
- if (duration && duration > 0) {
- this.closeTimeoutContext = setTimeout(() => {
- this.hide();
- this.triggerEvent('duration-end', { self: this });
- }, duration);
- }
- const wrapID = `#${name}`;
- getRect(this, wrapID).then((wrapRect) => {
- this.setData({ wrapTop: -wrapRect.height }, () => {
- this.setData({
- showAnimation: wx
- .createAnimation({ duration: SHOW_DURATION, timingFunction: 'ease' })
- .translateY(wrapRect.height + unitConvert(offset[0]))
- .step()
- .export(),
- });
- });
- });
- }
- hide() {
- this.reset();
- this.setData({
- showAnimation: wx
- .createAnimation({ duration: SHOW_DURATION, timingFunction: 'ease' })
- .translateY(this.data.wrapTop)
- .step()
- .export(),
- });
- setTimeout(() => {
- this.setData({ visible: false, animation: [] });
- }, SHOW_DURATION);
- }
- reset() {
- if (this.nextAnimationContext) {
- this.clearMessageAnimation();
- }
- clearTimeout(this.closeTimeoutContext);
- this.closeTimeoutContext = 0;
- }
- handleClose() {
- this.hide();
- this.triggerEvent('close-btn-click');
- }
- handleLinkClick() {
- this.triggerEvent('link-click');
- }
-};
-Message = __decorate([
- wxComponent()
-], Message);
-export default Message;
+import{__decorate}from"tslib";import{SuperComponent,wxComponent}from"../common/src/index";import config from"../common/config";import{MessageType}from"./message.interface";import props from"./props";import{unitConvert}from"../common/utils";const SHOW_DURATION=400,{prefix:prefix}=config,name=`${prefix}-message`;let Message=class extends SuperComponent{constructor(){super(...arguments),this.options={multipleSlots:!0},this.properties=Object.assign({},props),this.data={prefix:prefix,classPrefix:name,messageList:[]},this.index=0,this.instances=[],this.gap=12,this.observers={visible(s){s?this.setMessage(this.properties,this.properties.theme):this.setData({messageList:[]})}},this.pageLifetimes={show(){this.hideAll()}},this.lifetimes={ready(){this.memoInitialData()}}}memoInitialData(){this.initialData=Object.assign(Object.assign({},this.properties),this.data)}setMessage(s,e=MessageType.info){let t=`${name}_${this.index}`;s.single&&(t=name),this.gap=unitConvert(s.gap||this.gap);const i=Object.assign(Object.assign({},s),{theme:e,id:t,gap:this.gap}),n=this.instances.findIndex(s=>s.id===t);if(n<0)this.addMessage(i);else{const s=this.instances[n],e=this.getOffsetHeight(n);s.resetData(()=>{s.setData(i,s.show.bind(s,e)),s.onHide=()=>{this.close(t)}})}}addMessage(s){const e=[...this.data.messageList,{id:s.id}];this.setData({messageList:e},()=>{const e=this.getOffsetHeight(),t=this.showMessageItem(s,s.id,e);this.instances&&(this.instances.push(t),this.index+=1)})}getOffsetHeight(s=-1){let e=0,t=s;(-1===t||t>this.instances.length)&&(t=this.instances.length);for(let s=0;s<t;s+=1){const t=this.instances[s];e+=t.data.height+t.data.gap}return e}showMessageItem(s,e,t){const i=this.selectComponent(`#${e}`);if(i)return i.resetData(()=>{i.setData(s,i.show.bind(i,t)),i.onHide=()=>{this.close(e)}}),i;console.error("鏈壘鍒扮粍浠�,璇风‘璁� selector && context 鏄惁姝ｇ‘")}close(s){setTimeout(()=>{this.removeMsg(s)},400),this.removeInstance(s)}hide(s){s||this.hideAll();const e=this.instances.find(e=>e.id===s);e&&e.hide()}hideAll(){for(let s=0;s<this.instances.length;){this.instances[s].hide()}}removeInstance(s){const e=this.instances.findIndex(e=>e.id===s);if(e<0)return;const t=this.instances[e].data.height;this.instances.splice(e,1);for(let s=e;s<this.instances.length;s+=1){const e=this.instances[s];e.setData({wrapTop:e.data.wrapTop-t-e.data.gap})}}removeMsg(s){const e=this.data.messageList.findIndex(e=>e.id===s);e>-1&&(this.data.messageList.splice(e,1),this.setData({messageList:this.data.messageList}))}handleClose(){this.triggerEvent("close-btn-click")}handleLinkClick(){this.triggerEvent("link-click")}handleDurationEnd(){this.triggerEvent("duration-end")}};Message=__decorate([wxComponent()],Message);export default Message;
\ No newline at end of file
--
Gitblit v1.9.3