Feat no hook calendar

compiled/alipay/demo/pages/Calendar/collapse-container/cn-day/cn-day.js

@@ -1,21 +1,38 @@
 import dayjs from 'dayjs';
+import equal from 'fast-deep-equal';
 import Converter from './js-calendar-converter';
-import { mountComponent } from '../../../../../src/_util/component';
-const CollapseContainer = (props) => {
-    var _a, _b, _c;
-    const time = dayjs((_a = props.cell) === null || _a === void 0 ? void 0 : _a.time);
-    const vs = Converter.solar2lunar(time.get('year'), time.get('month') + 1, time.get('date'));
-    if (vs === -1) {
-        return {
-            cnday: '',
-        };
-    }
-    return {
-        cnday: vs.lunarFestival || vs.festival || vs.IDayCn,
-        festival: !!vs.festival || !!vs.lunarFestival,
-        unset: ((_b = props.cell) === null || _b === void 0 ? void 0 : _b.isSelectedBegin) || ((_c = props.cell) === null || _c === void 0 ? void 0 : _c.isSelectedEnd),
-    };
-};
-mountComponent(CollapseContainer, {
+import { Component, getValueFromProps } from '../../../../../src/_util/simply';
+Component({
     cell: null,
+}, {
+    updateData() {
+        const cell = getValueFromProps(this, 'cell');
+        const time = dayjs(cell === null || cell === void 0 ? void 0 : cell.time);
+        const vs = Converter.solar2lunar(time.get('year'), time.get('month') + 1, time.get('date'));
+        if (vs === -1) {
+            this.setData({
+                cnday: '',
+            });
+            return;
+        }
+        this.setData({
+            cnday: vs.lunarFestival || vs.festival || vs.IDayCn,
+            festival: !!vs.festival || !!vs.lunarFestival,
+            unset: (cell === null || cell === void 0 ? void 0 : cell.isSelectedBegin) || (cell === null || cell === void 0 ? void 0 : cell.isSelectedEnd),
+        });
+    },
+}, {
+    cnday: '',
+    festival: '',
+    unset: '',
+}, null, {
+    onInit() {
+        this.updateData();
+    },
+    didUpdate(prevProps) {
+        const cell = getValueFromProps(this, 'cell');
+        if (!equal(prevProps.cell, cell)) {
+            this.updateData();
+        }
+    },
 });

compiled/alipay/demo/pages/Calendar/collapse-container/collapse-container.js

@@ -1,19 +1,30 @@
-import { useEvent, useState } from 'functional-mini/component';
-import { mountComponent } from '../../../../src/_util/component';
-const CollapseContainer = (props) => {
-    var _a;
-    const [collapse, setCollapse] = useState((_a = props.defaultCollapse) !== null && _a !== void 0 ? _a : true);
-    useEvent('handleToggle', () => {
-        setCollapse((v) => !v);
-    });
-    return {
-        collapse,
-        internalHide: props.hide,
-        containerTitle: props.title,
-    };
-};
-mountComponent(CollapseContainer, {
+import { Component, getValueFromProps } from '../../../../src/_util/simply';
+Component({
     hide: false,
     defaultCollapse: null,
     title: '',
+}, {
+    handleToggle() {
+        const { collapse } = this.data;
+        this.setData({
+            collapse: !collapse,
+        });
+    },
+}, {
+    collapse: true,
+    internalHide: false,
+    containerTitle: '',
+}, null, {
+    onInit() {
+        const [defaultCollapse, hide, title] = getValueFromProps(this, [
+            'defaultCollapse',
+            'hide',
+            'title',
+        ]);
+        this.setData({
+            collapse: defaultCollapse !== null && defaultCollapse !== void 0 ? defaultCollapse : true,
+            internalHide: hide,
+            containerTitle: title,
+        });
+    },
 });