提交
This commit is contained in:
1
甲情_甲意/miniprogram/node_modules/antd-mini/es/Grid/index.acss
generated
vendored
Normal file
1
甲情_甲意/miniprogram/node_modules/antd-mini/es/Grid/index.acss
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
.ant-grid{padding:12px;box-sizing:border-box}.ant-grid-columns-3{padding:12px 0}.ant-grid-default{display:flex;flex-wrap:wrap;justify-content:flex-start}.ant-grid-scroll{display:flex;flex-wrap:nowrap;align-items:flex-start}.ant-grid-item{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;flex-shrink:0;position:relative}.ant-grid-item-line::after{content:'';position:absolute;background-color:#eee;display:block;top:0;right:0;bottom:0;left:auto;width:1px;transform:scaleX(.5)}.ant-grid-item-vertical-space{margin-bottom:20px}.ant-grid-item-columns-5{width:20%}.ant-grid-item-columns-4{width:25%}.ant-grid-item-columns-3{width:33.3%}.ant-grid-item-columns-2{width:50%}.ant-grid-item-horizontal{justify-content:center;text-align:left;position:relative;min-height:28px;padding-left:40px}.ant-grid-item-horizontal .ant-grid-item-icon,.ant-grid-item-horizontal .ant-grid-item-img{position:absolute;left:0;top:0;bottom:0;margin:auto}.ant-grid-item-horizontal .ant-grid-item-title{margin-top:0}.ant-grid-item-columns-scroll{width:65px}.ant-grid-item-icon-circle{border-radius:50%;overflow:hidden}.ant-grid-item-icon-icon{font-size:28px}.ant-grid-item-icon-image{width:28px;height:28px}.ant-grid-item-title{font-size:13px;color:#333;line-height:18.5px;width:100%;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ant-grid-item-description{font-size:12px;color:#999;line-height:16.5px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ant-grid-item-description:empty{display:none}
|
108
甲情_甲意/miniprogram/node_modules/antd-mini/es/Grid/index.axml
generated
vendored
Normal file
108
甲情_甲意/miniprogram/node_modules/antd-mini/es/Grid/index.axml
generated
vendored
Normal file
@ -0,0 +1,108 @@
|
||||
<import-sjs
|
||||
from="./index.sjs"
|
||||
name="sjs"
|
||||
></import-sjs>
|
||||
<view
|
||||
a:if="{{mode === 'default'}}"
|
||||
class="ant-grid ant-grid-columns-{{columns}} ant-grid-{{mode}} {{className || ''}}"
|
||||
style="{{style || ''}}"
|
||||
>
|
||||
<block
|
||||
a:for="{{items}}"
|
||||
a:for-index="index"
|
||||
a:for-item="item"
|
||||
>
|
||||
<view
|
||||
data-item="{{item}}"
|
||||
class="ant-grid-item ant-grid-item-{{gridItemLayout}} {{sjs.checkNeedVerticalSpace(items.length, index, columns) ? 'ant-grid-item-vertical-space' : ''}} ant-grid-item-columns-{{columns}} {{sjs.checkShowSplitLine(index, items.length, columns, mode, showDivider) ? 'ant-grid-item-line' : ''}}"
|
||||
onTap="onTap"
|
||||
onFirstAppear="onFirstAppear"
|
||||
>
|
||||
<view class="ant-grid-item-icon ant-grid-item-icon-{{item.iconStyle || iconStyle}}">
|
||||
<slot
|
||||
name="icon"
|
||||
value="{{item}}"
|
||||
index="{{index}}"
|
||||
>
|
||||
<image-icon
|
||||
image="{{item.icon}}"
|
||||
className="ant-grid-item-icon"
|
||||
style="{{iconSize ? 'width:' + iconSize + 'px;height:' + iconSize + 'px;font-size:' + iconSize + 'px' : ''}}"
|
||||
></image-icon>
|
||||
</slot>
|
||||
</view>
|
||||
<view class="ant-grid-item-title">
|
||||
<slot
|
||||
name="title"
|
||||
value="{{item}}"
|
||||
index="{{index}}"
|
||||
>
|
||||
{{item.title}}
|
||||
</slot>
|
||||
</view>
|
||||
<view class="ant-grid-item-description">
|
||||
<slot
|
||||
name="description"
|
||||
value="{{item}}"
|
||||
index="{{index}}"
|
||||
>
|
||||
{{item.description}}
|
||||
</slot>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
<ant-pagination
|
||||
a:elif="{{mode === 'scroll'}}"
|
||||
fillColor="{{paginationFillColor}}"
|
||||
frontColor="{{paginationFrontColor}}"
|
||||
className="{{className || ''}}"
|
||||
style="{{style || ''}}"
|
||||
>
|
||||
<view class="ant-grid ant-grid-{{mode}}">
|
||||
<block
|
||||
a:for="{{items}}"
|
||||
a:for-index="index"
|
||||
a:for-item="item"
|
||||
>
|
||||
<view
|
||||
data-item="{{item}}"
|
||||
class="ant-grid-item ant-grid-item-{{gridItemLayout}} ant-grid-item-columns-scroll {{sjs.checkShowSplitLine(index, items.length, columns, mode, showDivider) ? 'ant-grid-item-line' : ''}}"
|
||||
onTap="onTap"
|
||||
onFirstAppear="onFirstAppear"
|
||||
>
|
||||
<view class="ant-grid-item-icon ant-grid-item-icon-{{item.iconStyle || iconStyle}}">
|
||||
<slot
|
||||
name="icon"
|
||||
value="{{item}}"
|
||||
index="{{index}}"
|
||||
>
|
||||
<image-icon
|
||||
image="{{item.icon}}"
|
||||
className="ant-grid-item-icon"
|
||||
style="{{iconSize ? 'width:' + iconSize + 'px;height:' + iconSize + 'px;font-size:' + iconSize + 'px' : ''}}"
|
||||
></image-icon>
|
||||
</slot>
|
||||
</view>
|
||||
<view class="ant-grid-item-title">
|
||||
<slot
|
||||
name="title"
|
||||
value="{{item}}"
|
||||
index="{{index}}"
|
||||
>
|
||||
{{item.title}}
|
||||
</slot>
|
||||
</view>
|
||||
<view class="ant-grid-item-description">
|
||||
<slot
|
||||
name="description"
|
||||
value="{{item}}"
|
||||
index="{{index}}"
|
||||
>
|
||||
{{item.description}}
|
||||
</slot>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</ant-pagination>
|
1
甲情_甲意/miniprogram/node_modules/antd-mini/es/Grid/index.d.ts
generated
vendored
Normal file
1
甲情_甲意/miniprogram/node_modules/antd-mini/es/Grid/index.d.ts
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
export {};
|
12
甲情_甲意/miniprogram/node_modules/antd-mini/es/Grid/index.js
generated
vendored
Normal file
12
甲情_甲意/miniprogram/node_modules/antd-mini/es/Grid/index.js
generated
vendored
Normal file
@ -0,0 +1,12 @@
|
||||
import { Component, triggerEvent } from '../_util/simply';
|
||||
import { GridFunctionalProps } from './props';
|
||||
Component(GridFunctionalProps, {
|
||||
onTap: function (e) {
|
||||
var item = e.target.dataset.item;
|
||||
triggerEvent(this, 'tap', item);
|
||||
},
|
||||
onFirstAppear: function (e) {
|
||||
var item = e.target.dataset.item;
|
||||
triggerEvent(this, 'firstAppear', item);
|
||||
}
|
||||
});
|
7
甲情_甲意/miniprogram/node_modules/antd-mini/es/Grid/index.json
generated
vendored
Normal file
7
甲情_甲意/miniprogram/node_modules/antd-mini/es/Grid/index.json
generated
vendored
Normal file
@ -0,0 +1,7 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"image-icon": "../ImageIcon/index",
|
||||
"ant-pagination": "../Pagination/index"
|
||||
}
|
||||
}
|
25
甲情_甲意/miniprogram/node_modules/antd-mini/es/Grid/index.sjs
generated
vendored
Normal file
25
甲情_甲意/miniprogram/node_modules/antd-mini/es/Grid/index.sjs
generated
vendored
Normal file
@ -0,0 +1,25 @@
|
||||
function checkNeedVerticalSpace(count, index, columns) {
|
||||
if (count % columns === 0) {
|
||||
return index < count - columns;
|
||||
} else {
|
||||
return index < columns * Math.floor(count / columns);
|
||||
}
|
||||
}
|
||||
function checkShowSplitLine(index, count, columns, mode, showDivider) {
|
||||
if (!showDivider) {
|
||||
return false;
|
||||
}
|
||||
if (index === count - 1) {
|
||||
return false;
|
||||
}
|
||||
if (mode === 'default') {
|
||||
if ((index + 1) % columns === 0) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
return true;
|
||||
}
|
||||
export default {
|
||||
checkNeedVerticalSpace: checkNeedVerticalSpace,
|
||||
checkShowSplitLine: checkShowSplitLine
|
||||
};
|
79
甲情_甲意/miniprogram/node_modules/antd-mini/es/Grid/props.d.ts
generated
vendored
Normal file
79
甲情_甲意/miniprogram/node_modules/antd-mini/es/Grid/props.d.ts
generated
vendored
Normal file
@ -0,0 +1,79 @@
|
||||
import { IBaseProps } from '../_util/base';
|
||||
export interface IGridItem {
|
||||
/**
|
||||
* @description 主文案
|
||||
*/
|
||||
title: string;
|
||||
/**
|
||||
* @description 副文案
|
||||
*/
|
||||
description?: string;
|
||||
/**
|
||||
* @description 图标
|
||||
*/
|
||||
icon: string;
|
||||
/**
|
||||
* @desscription 图标样式
|
||||
* @default 'normal'
|
||||
*/
|
||||
iconStyle: 'normal' | 'circle';
|
||||
}
|
||||
/**
|
||||
* @description 宫格
|
||||
*/
|
||||
export interface IGridProps extends IBaseProps {
|
||||
/**
|
||||
* @desscription 图标样式
|
||||
* @default 'normal'
|
||||
*/
|
||||
iconStyle: 'normal' | 'circle';
|
||||
/**
|
||||
* @description 图标尺寸,单位px
|
||||
*/
|
||||
iconSize: number;
|
||||
/**
|
||||
* @description item布局。垂直/水平,水平仅columns=2生效
|
||||
* @default 'vertical'
|
||||
*/
|
||||
gridItemLayout: 'vertical' | 'horizontal';
|
||||
/**
|
||||
* @description 组合形式
|
||||
* @default 'default'
|
||||
*/
|
||||
mode: 'default' | 'scroll';
|
||||
/**
|
||||
* @description 每行展示的元素个数
|
||||
* @default 5
|
||||
*/
|
||||
columns: number;
|
||||
/**
|
||||
* @description 元素列表
|
||||
*/
|
||||
items: IGridItem[];
|
||||
/**
|
||||
* @description 是否展示分割线
|
||||
*/
|
||||
showDivider: boolean;
|
||||
/**
|
||||
* @description 分页符背景色
|
||||
* @default '#ddd'
|
||||
*/
|
||||
paginationFillColor: string;
|
||||
/**
|
||||
* @description 分页符颜色
|
||||
* @default '#1677ff'
|
||||
*/
|
||||
paginationFrontColor: string;
|
||||
/**
|
||||
* @description 点击事件
|
||||
* @param item
|
||||
*/
|
||||
onTap?(item: IGridItem): void;
|
||||
/**
|
||||
* @description 当前元素首次可见面积达到50%时触发
|
||||
* @param item
|
||||
*/
|
||||
onFirstAppear?(item: IGridItem): void;
|
||||
}
|
||||
export declare const GridDefaultProps: Partial<IGridProps>;
|
||||
export declare const GridFunctionalProps: IGridProps;
|
18
甲情_甲意/miniprogram/node_modules/antd-mini/es/Grid/props.js
generated
vendored
Normal file
18
甲情_甲意/miniprogram/node_modules/antd-mini/es/Grid/props.js
generated
vendored
Normal file
@ -0,0 +1,18 @@
|
||||
export var GridDefaultProps = {
|
||||
iconStyle: 'normal',
|
||||
mode: 'default',
|
||||
columns: 5,
|
||||
gridItemLayout: 'vertical',
|
||||
showDivider: false,
|
||||
};
|
||||
export var GridFunctionalProps = {
|
||||
iconStyle: 'normal',
|
||||
iconSize: null,
|
||||
gridItemLayout: 'vertical',
|
||||
mode: 'default',
|
||||
columns: 5,
|
||||
items: [],
|
||||
showDivider: false,
|
||||
paginationFrontColor: '',
|
||||
paginationFillColor: '',
|
||||
};
|
Reference in New Issue
Block a user