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/indexes/indexes.js | 237 -----------------------------------------------------------
1 files changed, 1 insertions(+), 236 deletions(-)
diff --git a/miniprogram_npm/tdesign-miniprogram/indexes/indexes.js b/miniprogram_npm/tdesign-miniprogram/indexes/indexes.js
index dcb2edf..d28b790 100644
--- a/miniprogram_npm/tdesign-miniprogram/indexes/indexes.js
+++ b/miniprogram_npm/tdesign-miniprogram/indexes/indexes.js
@@ -1,236 +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, throttle } from '../common/utils';
-import pageScrollMixin from '../mixins/page-scroll';
-const { prefix } = config;
-const name = `${prefix}-indexes`;
-let Indexes = class Indexes extends SuperComponent {
- constructor() {
- super(...arguments);
- this.externalClasses = [`${prefix}-class`, `${prefix}-class-sidebar`, `${prefix}-class-sidebar-item`];
- this.properties = props;
- this.data = {
- prefix,
- classPrefix: name,
- _height: 0,
- _indexList: [],
- scrollTop: 0,
- activeAnchor: null,
- showTips: false,
- };
- this.relations = {
- '../indexes-anchor/indexes-anchor': {
- type: 'child',
- },
- };
- this.behaviors = [pageScrollMixin()];
- this.timer = null;
- this.groupTop = [];
- this.sidebar = null;
- this.currentTouchAnchor = null;
- this.observers = {
- indexList(v) {
- this.setIndexList(v);
- this.setHeight(this.data._height);
- },
- height(v) {
- this.setHeight(v);
- },
- };
- this.lifetimes = {
- ready() {
- this.timer = null;
- this.groupTop = [];
- this.sidebar = null;
- if (this.data._height === 0) {
- this.setHeight();
- }
- if (this.data.indexList === null) {
- this.setIndexList();
- }
- },
- };
- this.methods = {
- setHeight(height) {
- if (!height) {
- const { windowHeight } = wx.getSystemInfoSync();
- height = windowHeight;
- }
- this.setData({
- _height: height,
- }, () => {
- this.getAllRect();
- });
- },
- setIndexList(list) {
- if (!list) {
- const start = 'A'.charCodeAt(0);
- const alphabet = [];
- for (let i = start, end = start + 26; i < end; i += 1) {
- alphabet.push(String.fromCharCode(i));
- }
- this.setData({ _indexList: alphabet });
- }
- else {
- this.setData({ _indexList: list });
- }
- },
- getAllRect() {
- this.getAnchorsRect().then(() => {
- this.groupTop.forEach((item, index) => {
- const next = this.groupTop[index + 1];
- item.totalHeight = ((next === null || next === void 0 ? void 0 : next.top) || Infinity) - item.top;
- });
- this.setAnchorOnScroll(0);
- });
- this.getSidebarRect();
- },
- getAnchorsRect() {
- return Promise.all(this.$children.map((child) => getRect(child, `.${name}-anchor`).then((rect) => {
- this.groupTop.push({
- height: rect.height,
- top: rect.top,
- anchor: child.data.index,
- });
- })));
- },
- getSidebarRect() {
- getRect(this, `#id-${name}__bar`).then((rect) => {
- const { top, height } = rect;
- const { length } = this.data._indexList;
- this.sidebar = {
- top,
- height,
- itemHeight: (height - (length - 1) * 2) / length,
- };
- });
- },
- toggleTips(flag) {
- if (!flag) {
- clearInterval(this.timer);
- this.timer = setTimeout(() => {
- this.setData({
- showTips: false,
- });
- }, 300);
- }
- else {
- this.setData({
- showTips: true,
- });
- }
- },
- setAnchorByIndex(index) {
- const { _indexList, stickyOffset } = this.data;
- const activeAnchor = _indexList[index];
- if (this.data.activeAnchor !== null && this.data.activeAnchor === activeAnchor)
- return;
- const target = this.groupTop.find((item) => item.anchor === activeAnchor);
- if (target) {
- this.currentTouchAnchor = activeAnchor;
- const scrollTop = target.top - stickyOffset;
- wx.pageScrollTo({
- scrollTop,
- duration: 0,
- });
- this.toggleTips(true);
- this.triggerEvent('select', { index: activeAnchor });
- this.setData({ activeAnchor });
- }
- },
- onClick(e) {
- const { index } = e.currentTarget.dataset;
- this.setAnchorByIndex(index);
- },
- onTouchMove(e) {
- this.onAnchorTouch(e);
- },
- onTouchCancel() {
- this.toggleTips(false);
- },
- onTouchEnd(e) {
- this.toggleTips(false);
- this.onAnchorTouch(e);
- },
- onAnchorTouch: throttle(function (e) {
- const getAnchorIndex = (clientY) => {
- const offsetY = clientY - this.sidebar.top;
- if (offsetY <= 0) {
- return 0;
- }
- if (offsetY > this.sidebar.height) {
- return this.data._indexList.length - 1;
- }
- return Math.floor(offsetY / this.sidebar.itemHeight);
- };
- const index = getAnchorIndex(e.changedTouches[0].clientY);
- this.setAnchorByIndex(index);
- }, 1000 / 30),
- setAnchorOnScroll(scrollTop) {
- if (!this.groupTop) {
- return;
- }
- const { sticky, stickyOffset, activeAnchor } = this.data;
- scrollTop += stickyOffset;
- const curIndex = this.groupTop.findIndex((group) => scrollTop >= group.top - group.height && scrollTop <= group.top + group.totalHeight - group.height);
- if (curIndex === -1)
- return;
- const curGroup = this.groupTop[curIndex];
- if (this.currentTouchAnchor !== null) {
- this.triggerEvent('change', { index: curGroup.anchor });
- this.currentTouchAnchor = null;
- }
- else if (activeAnchor !== curGroup.anchor) {
- this.triggerEvent('change', { index: curGroup.anchor });
- this.setData({ activeAnchor: curGroup.anchor });
- }
- if (sticky) {
- const offset = curGroup.top - scrollTop;
- const betwixt = offset < curGroup.height && offset > 0 && scrollTop > stickyOffset;
- this.$children.forEach((child, index) => {
- if (index === curIndex) {
- const sticky = scrollTop > stickyOffset;
- const anchorStyle = `transform: translate3d(0, ${betwixt ? offset : 0}px, 0); top: ${stickyOffset}px`;
- if (anchorStyle !== child.data.anchorStyle || sticky !== child.data.sticky) {
- child.setData({
- sticky,
- active: true,
- style: `height: ${curGroup.height}px`,
- anchorStyle,
- });
- }
- }
- else if (index + 1 === curIndex) {
- const anchorStyle = `transform: translate3d(0, ${betwixt ? offset - curGroup.height : 0}px, 0); top: ${stickyOffset}px`;
- if (anchorStyle !== child.data.anchorStyle) {
- child.setData({
- sticky: true,
- active: true,
- style: `height: ${curGroup.height}px`,
- anchorStyle,
- });
- }
- }
- else {
- child.setData({ active: false, sticky: false, anchorStyle: '' });
- }
- });
- }
- },
- onScroll({ scrollTop }) {
- this.setAnchorOnScroll(scrollTop);
- },
- };
- }
-};
-Indexes = __decorate([
- wxComponent()
-], Indexes);
-export default Indexes;
+import{__decorate}from"tslib";import{SuperComponent,wxComponent}from"../common/src/index";import config from"../common/config";import props from"./props";import{getRect,throttle,systemInfo}from"../common/utils";import pageScrollMixin from"../mixins/page-scroll";const{prefix:prefix}=config,name=`${prefix}-indexes`;let Indexes=class extends SuperComponent{constructor(){super(...arguments),this.externalClasses=[`${prefix}-class`,`${prefix}-class-sidebar`,`${prefix}-class-sidebar-item`],this.properties=props,this.controlledProps=[{key:"current",event:"change"}],this.data={prefix:prefix,classPrefix:name,_height:0,_indexList:[],scrollTop:0,activeAnchor:null,showTips:!1},this.relations={"../indexes-anchor/indexes-anchor":{type:"child"}},this.behaviors=[pageScrollMixin()],this.timer=null,this.groupTop=[],this.sidebar=null,this.observers={indexList(t){this.setIndexList(t),this.setHeight(this.data._height)},height(t){this.setHeight(t)},current(t){t&&this.data.activeAnchor&&t!==this.data.activeAnchor&&this.setAnchorByCurrent(t,"update")}},this.lifetimes={ready(){this.timer=null,this.groupTop=[],this.sidebar=null,0===this.data._height&&this.setHeight(),null===this.data.indexList&&this.setIndexList()}},this.methods={setHeight(t){if(!t){const{windowHeight:e}=systemInfo;t=e}this.setData({_height:t},()=>{this.getAllRect()})},setIndexList(t){if(t)this.setData({_indexList:t});else{const t="A".charCodeAt(0),e=[];for(let i=t,s=t+26;i<s;i+=1)e.push(String.fromCharCode(i));this.setData({_indexList:e})}},getAllRect(){this.getAnchorsRect().then(()=>{this.groupTop.forEach((t,e)=>{const i=this.groupTop[e+1];t.totalHeight=((null==i?void 0:i.top)||1/0)-t.top});const t=this.data.current||this.data._indexList[0];this.setAnchorByCurrent(t,"init")}),this.getSidebarRect()},getAnchorsRect(){return Promise.all(this.$children.map(t=>getRect(t,`.${name}-anchor`).then(e=>{this.groupTop.push({height:e.height,top:e.top,anchor:t.data.index})})))},getSidebarRect(){getRect(this,`#id-${name}__bar`).then(t=>{const{top:e,height:i}=t,{length:s}=this.data._indexList;this.sidebar={top:e,height:i,itemHeight:(i-2*(s-1))/s}})},toggleTips(t){t?this.setData({showTips:!0}):(clearInterval(this.timer),this.timer=setTimeout(()=>{this.setData({showTips:!1})},300))},setAnchorByCurrent(t,e){const{stickyOffset:i}=this.data;if(null!==this.data.activeAnchor&&this.data.activeAnchor===t)return;const s=this.groupTop.find(e=>e.anchor===t);if(s){const o=s.top-i;0===o&&"init"===e?this.setAnchorOnScroll(o):wx.pageScrollTo({scrollTop:o,duration:0}),["click","touch"].includes(e)&&(this.toggleTips(!0),this.triggerEvent("select",{index:t}))}},onClick(t){const{current:e}=t.currentTarget.dataset;this.setAnchorByCurrent(e,"click")},onTouchMove(t){this.onAnchorTouch(t)},onTouchCancel(){this.toggleTips(!1)},onTouchEnd(t){this.toggleTips(!1),this.onAnchorTouch(t)},onAnchorTouch:throttle(function(t){const e=(t=>{const e=t-this.sidebar.top;return e<=0?0:e>this.sidebar.height?this.data._indexList.length-1:Math.floor(e/this.sidebar.itemHeight)})(t.changedTouches[0].clientY);this.setAnchorByCurrent(this.data._indexList[e],"touch")},1e3/30),setAnchorOnScroll(t){if(!this.groupTop)return;const{sticky:e,stickyOffset:i}=this.data;t+=i;const s=this.groupTop.findIndex(e=>t>=e.top-e.height&&t<=e.top+e.totalHeight-e.height);if(-1===s)return;const o=this.groupTop[s];if(this.setData({activeAnchor:o.anchor},()=>{this._trigger("change",{index:o.anchor,current:o.anchor})}),e){const e=o.top-t,h=e<o.height&&e>0&&t>i;this.$children.forEach((r,n)=>{if(n===s){const s=t>i,n=`transform: translate3d(0, ${h?e:0}px, 0); top: ${i}px`;n===r.data.anchorStyle&&s===r.data.sticky||r.setData({sticky:s,active:!0,style:`height: ${o.height}px`,anchorStyle:n})}else if(n+1===s){const t=`transform: translate3d(0, ${h?e-o.height:0}px, 0); top: ${i}px`;t!==r.data.anchorStyle&&r.setData({sticky:!0,active:!0,style:`height: ${o.height}px`,anchorStyle:t})}else r.setData({active:!1,sticky:!1,anchorStyle:""})})}},onScroll({scrollTop:t}){this.setAnchorOnScroll(t)}}}};Indexes=__decorate([wxComponent()],Indexes);export default Indexes;
\ No newline at end of file
--
Gitblit v1.9.3