project init

2022-11-10 17:13:00 +08:00
commit 4956ed2f1f
113 changed files with 3617 additions and 0 deletions
--- a/components/icon/icon.js
+++ b/components/icon/icon.js
@@ -0,0 +1,51 @@
+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 { styles, addUnit } from '../common/utils';
+const { prefix } = config;
+const name = `${prefix}-icon`;
+let Icon = class Icon extends SuperComponent {
+    constructor() {
+        super(...arguments);
+        this.externalClasses = [`${prefix}-class`];
+        this.properties = props;
+        this.data = {
+            componentPrefix: prefix,
+            classPrefix: name,
+            isImage: false,
+            iconStyle: undefined,
+        };
+        this.observers = {
+            'name, color, size, customStyle'() {
+                this.setIconStyle();
+            },
+        };
+        this.methods = {
+            onTap(event) {
+                this.triggerEvent('click', event.detail);
+            },
+            setIconStyle() {
+                const { name, color, size, customStyle } = this.properties;
+                const isImage = name.indexOf('/') !== -1;
+                const sizeValue = addUnit(size);
+                const sizeStyle = isImage ? { width: sizeValue, height: sizeValue } : {};
+                const colorStyle = color ? { color: color } : {};
+                const fontStyle = size ? { 'font-size': sizeValue } : {};
+                this.setData({
+                    isImage,
+                    iconStyle: styles(Object.assign(Object.assign(Object.assign({}, colorStyle), fontStyle), sizeStyle)) + customStyle,
+                });
+            },
+        };
+    }
+};
+Icon = __decorate([
+    wxComponent()
+], Icon);
+export default Icon;