个人消息

2022-12-14 19:39:14 +08:00
parent c2fa413fea
commit 574e7c8ac1
39 changed files with 1745 additions and 24 deletions
--- a/components/steps/steps.js
+++ b/components/steps/steps.js
@@ -0,0 +1,78 @@
+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 { wxComponent, SuperComponent } from '../common/src/index';
+import config from '../common/config';
+import props from './props';
+const { prefix } = config;
+const name = `${prefix}-steps`;
+let Steps = class Steps extends SuperComponent {
+    constructor() {
+        super(...arguments);
+        this.relations = {
+            './step-item': {
+                type: 'descendant',
+                linked(child) {
+                    this.updateChildren();
+                    const { readonly, layout } = this.data;
+                    let isLarge = false;
+                    if (!readonly && layout === 'horizontal' && child.data.icon !== 'slot') {
+                        isLarge = !!child.data.icon;
+                    }
+                    child.setData({
+                        readonly,
+                        isLarge,
+                    });
+                },
+            },
+        };
+        this.externalClasses = [`${prefix}-class`];
+        this.properties = props;
+        this.controlledProps = [
+            {
+                key: 'current',
+                event: 'change',
+            },
+        ];
+        this.data = {
+            prefix,
+            classPrefix: name,
+        };
+        this.observers = {
+            current() {
+                this.updateChildren();
+            },
+        };
+        this.methods = {
+            updateChildren() {
+                const items = this.getRelationNodes('./step-item');
+                const len = items.length;
+                const { current, currentStatus, readonly } = this.data;
+                if (len) {
+                    items.forEach((item, index) => {
+                        item.updateStatus(current, currentStatus, index, this.data.theme, this.data.layout, items, readonly);
+                    });
+                }
+            },
+            handleClick(index) {
+                if (this.data.layout === 'vertical') {
+                    return;
+                }
+                if (!this.data.readonly) {
+                    const preIndex = this.data.current;
+                    this._trigger('change', {
+                        previous: preIndex,
+                        current: index,
+                    });
+                }
+            },
+        };
+    }
+};
+Steps = __decorate([
+    wxComponent()
+], Steps);
+export default Steps;