提交

甲情_甲意/miniprogram/node_modules/antd-mini/less/Collapse/index.axml

@@ -0,0 +1,78 @@
+<import-sjs
+  from="./index.sjs"
+  name="utils"
+></import-sjs>
+<view
+  class="ant-collapse {{className ? className : ''}}"
+  style="{{style}}"
+>
+  <block
+    a:for="{{items}}"
+    a:for-index="index"
+    a:for-item="item"
+  >
+    <view class="ant-collapse-item {{item.className || ''}} {{utils.isActive(mixin.value, index, item.disabled) ? 'ant-collapse-item-active' : ''}} {{item.disabled ? 'ant-collapse-item-disabled' : ''}}">
+      <view
+        class="ant-collapse-item-title"
+        data-active="{{utils.isActive(mixin.value, index, item.disabled)}}"
+        data-index="{{index}}"
+        data-id="{{$id}}"
+        onTap="onChange"
+      >
+        <view class="ant-collapse-item-line">
+          <view class="ant-collapse-item-title-node">
+            <slot
+              name="title"
+              value="{{item}}"
+              index="{{index}}"
+              current="{{mixin.value}}"
+            >
+              {{item.title}}
+            </slot>
+          </view>
+          <view class="ant-collapse-item-brief-container">
+            <view class="ant-collapse-item-brief-node">
+              <slot
+                name="brief"
+                value="{{item}}"
+                index="{{index}}"
+                current="{{mixin.value}}"
+              >
+                {{brief}}
+              </slot>
+            </view>
+            <view class="ant-collapse-item-title-arrow">
+              <slot
+                name="icon"
+                value="{{item}}"
+                index="{{index}}"
+                current="{{mixin.value}}"
+              >
+                <ant-icon type="{{utils.isActive(mixin.value, index, item.disabled) ? 'UpOutline' : 'DownOutline'}}"></ant-icon>
+              </slot>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view
+        class="ant-collapse-item-content-wrap {{hasChange ? 'ant-collapse-item-content-wrap-transition' : ''}} ant-collapse-item-content-wrap{{$id ? '-' + $id : ''}}-{{index}}"
+        onTransitionEnd="resetContentHeight"
+        style="{{utils.getStyleHeight(index, contentHeight, item.disabled)}}"
+        data-index="{{index}}"
+      >
+        <view class="ant-collapse-item-content-container">
+          <view class="ant-collapse-item-content ant-collapse-item-content{{$id ? '-' + $id : ''}}-{{index}}">
+            <slot
+              name="content"
+              value="{{item}}"
+              index="{{index}}"
+              current="{{mixin.value}}"
+            >
+              {{item.content}}
+            </slot>
+          </view>
+        </view>
+      </view>
+    </view>
+  </block>
+</view>

甲情_甲意/miniprogram/node_modules/antd-mini/less/Collapse/index.d.ts

@@ -0,0 +1 @@
+export {};

甲情_甲意/miniprogram/node_modules/antd-mini/less/Collapse/index.js

@@ -0,0 +1,178 @@
+import { __awaiter, __generator, __spreadArray } from "tslib";
+import { Component, triggerEvent, getValueFromProps } from '../_util/simply';
+import { CollapseDefaultProps } from './props';
+import { getInstanceBoundingClientRect } from '../_util/jsapi/get-instance-bounding-client-rect';
+import createValue from '../mixins/value';
+Component(CollapseDefaultProps, {
+    getInstance: function () {
+        if (this.$id) {
+            return my;
+        }
+        return this;
+    },
+    getBoundingClientRectWithBuilder: function (builder) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, getInstanceBoundingClientRect(this.getInstance(), builder(this.$id ? "-".concat(this.$id) : ''))];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    },
+    formatCurrent: function (val, props) {
+        var current = __spreadArray([], (val || []), true);
+        var items = props.items;
+        current = current.filter(function (item) {
+            if (!items[item] || items[item].disabled) {
+                return false;
+            }
+            return true;
+        });
+        if (props.accordion) {
+            current = current.length > 0 ? [current[0]] : [];
+        }
+        return __spreadArray([], current, true);
+    },
+    onChange: function (e) {
+        var itemIndex = parseInt(e.currentTarget.dataset.index, 10);
+        var _a = getValueFromProps(this, [
+            'items',
+            'accordion',
+        ]), items = _a[0], accordion = _a[1];
+        if (items[itemIndex] && items[itemIndex].disabled) {
+            return;
+        }
+        var arr = this.getValue();
+        var current = __spreadArray([], arr, true);
+        var index = current.indexOf(itemIndex);
+        if (index >= 0) {
+            current.splice(index, 1);
+        }
+        else {
+            if (accordion) {
+                current = [itemIndex];
+            }
+            else {
+                current.push(itemIndex);
+                current.sort();
+            }
+        }
+        if (!this.isControlled()) {
+            this.update(current);
+        }
+        triggerEvent(this, 'change', current, e);
+    },
+    updateContentHeight: function (prevCurrent, nextCurrent) {
+        return __awaiter(this, void 0, void 0, function () {
+            var prevCurrentArray, nextCurrentArray, expandArray, closeArray, items, contentHeight;
+            var _this = this;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        prevCurrentArray = prevCurrent;
+                        nextCurrentArray = nextCurrent;
+                        expandArray = [];
+                        closeArray = [];
+                        nextCurrentArray.forEach(function (item) {
+                            if (prevCurrentArray.indexOf(item) < 0) {
+                                expandArray.push(item);
+                            }
+                        });
+                        prevCurrentArray.forEach(function (item) {
+                            if (nextCurrentArray.indexOf(item) < 0) {
+                                closeArray.push(item);
+                            }
+                        });
+                        items = getValueFromProps(this, 'items');
+                        return [4 /*yield*/, Promise.all(items.map(function (item, index) { return __awaiter(_this, void 0, void 0, function () {
+                                var height;
+                                return __generator(this, function (_a) {
+                                    switch (_a.label) {
+                                        case 0:
+                                            if (!(expandArray.indexOf(index) >= 0 ||
+                                                closeArray.indexOf(index) >= 0)) return [3 /*break*/, 2];
+                                            return [4 /*yield*/, this.getBoundingClientRectWithBuilder(function (id) { return ".ant-collapse-item-content".concat(id, "-").concat(index); })];
+                                        case 1:
+                                            height = (_a.sent()).height;
+                                            return [2 /*return*/, "".concat(height, "px")];
+                                        case 2: return [2 /*return*/, this.data.contentHeight[index]];
+                                    }
+                                });
+                            }); }))];
+                    case 1:
+                        contentHeight = _a.sent();
+                        if (closeArray.length === 0) {
+                            this.setData({
+                                contentHeight: contentHeight,
+                            });
+                        }
+                        else {
+                            this.setData({
+                                contentHeight: contentHeight,
+                            });
+                            setTimeout(function () {
+                                contentHeight = contentHeight.map(function (item, index) {
+                                    if (closeArray.indexOf(index) >= 0) {
+                                        return '0px';
+                                    }
+                                    return item;
+                                });
+                                _this.setData({
+                                    contentHeight: contentHeight,
+                                });
+                            }, 10);
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
+    },
+    resetContentHeight: function (e) {
+        var index = parseInt(e.currentTarget.dataset.index, 10);
+        if (this.getValue().indexOf(index) < 0) {
+            return;
+        }
+        var contentHeight = __spreadArray([], this.data.contentHeight, true);
+        contentHeight[index] = '';
+        this.setData({
+            contentHeight: contentHeight,
+        });
+    },
+}, {
+    contentHeight: [],
+    hasChange: false,
+}, [
+    createValue({
+        valueKey: 'current',
+        defaultValueKey: 'defaultCurrent',
+        transformValue: function (current, extra) {
+            var value = this.formatCurrent(current, extra ? extra.nextProps : getValueFromProps(this));
+            return {
+                needUpdate: true,
+                value: value,
+            };
+        },
+    }),
+], {
+    didUpdate: function (prevProps, prevData) {
+        console.log(prevProps.items !== this.props.items, !this.isEqualValue(prevData));
+        if (prevProps.items !== this.props.items ||
+            !this.isEqualValue(prevData)) {
+            this.updateContentHeight(this.getValue(prevData), this.getValue());
+        }
+    },
+    didMount: function () {
+        var current = this.getValue();
+        var contentHeight = this.props.items.map(function (item, index) {
+            if (current.indexOf(index) >= 0) {
+                return '';
+            }
+            return '0px';
+        });
+        this.setData({
+            hasChange: true,
+            contentHeight: contentHeight,
+        });
+    },
+});

甲情_甲意/miniprogram/node_modules/antd-mini/less/Collapse/index.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "ant-icon": "../Icon/index"
+  }
+}

甲情_甲意/miniprogram/node_modules/antd-mini/less/Collapse/index.less

@@ -0,0 +1,136 @@
+@import (reference) './variable.less';
+@import '../style/mixins/hairline.less';
+
+@collapsePrefix: ant-collapse-item;
+
+.@{collapsePrefix} {
+  &-disabled {
+    .ant-collapse-item-title-node,
+    .ant-collapse-item-brief-container {
+      opacity: 0.4;
+    }
+    .@{collapsePrefix}-title:active {
+      background: @collapse-title-background-color;
+      transition: 0s;
+    }
+  }
+  &-line {
+    display: flex;
+    flex: 1;
+    border-bottom: 1px solid @COLOR_BORDER;
+    padding: 0 @collapse-title-padding @collapse-title-padding 0;
+  }
+  &-title {
+    position: relative;
+    display: flex;
+    text-align: justify;
+    align-items: center;
+    justify-content: space-between;
+    line-height: 48 * @rpx;
+    padding: @collapse-title-padding 0 0 @collapse-title-padding;
+    font-size: @collapse-title-size;
+    color: @collapse-title-color;
+    background-color: @collapse-title-background-color;
+    transition: all 300ms linear;
+    box-sizing: border-box;
+    &-node {
+      display: flex;
+      flex: 1;
+      max-width: 100%;
+      font-size: 34 * @rpx;
+      color: @COLOR_TEXT_PRIMARY;
+    }
+    &-arrow {
+      color: @COLOR_TEXT_WEAK;
+    }
+
+    &-icon {
+      width: 44 * @rpx;
+      height: 44 * @rpx;
+      overflow: hidden;
+      margin-right: 24 * @rpx;
+
+      .ant-icon {
+        font-size: 40 * @rpx;
+      }
+
+      & image {
+        width: 44 * @rpx;
+        height: 44 * @rpx;
+      }
+    }
+
+    &:active {
+      background-color: @COLOR_BORDER;
+      transition: 0s;
+    }
+  }
+
+  &-brief {
+    &-container {
+      display: flex;
+      .ant-icon {
+        font-size: 40 * @rpx;
+      }
+    }
+
+    &-node {
+      display: flex;
+      flex: 1;
+      font-size: 30 * @rpx;
+      color: @COLOR_TEXT_ASSIST;
+      margin-right: 8 * @rpx;
+    }
+  }
+
+  &-content {
+    color: @COLOR_TEXT_PRIMARY;
+    border-bottom: 1px solid @COLOR_BORDER;
+    padding: 24 * @rpx 24 * @rpx 24 * @rpx 0;
+    box-sizing: border-box;
+    &-container {
+      padding-left: 24 * @rpx;
+      background: @COLOR_WHITE_CHANGE;
+    }
+    &-wrap {
+      will-change: height;
+      overflow: hidden;
+
+      &-active {
+        animation: trigger1 0.2s;
+      }
+
+      &-non-active {
+        animation: trigger2 0.2s;
+      }
+
+      &-transition {
+        transition: height 0.2s ease-in-out;
+      }
+
+      &-first {
+        height: 0;
+      }
+    }
+  }
+}
+
+@keyframes trigger1 {
+  0% {
+    content: '';
+  }
+
+  100% {
+    content: '';
+  }
+}
+
+@keyframes trigger2 {
+  0% {
+    content: '';
+  }
+
+  100% {
+    content: '';
+  }
+}

甲情_甲意/miniprogram/node_modules/antd-mini/less/Collapse/index.sjs

@@ -0,0 +1,23 @@
+function isActive(current, index, disabled) {
+  if (disabled) {
+    return false;
+  }
+  return (current || []).indexOf(index) >= 0;
+}
+function getStyleHeight(index, contentHeight, disabled) {
+  if (disabled) {
+    return 'height: 0px';
+  }
+  var height = contentHeight[index];
+  if (height === '') {
+    return '';
+  }
+  if (height) {
+    return "height: ".concat(height);
+  }
+  return 'height: 0px';
+}
+export default {
+  isActive: isActive,
+  getStyleHeight: getStyleHeight
+};

甲情_甲意/miniprogram/node_modules/antd-mini/less/Collapse/props.d.ts

@@ -0,0 +1,35 @@
+import { IBaseProps } from '../_util/base';
+/**
+ * @description 手风琴
+ */
+export interface ICollapseProps extends IBaseProps {
+    /**
+     * @description 是否是手风琴模式，仅一个内容被展开
+     */
+    /**
+     * @description 选中
+     */
+    current?: number[];
+    /**
+     * @description 选中初始值
+     */
+    defaultCurrent?: number[];
+    /**
+     * @description accordion模式
+     */
+    accordion?: boolean;
+    /**
+     * @description 列表
+     */
+    items?: {
+        title?: string;
+        content?: string;
+        disabled?: boolean;
+        className?: string;
+    }[];
+    /**
+     * @description collapse 切换时的回调
+     */
+    onChange?: (current: number[] | undefined, e: Record<string, any>) => void;
+}
+export declare const CollapseDefaultProps: ICollapseProps;

甲情_甲意/miniprogram/node_modules/antd-mini/less/Collapse/props.js

@@ -0,0 +1,6 @@
+export var CollapseDefaultProps = {
+    current: null,
+    defaultCurrent: [],
+    accordion: false,
+    items: [],
+};

甲情_甲意/miniprogram/node_modules/antd-mini/less/Collapse/variable.less

@@ -0,0 +1,16 @@
+@import (reference) '../style/themes/index.less';
+
+// 每一项的高度
+@collapse-title-height: 96 * @rpx;
+// 左右边距
+@collapse-title-padding: @h-spacing-large;
+// 背景色
+@collapse-title-background-color: @COLOR_CARD;
+// 字体颜色
+@collapse-title-color: @COLOR_TEXT_PRIMARY;
+// 字体大小
+@collapse-title-size: @font-size-list;
+// 箭头大小
+@collapse-title-icon-size: 36 * @rpx;
+// 内容背景色
+@collapse-content-background-color: @COLOR_CARD;