2025/2/8第一次更新

This commit is contained in:
爱吃咸鱼小猫咪
2025-02-08 18:50:38 +08:00
commit d7af560866
26519 changed files with 5046029 additions and 0 deletions
@@ -0,0 +1,20 @@
"use strict";
const common_vendor = require("../../../../../../common/vendor.js");
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
__name: "avatar-group",
props: common_vendor.avatarGroupProps,
emits: common_vendor.avatarGroupEmits,
setup(__props, { emit: __emit }) {
const props = __props;
const emits = __emit;
const ns = common_vendor.useNamespace("avatar");
common_vendor.useAvatarGroup(props, emits);
return (_ctx, _cache) => {
return {
a: common_vendor.n(`${common_vendor.unref(ns).b("group")}`)
};
};
}
});
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-7394f886"]]);
wx.createComponent(Component);
@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}
@@ -0,0 +1 @@
<view class="{{['data-v-7394f886', a, virtualHostClass]}}" style="{{virtualHostStyle}}"><slot/></view>
@@ -0,0 +1,32 @@
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.tn-avatar-group.data-v-7394f886 {
display: flex;
align-items: center;
position: relative;
width: -moz-fit-content;
width: fit-content;
}
@@ -0,0 +1,61 @@
"use strict";
const common_vendor = require("../../../../../../common/vendor.js");
if (!Math) {
(TnIcon + TnBadge)();
}
const TnIcon = () => "../../icon/src/icon.js";
const TnBadge = () => "../../badge/src/badge.js";
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
__name: "avatar",
props: common_vendor.avatarProps,
emits: common_vendor.avatarEmits,
setup(__props, { emit: __emit }) {
const props = __props;
const emits = __emit;
const { componentId, avatarGroupIndex, avatarWidth, avatarClick } = common_vendor.useAvatar(
props,
emits
);
const { ns, avatarClass, avatarStyle } = common_vendor.useAvatarCustomStyle(
props,
avatarGroupIndex,
avatarWidth
);
const { imgMode } = common_vendor.useAvatarProps(props);
const { iconSize, iconColor, iconBold } = common_vendor.useAvatarIconConfig(props.iconConfig);
const { badgeConfig } = common_vendor.useAvatarBadgeProps(props);
return (_ctx, _cache) => {
return common_vendor.e({
a: _ctx.url
}, _ctx.url ? {
b: _ctx.url,
c: common_vendor.unref(imgMode),
d: common_vendor.n(common_vendor.unref(ns).e("image"))
} : _ctx.icon ? {
f: common_vendor.p({
name: _ctx.icon,
color: common_vendor.unref(iconColor),
size: common_vendor.unref(iconSize),
bold: common_vendor.unref(iconBold)
}),
g: common_vendor.n(common_vendor.unref(ns).e("icon"))
} : {
h: common_vendor.n(common_vendor.unref(ns).e("custom"))
}, {
e: _ctx.icon,
i: common_vendor.p({
...common_vendor.unref(badgeConfig)
}),
j: common_vendor.unref(componentId),
k: common_vendor.n(common_vendor.unref(avatarClass)),
l: common_vendor.s(common_vendor.unref(avatarStyle)),
m: common_vendor.o(
//@ts-ignore
(...args) => common_vendor.unref(avatarClick) && common_vendor.unref(avatarClick)(...args)
)
});
};
}
});
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-d772262b"]]);
wx.createComponent(Component);
@@ -0,0 +1,7 @@
{
"component": true,
"usingComponents": {
"tn-icon": "../../icon/src/icon",
"tn-badge": "../../badge/src/badge"
}
}
@@ -0,0 +1 @@
<view id="{{j}}" class="{{['data-v-d772262b', k, virtualHostClass]}}" style="{{l + ';' + virtualHostStyle}}" bindtap="{{m}}"><view wx:if="{{a}}" class="{{['data-v-d772262b', d]}}"><image class="image data-v-d772262b" src="{{b}}" mode="{{c}}"/></view><view wx:elif="{{e}}" class="{{['data-v-d772262b', g]}}"><tn-icon wx:if="{{f}}" class="data-v-d772262b" virtualHostClass="data-v-d772262b" u-i="d772262b-0" bind:__l="__l" u-p="{{f}}"/></view><view wx:else class="{{['data-v-d772262b', h]}}"><slot/></view><tn-badge wx:if="{{i}}" class="data-v-d772262b" virtualHostClass="data-v-d772262b" u-i="d772262b-1" bind:__l="__l" u-p="{{i}}"/></view>
@@ -0,0 +1,109 @@
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.tn-avatar.data-v-d772262b {
display: inline-block;
align-items: center;
justify-content: center;
position: relative;
transition: margin-left 0.25s linear;
width: 70rpx;
height: 70rpx;
/* 头像类型 start */
/* 头像类型 end */
/* 头像形状 start */
/* 头像形状 end */
/* 尺寸 start */
/* 尺寸 end */
}
.tn-avatar__image.data-v-d772262b {
width: 100%;
height: 100%;
border-radius: inherit;
}
.tn-avatar__image .image.data-v-d772262b {
width: 100%;
height: 100%;
border-radius: inherit;
will-change: transform;
}
.tn-avatar__icon.data-v-d772262b {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
font-size: 40rpx;
}
.tn-avatar__custom.data-v-d772262b {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
font-size: 40rpx;
}
.tn-avatar--circle.data-v-d772262b {
border-radius: 50%;
}
.tn-avatar--square.data-v-d772262b {
border-radius: 12rpx;
}
.tn-avatar--sm.data-v-d772262b {
width: 50rpx;
height: 50rpx;
/* 当为图标头像时对应的尺寸 start */
/* 当为图标头像时对应的尺寸 end */
}
.tn-avatar--sm .tn-avatar__icon.data-v-d772262b {
font-size: 28rpx;
}
.tn-avatar--sm .tn-avatar__custom.data-v-d772262b {
font-size: 28rpx;
}
.tn-avatar--lg.data-v-d772262b {
width: 90rpx;
height: 90rpx;
/* 当为图标头像时对应的尺寸 start */
/* 当为图标头像时对应的尺寸 end */
}
.tn-avatar--lg .tn-avatar__icon.data-v-d772262b {
font-size: 50rpx;
}
.tn-avatar--lg .tn-avatar__custom.data-v-d772262b {
font-size: 50rpx;
}
.tn-avatar--xl.data-v-d772262b {
width: 120rpx;
height: 120rpx;
/* 当为图标头像时对应的尺寸 start */
/* 当为图标头像时对应的尺寸 end */
}
.tn-avatar--xl .tn-avatar__icon.data-v-d772262b {
font-size: 70rpx;
}
.tn-avatar--xl .tn-avatar__custom.data-v-d772262b {
font-size: 70rpx;
}