This commit is contained in:
Ling53666
2025-08-18 09:11:51 +08:00
commit 02554225da
2516 changed files with 133155 additions and 0 deletions

View File

@ -0,0 +1 @@
.ant-loading-small{width:17.5px;height:17.5px}.ant-loading-medium{width:35px;height:35px}.ant-loading-large{width:52.5px;height:52.5px}.ant-loading-x-large{width:70px;height:70px}.ant-loading-spin{display:inline-flex;justify-content:center;align-items:center}.ant-loading-spin-icon{width:100%;height:100%;background-position:center;background-repeat:no-repeat}.ant-loading-mini{display:inline-flex;justify-content:center;align-items:center;min-width:33px;min-height:33px}.ant-loading-mini-item{flex:0 0 4px;min-width:4px;min-height:4px;max-width:4px;max-height:4px;overflow:hidden;margin-right:8px;font-size:0;border-radius:2px/2;background-color:#999;animation:ant-loading-animation 1s 0s infinite linear}.ant-loading-mini-item__1{animation-delay:0s}.ant-loading-mini-item__2{animation-delay:150ms}.ant-loading-mini-item__3{margin-right:0;animation-delay:.3s}@keyframes ant-loading-animation{0%{transform:translate3d(0,0,0)}12%{transform:translate3d(0,-150%,0)}40%{transform:translate3d(0,110%,0)}55%{transform:translate3d(0,-10%,0)}60%{transform:translate3d(0,0,0)}100%{transform:translate3d(0,0,0)}}

View File

@ -0,0 +1,34 @@
<import-sjs
from="./index.sjs"
name="helper"
></import-sjs>
<view
class="ant-loading {{type === 'spin' ? 'ant-loading-spin' : 'ant-loading-mini'}} {{helper.getClass(size)}} {{className ? className : ''}}"
style="{{style}}"
>
<view
a:if="{{type === 'spin'}}"
class="ant-loading-spin-icon"
style="background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%2224%2024%2048%2048%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20repeatCount%3D%22indefinite%22%20from%3D%220%22%20to%3D%22360%22%20dur%3D%221400ms%22%3E%3C%2FanimateTransform%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%2248%22%20r%3D%2220%22%20fill%3D%22none%22%20stroke%3D%22%23{{helper.getLoadingColor(color || '#fff')}}%22%20stroke-width%3D%222%22%20transform%3D%22translate%5C\(0%2C0%5C\)%22%3E%3Canimate%20attributeName%3D%22stroke-dasharray%22%20values%3D%221px%2C%20200px%3B100px%2C%20200px%3B100px%2C%20200px%22%20dur%3D%221400ms%22%20repeatCount%3D%22indefinite%22%3E%3C%2Fanimate%3E%3Canimate%20attributeName%3D%22stroke-dashoffset%22%20values%3D%220px%3B-15px%3B-125px%22%20dur%3D%221400ms%22%20repeatCount%3D%22indefinite%22%3E%3C%2Fanimate%3E%3C%2Fcircle%3E%3C%2Fsvg%3E');"
></view>
<block a:else>
<view
class="ant-loading-mini-item ant-loading-mini-item__1"
style="{{color ? 'background-color: ' + color + ';' : ''}}"
>
.
</view>
<view
class="ant-loading-mini-item ant-loading-mini-item__2"
style="{{color ? 'background-color: ' + color + ';' : ''}}"
>
.
</view>
<view
class="ant-loading-mini-item ant-loading-mini-item__3"
style="{{color ? 'background-color: ' + color + ';' : ''}}"
>
.
</view>
</block>
</view>

View File

@ -0,0 +1 @@
import '../_util/assert-component2';

View File

@ -0,0 +1,5 @@
import { LoadingDefaultProps } from './props';
import '../_util/assert-component2';
Component({
props: LoadingDefaultProps,
});

View File

@ -0,0 +1,3 @@
{
"component": true
}

View File

@ -0,0 +1,16 @@
function getLoadingColor(color) {
if (typeof color === 'string' && color[0] === '#') {
return color.slice(1);
}
}
function getClass(size) {
var list = ['small', 'medium', 'large', 'x-large'];
if (list.indexOf(size) >= 0) {
return "ant-loading-".concat(size);
}
return 'ant-loading-medium';
}
export default {
getLoadingColor: getLoadingColor,
getClass: getClass
};

View File

@ -0,0 +1,18 @@
import { IBaseProps } from '../_util/base';
/**
* @description 加载,用于提示局部或页面在加载中。
*/
export interface ILoadingProps extends IBaseProps {
/**
* @description 加载时的颜色,当 type 为 'spin' 时,只支持十六进制颜色码,如'#fff'
* @default '#fff'
*/
color?: string;
/**
* @description 加载图标尺寸,当 type 为 'spin' 时生效
* @default medium
*/
size?: 'small' | 'medium' | 'large' | 'x-large';
type?: 'spin' | 'mini';
}
export declare const LoadingDefaultProps: Partial<ILoadingProps>;

View File

@ -0,0 +1,5 @@
export var LoadingDefaultProps = {
size: 'medium',
color: '#fff',
type: 'spin',
};