feat: 测测测测

Author: v_guanglwen

miniprogram/packageAPI/components/tdesign-miniprogram/loading/index.d.ts

@@ -0,0 +1,3 @@
+export * from './props';
+export * from './type';
+export * from './loading';

miniprogram/packageAPI/components/tdesign-miniprogram/loading/index.js

@@ -0,0 +1,3 @@
+export * from './props';
+export * from './type';
+export * from './loading';

miniprogram/packageAPI/components/tdesign-miniprogram/loading/loading.d.ts

@@ -0,0 +1,77 @@
+import { SuperComponent } from '../common/src/index';
+import type { TdLoadingProps } from './type';
+export interface LoadingProps extends TdLoadingProps {
+}
+export default class Loading extends SuperComponent {
+    externalClasses: string[];
+    data: {
+        prefix: string;
+        classPrefix: string;
+        show: boolean;
+    };
+    options: {
+        multipleSlots: boolean;
+    };
+    properties: {
+        delay?: {
+            type: NumberConstructor;
+            value?: number;
+        };
+        duration?: {
+            type: NumberConstructor;
+            value?: number;
+        };
+        externalClasses?: {
+            type: ArrayConstructor;
+            value?: ["t-class", "t-class-text", "t-class-indicator"];
+        };
+        indicator?: {
+            type: BooleanConstructor;
+            value?: boolean;
+        };
+        inheritColor?: {
+            type: BooleanConstructor;
+            value?: boolean;
+        };
+        layout?: {
+            type: StringConstructor;
+            value?: "horizontal" | "vertical";
+        };
+        loading?: {
+            type: BooleanConstructor;
+            value?: boolean;
+        };
+        pause?: {
+            type: BooleanConstructor;
+            value?: boolean;
+        };
+        progress?: {
+            type: NumberConstructor;
+            value?: number;
+        };
+        reverse?: {
+            type: BooleanConstructor;
+            value?: boolean;
+        };
+        size?: {
+            type: StringConstructor;
+            value?: string;
+        };
+        text?: {
+            type: StringConstructor;
+            value?: string;
+        };
+        theme?: {
+            type: StringConstructor;
+            value?: "circular" | "spinner" | "dots";
+        };
+    };
+    timer: any;
+    observers: {
+        loading(this: any, cur: any): void;
+    };
+    lifetimes: {
+        detached(): void;
+    };
+    refreshPage(): void;
+}

miniprogram/packageAPI/components/tdesign-miniprogram/loading/loading.js

@@ -0,0 +1,61 @@
+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';
+const { prefix } = config;
+const name = `${prefix}-loading`;
+let Loading = class Loading extends SuperComponent {
+    constructor() {
+        super(...arguments);
+        this.externalClasses = [`${prefix}-class`, `${prefix}-class-text`, `${prefix}-class-indicator`];
+        this.data = {
+            prefix,
+            classPrefix: name,
+            show: true,
+        };
+        this.options = {
+            multipleSlots: true,
+        };
+        this.properties = Object.assign({}, props);
+        this.timer = null;
+        this.observers = {
+            loading(cur) {
+                const { delay } = this.properties;
+                if (this.timer) {
+                    clearTimeout(this.timer);
+                }
+                if (cur) {
+                    if (delay) {
+                        this.timer = setTimeout(() => {
+                            this.setData({ show: cur });
+                            this.timer = null;
+                        }, delay);
+                    }
+                    else {
+                        this.setData({ show: cur });
+                    }
+                }
+                else {
+                    this.setData({ show: cur });
+                }
+            },
+        };
+        this.lifetimes = {
+            detached() {
+                clearTimeout(this.timer);
+            },
+        };
+    }
+    refreshPage() {
+        this.triggerEvent('reload');
+    }
+};
+Loading = __decorate([
+    wxComponent()
+], Loading);
+export default Loading;

miniprogram/packageAPI/components/tdesign-miniprogram/loading/loading.json

@@ -0,0 +1,5 @@
+{
+  "component": true,
+  "styleIsolation": "apply-shared",
+  "usingComponents": {}
+}

miniprogram/packageAPI/components/tdesign-miniprogram/loading/loading.wxml

@@ -0,0 +1,45 @@
+<wxs src="../common/utils.wxs" module="_" />
+<view
+  style="{{_._style([style, customStyle, !text ? ('width: ' + _.addUnit(size) + '; height: ' + _.addUnit(size)) : '', show ? '' : 'display: none', inheritColor ? 'color: inherit' : ''])}}"
+  class="class {{prefix}}-class {{classPrefix}} {{classPrefix + '--' + layout}}"
+>
+  <view
+    wx:if="{{indicator}}"
+    class="{{prefix}}-class-indicator {{classPrefix}}__spinner {{classPrefix}}__spinner--{{ theme }} {{reverse ? 'reverse' : ''}}"
+    style="width: {{ _.addUnit(size) }}; height: {{ _.addUnit(size) }}; {{inheritColor ? 'color: inherit;' : ''}} {{indicator ? '' : 'display: none;'}} {{duration ? 'animation-duration: ' + duration / 1000 + 's;' : ''}} animation-play-state: {{pause ? 'paused' : 'running'}};"
+    aria-role="{{ariaRole  || 'img'}}"
+    aria-label="{{ ariaLabel || text || '加载中'  }}"
+  >
+    <view
+      wx:if="{{ theme === 'spinner' }}"
+      wx:for="{{12}}"
+      wx:key="index"
+      class="{{classPrefix}}__dot {{classPrefix}}__dot-{{index}}"
+    />
+    <view wx:if="{{ theme === 'circular' }}" class="{{classPrefix}}__circular" />
+    <block wx:if="{{ theme === 'dots' }}">
+      <view
+        class="{{classPrefix}}__dot"
+        style="{{duration ? 'animation-duration: ' + duration/1000 + 's; animation-delay:' + 0 + 's;' : ''}} animation-play-state: {{pause ? 'paused' : 'running'}};"
+      ></view>
+      <view
+        class="{{classPrefix}}__dot"
+        style="{{duration ? 'animation-duration: ' + duration/1000 + 's; animation-delay:' + duration * 1 / 3000 + 's;' : ''}} animation-play-state: {{pause ? 'paused' : 'running'}};"
+      ></view>
+      <view
+        class="{{classPrefix}}__dot"
+        style="{{duration ? 'animation-duration: ' + duration/1000 + 's; animation-delay:' + duration * 2 / 3000 + 's;' : ''}} animation-play-state: {{pause ? 'paused' : 'running'}};"
+      ></view>
+    </block>
+    <slot name="indicator" />
+  </view>
+  <view
+    class="{{_.cls(classPrefix + '__text', [layout])}} {{prefix}}-class-text"
+    aria-hidden="{{indicator}}"
+    aria-label="{{ ariaLabel || text }}"
+  >
+    <block wx:if="{{text}}">{{text}}</block>
+    <slot name="text" />
+    <slot />
+  </view>
+</view>