消息
This commit is contained in:
75
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Avatar/index.js
vendored
Normal file
75
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Avatar/index.js
vendored
Normal file
@@ -0,0 +1,75 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
require("../../../adapter-vue.js");
|
||||
const TUIKit_utils_env = require("../../../utils/env.js");
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "index",
|
||||
props: {
|
||||
url: { default: "https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png" },
|
||||
size: { default: "36px" },
|
||||
borderRadius: { default: "5px" },
|
||||
useSkeletonAnimation: { type: Boolean, default: false }
|
||||
},
|
||||
emits: ["onLoad", "onError"],
|
||||
setup(__props, { emit: __emit }) {
|
||||
const defaultAvatarUrl = common_vendor.ref("https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png");
|
||||
const emits = __emit;
|
||||
const props = __props;
|
||||
const {
|
||||
size: avatarSize,
|
||||
url: avatarImageUrl,
|
||||
borderRadius: avatarBorderRadius,
|
||||
useSkeletonAnimation: useAvatarSkeletonAnimation
|
||||
} = common_vendor.toRefs(props);
|
||||
let reloadAvatarTime = 0;
|
||||
const isImgLoaded = common_vendor.ref(false);
|
||||
const loadErrorInUniapp = common_vendor.ref(false);
|
||||
function avatarLoadSuccess(e) {
|
||||
isImgLoaded.value = true;
|
||||
emits("onLoad", e);
|
||||
}
|
||||
function avatarLoadFailed(e) {
|
||||
reloadAvatarTime += 1;
|
||||
if (reloadAvatarTime > 3) {
|
||||
return;
|
||||
}
|
||||
if (TUIKit_utils_env.isUniFrameWork) {
|
||||
loadErrorInUniapp.value = true;
|
||||
} else {
|
||||
e.currentTarget.src = defaultAvatarUrl.value;
|
||||
}
|
||||
emits("onError", e);
|
||||
}
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.unref(TUIKit_utils_env.isUniFrameWork)
|
||||
}, common_vendor.unref(TUIKit_utils_env.isUniFrameWork) ? common_vendor.e({
|
||||
b: !common_vendor.unref(loadErrorInUniapp)
|
||||
}, !common_vendor.unref(loadErrorInUniapp) ? {
|
||||
c: common_vendor.unref(avatarImageUrl) || common_vendor.unref(defaultAvatarUrl),
|
||||
d: common_vendor.o$1(avatarLoadSuccess),
|
||||
e: common_vendor.o$1(avatarLoadFailed)
|
||||
} : {
|
||||
f: common_vendor.unref(defaultAvatarUrl),
|
||||
g: common_vendor.o$1(avatarLoadSuccess),
|
||||
h: common_vendor.o$1(avatarLoadFailed)
|
||||
}) : {
|
||||
i: common_vendor.unref(avatarImageUrl) || common_vendor.unref(defaultAvatarUrl),
|
||||
j: common_vendor.o$1(avatarLoadSuccess),
|
||||
k: common_vendor.o$1(avatarLoadFailed)
|
||||
}, {
|
||||
l: common_vendor.unref(useAvatarSkeletonAnimation) && !common_vendor.unref(isImgLoaded)
|
||||
}, common_vendor.unref(useAvatarSkeletonAnimation) && !common_vendor.unref(isImgLoaded) ? {
|
||||
m: common_vendor.unref(isImgLoaded) ? 1 : "",
|
||||
n: common_vendor.unref(useAvatarSkeletonAnimation) ? 1 : ""
|
||||
} : {}, {
|
||||
o: common_vendor.unref(avatarSize),
|
||||
p: common_vendor.unref(avatarSize),
|
||||
q: common_vendor.unref(avatarBorderRadius)
|
||||
});
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-c7c42418"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/common/Avatar/index.js.map
|
||||
4
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Avatar/index.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Avatar/index.json
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Avatar/index.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Avatar/index.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view class="avatar-container data-v-c7c42418" style="{{'width:' + o + ';' + ('height:' + p) + ';' + ('border-radius:' + q)}}"><block wx:if="{{a}}"><image wx:if="{{b}}" class="avatar-image data-v-c7c42418" src="{{c}}" bindload="{{d}}" binderror="{{e}}"/><image wx:else class="avatar-image data-v-c7c42418" src="{{f}}" bindload="{{g}}" binderror="{{h}}"/></block><image wx:else class="avatar-image data-v-c7c42418" src="{{i}}" bindload="{{j}}" binderror="{{k}}"></image><view wx:if="{{l}}" class="{{['data-v-c7c42418', 'placeholder', m && 'hidden', n && 'skeleton-animation']}}"/></view>
|
||||
63
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Avatar/index.wxss
vendored
Normal file
63
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Avatar/index.wxss
vendored
Normal file
@@ -0,0 +1,63 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.data-v-c7c42418:not(not) {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
box-sizing: border-box;
|
||||
min-width: 0;
|
||||
}
|
||||
.avatar-container.data-v-c7c42418 {
|
||||
position: relative;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
.avatar-container .placeholder.data-v-c7c42418 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #ececec;
|
||||
transition: opacity 0.3s, background-color 0.1s ease-out;
|
||||
}
|
||||
.avatar-container .placeholder.skeleton-animation.data-v-c7c42418 {
|
||||
animation: breath-c7c42418 2s linear 0.3s infinite;
|
||||
}
|
||||
.avatar-container .placeholder.hidden.data-v-c7c42418 {
|
||||
opacity: 0;
|
||||
}
|
||||
.avatar-container .avatar-image.data-v-c7c42418 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
@keyframes breath-c7c42418 {
|
||||
50% {
|
||||
/* stylelint-disable-next-line scss/no-global-function-names */
|
||||
background-color: lightgray;
|
||||
}
|
||||
}
|
||||
132
unpackage/dist/dev/mp-weixin/TUIKit/components/common/BottomPopup/index.js
vendored
Normal file
132
unpackage/dist/dev/mp-weixin/TUIKit/components/common/BottomPopup/index.js
vendored
Normal file
@@ -0,0 +1,132 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
require("../../../adapter-vue.js");
|
||||
const TUIKit_utils_env = require("../../../utils/env.js");
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "index",
|
||||
props: {
|
||||
// Whether to display the bottom pop-up dialog box
|
||||
show: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
// Whether a mask layer is required, the default is true
|
||||
modal: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
// Popup box content area height (excluding mask), default is fit-content
|
||||
height: {
|
||||
type: String,
|
||||
default: "fit-content"
|
||||
},
|
||||
// Whether the pop-up dialog box can be closed by clicking outside, the default is true
|
||||
// uniapp only supports closing the pop-up dialog box by clicking the mask
|
||||
closeByClickOutside: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
// The rounded angle of the top border corners is 0px by default, i.e. right angle by default
|
||||
borderRadius: {
|
||||
type: String,
|
||||
default: "0px"
|
||||
},
|
||||
title: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
// Whether to display the top close button, not displayed by default
|
||||
showHeaderCloseButton: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
// Whether to display the submit button at the bottom, not displayed by default
|
||||
showFooterSubmitButton: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
// Bottom submit button text, only valid when showFooterSubmitButton is true
|
||||
submitButtonContent: {
|
||||
type: String,
|
||||
default: () => common_vendor.Wt.t("确定")
|
||||
}
|
||||
},
|
||||
emits: ["onOpen", "onClose", "onSubmit"],
|
||||
setup(__props, { emit: __emit }) {
|
||||
const props = __props;
|
||||
const emits = __emit;
|
||||
const dialogRef = common_vendor.ref();
|
||||
common_vendor.watch(
|
||||
() => props.show,
|
||||
(newVal, oldVal) => {
|
||||
if (newVal === oldVal) {
|
||||
return;
|
||||
}
|
||||
switch (newVal) {
|
||||
case true:
|
||||
emits("onOpen", dialogRef);
|
||||
common_vendor.nextTick$1(() => {
|
||||
if (TUIKit_utils_env.isH5 && !TUIKit_utils_env.isUniFrameWork) {
|
||||
if (props.closeByClickOutside) {
|
||||
common_vendor.O.listen({
|
||||
domRefs: dialogRef.value,
|
||||
handler: closeBottomPopup
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
break;
|
||||
case false:
|
||||
emits("onClose", dialogRef);
|
||||
break;
|
||||
}
|
||||
}
|
||||
);
|
||||
const closeBottomPopup = () => {
|
||||
if (TUIKit_utils_env.isUniFrameWork || TUIKit_utils_env.isH5) {
|
||||
emits("onClose", dialogRef);
|
||||
}
|
||||
};
|
||||
const submit = () => {
|
||||
emits("onSubmit");
|
||||
closeBottomPopup();
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: props.show
|
||||
}, props.show ? common_vendor.e({
|
||||
b: !common_vendor.unref(TUIKit_utils_env.isPC)
|
||||
}, !common_vendor.unref(TUIKit_utils_env.isPC) ? common_vendor.e({
|
||||
c: __props.title || __props.showHeaderCloseButton
|
||||
}, __props.title || __props.showHeaderCloseButton ? common_vendor.e({
|
||||
d: __props.title
|
||||
}, __props.title ? {
|
||||
e: common_vendor.t(__props.title)
|
||||
} : {}, {
|
||||
f: __props.showHeaderCloseButton
|
||||
}, __props.showHeaderCloseButton ? {
|
||||
g: common_vendor.t(common_vendor.unref(common_vendor.Wt).t("关闭")),
|
||||
h: common_vendor.o$1(closeBottomPopup)
|
||||
} : {}) : {}, {
|
||||
i: __props.showFooterSubmitButton
|
||||
}, __props.showFooterSubmitButton ? {
|
||||
j: common_vendor.t(__props.submitButtonContent),
|
||||
k: common_vendor.o$1(submit)
|
||||
} : {}, {
|
||||
l: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) && "bottom-popup-h5-main"),
|
||||
m: props.height,
|
||||
n: props.borderRadius,
|
||||
o: props.borderRadius,
|
||||
p: common_vendor.o$1(() => {
|
||||
}),
|
||||
q: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) && "bottom-popup-h5"),
|
||||
r: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) && props.modal && "bottom-popup-modal"),
|
||||
s: common_vendor.n(common_vendor.unref(TUIKit_utils_env.isUniFrameWork) && "bottom-popup-uni"),
|
||||
t: common_vendor.o$1(closeBottomPopup)
|
||||
}) : {}) : {});
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-6d2e47d7"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/common/BottomPopup/index.js.map
|
||||
4
unpackage/dist/dev/mp-weixin/TUIKit/components/common/BottomPopup/index.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/TUIKit/components/common/BottomPopup/index.json
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/BottomPopup/index.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/BottomPopup/index.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view wx:if="{{a}}" class="data-v-6d2e47d7"><view wx:if="{{b}}" class="{{['data-v-6d2e47d7', 'bottom-popup', q, r, s]}}" bindtap="{{t}}"><view ref="dialogRef" class="{{['data-v-6d2e47d7', 'bottom-popup-main', l]}}" style="{{'height:' + m + ';' + ('border-top-left-radius:' + n) + ';' + ('border-top-right-radius:' + o)}}" catchtap="{{p}}"><view wx:if="{{c}}" class="header data-v-6d2e47d7"><view wx:if="{{d}}" class="header-title data-v-6d2e47d7">{{e}}</view><view wx:if="{{f}}" class="header-close data-v-6d2e47d7" bindtap="{{h}}">{{g}}</view></view><slot/><view wx:if="{{i}}" class="footer data-v-6d2e47d7"><view class="footer-submit data-v-6d2e47d7" bindtap="{{k}}">{{j}}</view></view></view></view><slot wx:else/></view>
|
||||
133
unpackage/dist/dev/mp-weixin/TUIKit/components/common/BottomPopup/index.wxss
vendored
Normal file
133
unpackage/dist/dev/mp-weixin/TUIKit/components/common/BottomPopup/index.wxss
vendored
Normal file
@@ -0,0 +1,133 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
body.data-v-6d2e47d7, div.data-v-6d2e47d7, ul.data-v-6d2e47d7, ol.data-v-6d2e47d7, dt.data-v-6d2e47d7, dd.data-v-6d2e47d7, li.data-v-6d2e47d7, dl.data-v-6d2e47d7, h1.data-v-6d2e47d7, h2.data-v-6d2e47d7, h3.data-v-6d2e47d7, h4.data-v-6d2e47d7, p.data-v-6d2e47d7 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-style: normal;
|
||||
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
||||
}
|
||||
ol.data-v-6d2e47d7, ul.data-v-6d2e47d7, li.data-v-6d2e47d7 {
|
||||
list-style: none;
|
||||
}
|
||||
img.data-v-6d2e47d7 {
|
||||
border: 0;
|
||||
vertical-align: middle;
|
||||
pointer-events: none;
|
||||
}
|
||||
body.data-v-6d2e47d7 {
|
||||
color: #000;
|
||||
background: #FFF;
|
||||
}
|
||||
.clear.data-v-6d2e47d7 {
|
||||
clear: both;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
margin-top: -1px;
|
||||
}
|
||||
a.data-v-6d2e47d7 {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
a.data-v-6d2e47d7:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
input.data-v-6d2e47d7, textarea.data-v-6d2e47d7 {
|
||||
-webkit-user-select: auto;
|
||||
user-select: auto;
|
||||
}
|
||||
input.data-v-6d2e47d7:focus, input.data-v-6d2e47d7:active, textarea.data-v-6d2e47d7:focus, textarea.data-v-6d2e47d7:active {
|
||||
outline: none;
|
||||
}
|
||||
.chat-aside.data-v-6d2e47d7 {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
right: 0;
|
||||
box-sizing: border-box;
|
||||
width: 360px !important;
|
||||
border-radius: 8px 0 0 8px;
|
||||
z-index: 9999;
|
||||
max-height: calc(100% - 50px);
|
||||
}
|
||||
.bottom-popup-h5.data-v-6d2e47d7 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
align-items: stretch;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
z-index: 10;
|
||||
border-radius: 5px 5px 0 0;
|
||||
}
|
||||
.bottom-popup-h5-main.data-v-6d2e47d7 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: stretch;
|
||||
height: -webkit-fit-content;
|
||||
height: fit-content;
|
||||
background-color: #fff;
|
||||
}
|
||||
.bottom-popup-h5-main .header.data-v-6d2e47d7 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
padding: 20px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.bottom-popup-h5-main .header .header-close.data-v-6d2e47d7 {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
color: #006eff;
|
||||
font-size: 18px;
|
||||
}
|
||||
.bottom-popup-h5-main .footer.data-v-6d2e47d7 {
|
||||
padding: 20px;
|
||||
}
|
||||
.bottom-popup-h5-main .footer .footer-submit.data-v-6d2e47d7 {
|
||||
color: #fff;
|
||||
padding: 12px 0;
|
||||
width: 100%;
|
||||
background: #006eff;
|
||||
text-align: center;
|
||||
border-radius: 5px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.bottom-popup-uni.data-v-6d2e47d7 {
|
||||
padding-bottom: var(--window-bottom);
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
.bottom-popup-modal.data-v-6d2e47d7 {
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
218
unpackage/dist/dev/mp-weixin/TUIKit/components/common/DatePicker/date-picker-panel.js
vendored
Normal file
218
unpackage/dist/dev/mp-weixin/TUIKit/components/common/DatePicker/date-picker-panel.js
vendored
Normal file
@@ -0,0 +1,218 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
require("../../../adapter-vue.js");
|
||||
const common_assets = require("../../../../common/assets.js");
|
||||
const TUIKit_utils_env = require("../../../utils/env.js");
|
||||
if (!Math) {
|
||||
(Icon + DateTable)();
|
||||
}
|
||||
const DateTable = () => "./date-table.js";
|
||||
const Icon = () => "../Icon.js";
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "date-picker-panel",
|
||||
props: {
|
||||
type: {
|
||||
type: String,
|
||||
default: "range"
|
||||
// "single"/"range"
|
||||
},
|
||||
// Unique attribute when type is single
|
||||
date: {
|
||||
type: common_vendor.dayjs_minExports.Dayjs,
|
||||
default: () => common_vendor.dayjs()
|
||||
},
|
||||
// Unique attribute when type is range
|
||||
startDate: {
|
||||
type: common_vendor.dayjs_minExports.Dayjs,
|
||||
default: null
|
||||
},
|
||||
endDate: {
|
||||
type: common_vendor.dayjs_minExports.Dayjs,
|
||||
default: null
|
||||
},
|
||||
rangeType: {
|
||||
type: String,
|
||||
default: ""
|
||||
// "left"/"right"
|
||||
},
|
||||
currentOtherPanelValue: {
|
||||
type: common_vendor.dayjs_minExports.Dayjs,
|
||||
default: null
|
||||
}
|
||||
},
|
||||
emits: ["pick", "change"],
|
||||
setup(__props, { emit: __emit }) {
|
||||
const props = __props;
|
||||
const emit = __emit;
|
||||
const n = (className) => {
|
||||
return className ? [
|
||||
"tui-date-picker-panel-" + className,
|
||||
!TUIKit_utils_env.isPC && "tui-date-picker-panel-h5-" + className
|
||||
] : ["tui-date-picker-panel", !TUIKit_utils_env.isPC && "tui-date-picker-panel-h5"];
|
||||
};
|
||||
const currentPanelDate = common_vendor.ref();
|
||||
const year = common_vendor.computed(() => {
|
||||
var _a;
|
||||
return (_a = currentPanelDate.value) == null ? void 0 : _a.get("year");
|
||||
});
|
||||
const month = common_vendor.computed(() => {
|
||||
var _a;
|
||||
return (_a = currentPanelDate.value) == null ? void 0 : _a.format("MMMM");
|
||||
});
|
||||
const canYearMore = common_vendor.computed(() => {
|
||||
var _a, _b, _c;
|
||||
const prevYearNumber = ((_a = props.currentOtherPanelValue) == null ? void 0 : _a.year()) - 1;
|
||||
const prevYear = (_b = props.currentOtherPanelValue) == null ? void 0 : _b.year(prevYearNumber);
|
||||
return props.rangeType === "right" || ((_c = currentPanelDate.value) == null ? void 0 : _c.isBefore(prevYear, "year"));
|
||||
});
|
||||
const canMonthMore = common_vendor.computed(() => {
|
||||
var _a, _b, _c;
|
||||
const prevMonthNumber = ((_a = props.currentOtherPanelValue) == null ? void 0 : _a.month()) - 1;
|
||||
const prevMonth = (_b = props.currentOtherPanelValue) == null ? void 0 : _b.month(prevMonthNumber);
|
||||
return props.rangeType === "right" || ((_c = currentPanelDate.value) == null ? void 0 : _c.isBefore(prevMonth, "month"));
|
||||
});
|
||||
const canYearLess = common_vendor.computed(() => {
|
||||
var _a, _b, _c;
|
||||
const nextYearNumber = ((_a = props.currentOtherPanelValue) == null ? void 0 : _a.year()) + 1;
|
||||
const nextYear = (_b = props.currentOtherPanelValue) == null ? void 0 : _b.year(nextYearNumber);
|
||||
return props.rangeType === "left" || ((_c = currentPanelDate.value) == null ? void 0 : _c.isAfter(nextYear, "year"));
|
||||
});
|
||||
const canMonthLess = common_vendor.computed(() => {
|
||||
var _a, _b, _c;
|
||||
const nextMonthNumber = ((_a = props.currentOtherPanelValue) == null ? void 0 : _a.month()) + 1;
|
||||
const nextMonth = (_b = props.currentOtherPanelValue) == null ? void 0 : _b.month(nextMonthNumber);
|
||||
return props.rangeType === "left" || ((_c = currentPanelDate.value) == null ? void 0 : _c.isAfter(nextMonth, "month"));
|
||||
});
|
||||
const handleSingleDate = () => {
|
||||
var _a;
|
||||
if (props.date && ((_a = common_vendor.dayjs(props.date)) == null ? void 0 : _a.isValid())) {
|
||||
return {
|
||||
date: props == null ? void 0 : props.date
|
||||
};
|
||||
}
|
||||
return {
|
||||
date: common_vendor.dayjs()
|
||||
};
|
||||
};
|
||||
const handleRangeDate = () => {
|
||||
var _a;
|
||||
switch (props.rangeType) {
|
||||
case "left":
|
||||
if (props.startDate && common_vendor.dayjs.isDayjs(props.startDate)) {
|
||||
return {
|
||||
date: props == null ? void 0 : props.startDate
|
||||
};
|
||||
} else {
|
||||
return {
|
||||
date: common_vendor.dayjs()
|
||||
};
|
||||
}
|
||||
case "right":
|
||||
if (props.endDate && common_vendor.dayjs.isDayjs(props.endDate) && ((_a = props == null ? void 0 : props.endDate) == null ? void 0 : _a.isAfter(props.startDate, "month"))) {
|
||||
return {
|
||||
date: props == null ? void 0 : props.endDate
|
||||
};
|
||||
} else {
|
||||
const _month = (props.startDate || common_vendor.dayjs()).month();
|
||||
return {
|
||||
date: (props.startDate || common_vendor.dayjs()).month(_month + 1)
|
||||
};
|
||||
}
|
||||
default:
|
||||
return {
|
||||
date: common_vendor.dayjs()
|
||||
};
|
||||
}
|
||||
};
|
||||
function handlePick(cell) {
|
||||
emit("pick", cell);
|
||||
}
|
||||
function change(type, num) {
|
||||
currentPanelDate.value = common_vendor.dayjs(currentPanelDate.value.toDate()).add(
|
||||
num,
|
||||
type
|
||||
);
|
||||
emit("change", currentPanelDate.value);
|
||||
}
|
||||
common_vendor.onBeforeMount(() => {
|
||||
switch (props.type) {
|
||||
case "single":
|
||||
currentPanelDate.value = handleSingleDate().date;
|
||||
emit("change", currentPanelDate.value);
|
||||
break;
|
||||
case "range":
|
||||
currentPanelDate.value = handleRangeDate().date;
|
||||
emit("change", currentPanelDate.value);
|
||||
break;
|
||||
}
|
||||
});
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.unref(canYearLess)
|
||||
}, common_vendor.unref(canYearLess) ? {
|
||||
b: common_vendor.p({
|
||||
file: common_vendor.unref(common_assets.dLeftArrowIcon),
|
||||
width: "12px",
|
||||
height: "12px"
|
||||
}),
|
||||
c: common_vendor.n(n("icon")),
|
||||
d: common_vendor.o$1(($event) => change("year", -1))
|
||||
} : {}, {
|
||||
e: common_vendor.unref(canMonthLess)
|
||||
}, common_vendor.unref(canMonthLess) ? {
|
||||
f: common_vendor.p({
|
||||
file: common_vendor.unref(common_assets.leftArrowIcon),
|
||||
width: "10px",
|
||||
height: "10px"
|
||||
}),
|
||||
g: common_vendor.n(n("icon")),
|
||||
h: common_vendor.o$1(($event) => change("month", -1))
|
||||
} : {}, {
|
||||
i: common_vendor.n(n("body-header-prev")),
|
||||
j: common_vendor.t(common_vendor.unref(year)),
|
||||
k: common_vendor.n(n("body-header-label-item")),
|
||||
l: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`time.${common_vendor.unref(month)}`)),
|
||||
m: common_vendor.n(n("body-header-label-item")),
|
||||
n: common_vendor.n(n("body-header-label")),
|
||||
o: common_vendor.unref(canMonthMore)
|
||||
}, common_vendor.unref(canMonthMore) ? {
|
||||
p: common_vendor.p({
|
||||
file: common_vendor.unref(common_assets.rightArrowIcon),
|
||||
width: "10px",
|
||||
height: "10px"
|
||||
}),
|
||||
q: common_vendor.n(n("icon")),
|
||||
r: common_vendor.o$1(($event) => change("month", 1))
|
||||
} : {}, {
|
||||
s: common_vendor.unref(canYearMore)
|
||||
}, common_vendor.unref(canYearMore) ? {
|
||||
t: common_vendor.p({
|
||||
file: common_vendor.unref(common_assets.dRightArrowIcon),
|
||||
width: "12px",
|
||||
height: "12px"
|
||||
}),
|
||||
v: common_vendor.n(n("icon")),
|
||||
w: common_vendor.o$1(($event) => change("year", 1))
|
||||
} : {}, {
|
||||
x: common_vendor.n(n("body-header-next")),
|
||||
y: common_vendor.n(n("body-header")),
|
||||
z: common_vendor.o$1(handlePick),
|
||||
A: common_vendor.p({
|
||||
type: props.type,
|
||||
date: props.date,
|
||||
startDate: props.startDate,
|
||||
endDate: props.endDate,
|
||||
currentPanelDate: common_vendor.unref(currentPanelDate)
|
||||
}),
|
||||
B: common_vendor.n(n("body-content")),
|
||||
C: common_vendor.n(n("body")),
|
||||
D: common_vendor.n(n("")),
|
||||
E: common_vendor.o$1(() => {
|
||||
})
|
||||
});
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-389108a1"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/common/DatePicker/date-picker-panel.js.map
|
||||
7
unpackage/dist/dev/mp-weixin/TUIKit/components/common/DatePicker/date-picker-panel.json
vendored
Normal file
7
unpackage/dist/dev/mp-weixin/TUIKit/components/common/DatePicker/date-picker-panel.json
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"date-table": "./date-table",
|
||||
"icon": "../Icon"
|
||||
}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/DatePicker/date-picker-panel.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/DatePicker/date-picker-panel.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view class="{{['data-v-389108a1', D]}}" catchmouseup="{{E}}"><view class="{{['data-v-389108a1', C]}}"><view class="{{['data-v-389108a1', y]}}"><view class="{{['data-v-389108a1', i]}}"><view wx:if="{{a}}" class="{{['data-v-389108a1', c]}}" bindtap="{{d}}"><icon wx:if="{{b}}" class="data-v-389108a1" u-i="389108a1-0" bind:__l="__l" u-p="{{b}}"/></view><view wx:if="{{e}}" class="{{['data-v-389108a1', g]}}" bindtap="{{h}}"><icon wx:if="{{f}}" class="data-v-389108a1" u-i="389108a1-1" bind:__l="__l" u-p="{{f}}"/></view></view><view class="{{['data-v-389108a1', n]}}"><view class="{{['data-v-389108a1', k]}}">{{j}}</view><view class="{{['data-v-389108a1', m]}}">{{l}}</view></view><view class="{{['data-v-389108a1', x]}}"><view wx:if="{{o}}" class="{{['data-v-389108a1', q]}}" bindtap="{{r}}"><icon wx:if="{{p}}" class="data-v-389108a1" u-i="389108a1-2" bind:__l="__l" u-p="{{p}}"/></view><view wx:if="{{s}}" class="{{['data-v-389108a1', v]}}" bindtap="{{w}}"><icon wx:if="{{t}}" class="data-v-389108a1" u-i="389108a1-3" bind:__l="__l" u-p="{{t}}"/></view></view></view><view class="{{['data-v-389108a1', B]}}"><date-table wx:if="{{A}}" class="data-v-389108a1" bindpick="{{z}}" u-i="389108a1-4" bind:__l="__l" u-p="{{A}}"/></view></view></view>
|
||||
75
unpackage/dist/dev/mp-weixin/TUIKit/components/common/DatePicker/date-picker-panel.wxss
vendored
Normal file
75
unpackage/dist/dev/mp-weixin/TUIKit/components/common/DatePicker/date-picker-panel.wxss
vendored
Normal file
@@ -0,0 +1,75 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.tui-date-picker-panel.data-v-389108a1 {
|
||||
width: 200px;
|
||||
margin: 5px;
|
||||
}
|
||||
.tui-date-picker-panel-body.data-v-389108a1 {
|
||||
width: 200px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.tui-date-picker-panel-body-header.data-v-389108a1 {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
height: 30px;
|
||||
padding: 0 5px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.tui-date-picker-panel-body-header-prev.data-v-389108a1 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
cursor: pointer;
|
||||
width: 24px;
|
||||
}
|
||||
.tui-date-picker-panel-body-header-label.data-v-389108a1 {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
color: #666;
|
||||
}
|
||||
.tui-date-picker-panel-body-header-label-item.data-v-389108a1 {
|
||||
padding: 0 5px;
|
||||
color: #666;
|
||||
}
|
||||
.tui-date-picker-panel-body-header-next.data-v-389108a1 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
cursor: pointer;
|
||||
width: 24px;
|
||||
}
|
||||
.tui-date-picker-panel-icon.data-v-389108a1 {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 12px;
|
||||
}
|
||||
147
unpackage/dist/dev/mp-weixin/TUIKit/components/common/DatePicker/date-table.js
vendored
Normal file
147
unpackage/dist/dev/mp-weixin/TUIKit/components/common/DatePicker/date-table.js
vendored
Normal file
@@ -0,0 +1,147 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
require("../../../adapter-vue.js");
|
||||
const TUIKit_utils_env = require("../../../utils/env.js");
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "date-table",
|
||||
props: {
|
||||
type: {
|
||||
type: String,
|
||||
default: "range"
|
||||
// "single"/"range"
|
||||
},
|
||||
currentPanelDate: {
|
||||
type: common_vendor.dayjs_minExports.Dayjs,
|
||||
default: () => common_vendor.dayjs()
|
||||
},
|
||||
// Unique attribute when type is single
|
||||
date: {
|
||||
type: common_vendor.dayjs_minExports.Dayjs,
|
||||
default: null
|
||||
},
|
||||
// Unique attribute when type is range
|
||||
startDate: {
|
||||
type: common_vendor.dayjs_minExports.Dayjs,
|
||||
default: null
|
||||
},
|
||||
endDate: {
|
||||
type: common_vendor.dayjs_minExports.Dayjs,
|
||||
default: null
|
||||
}
|
||||
},
|
||||
emits: ["pick"],
|
||||
setup(__props, { emit: __emit }) {
|
||||
const props = __props;
|
||||
const emit = __emit;
|
||||
const instance = common_vendor.getCurrentInstance();
|
||||
const tableRows = common_vendor.ref([[], [], [], [], [], []]);
|
||||
const currentPanelDateObject = common_vendor.ref(
|
||||
common_vendor.dayjs(props.currentPanelDate || null)
|
||||
);
|
||||
const dateObject = common_vendor.ref(common_vendor.dayjs(props.date || null));
|
||||
const startDateObject = common_vendor.ref(common_vendor.dayjs(props.startDate || null));
|
||||
const endDateObject = common_vendor.ref(common_vendor.dayjs(props.endDate || null));
|
||||
const WEEKS_CONSTANT = common_vendor.computed(() => {
|
||||
return common_vendor.dayjs.weekdaysShort();
|
||||
});
|
||||
const WEEKS = common_vendor.computed(
|
||||
() => WEEKS_CONSTANT.value.map((w) => w.substring(1))
|
||||
);
|
||||
const startDateOnTable = common_vendor.computed(() => {
|
||||
var _a;
|
||||
const startDayOfMonth = (_a = currentPanelDateObject.value) == null ? void 0 : _a.startOf("month");
|
||||
return startDayOfMonth == null ? void 0 : startDayOfMonth.subtract((startDayOfMonth == null ? void 0 : startDayOfMonth.day()) || 7, "day");
|
||||
});
|
||||
const rows = common_vendor.computed(() => {
|
||||
var _a, _b, _c, _d, _e;
|
||||
const rows_ = tableRows.value;
|
||||
const cols = WEEKS.value.length;
|
||||
const startOfMonth = (_a = currentPanelDateObject.value) == null ? void 0 : _a.startOf("month");
|
||||
const startOfMonthDay = (startOfMonth == null ? void 0 : startOfMonth.day()) || 7;
|
||||
const dateCountOfMonth = startOfMonth == null ? void 0 : startOfMonth.daysInMonth();
|
||||
let count = 1;
|
||||
for (let row = 0; row < tableRows.value.length; row++) {
|
||||
for (let col = 0; col < cols; col++) {
|
||||
const cellDate = (_b = startDateOnTable.value) == null ? void 0 : _b.add(count, "day");
|
||||
const text = cellDate == null ? void 0 : cellDate.date();
|
||||
const isSelected = props.type === "single" && (cellDate == null ? void 0 : cellDate.format("YYYY-MM-DD")) === ((_c = dateObject.value) == null ? void 0 : _c.format("YYYY-MM-DD"));
|
||||
const isSelectedStart = props.type === "range" && (cellDate == null ? void 0 : cellDate.format("YYYY-MM-DD")) === ((_d = startDateObject.value) == null ? void 0 : _d.format("YYYY-MM-DD"));
|
||||
const isSelectedEnd = props.type === "range" && (cellDate == null ? void 0 : cellDate.format("YYYY-MM-DD")) === ((_e = endDateObject.value) == null ? void 0 : _e.format("YYYY-MM-DD"));
|
||||
const isInRange = (cellDate == null ? void 0 : cellDate.isSameOrBefore(endDateObject.value, "day")) && (cellDate == null ? void 0 : cellDate.isSameOrAfter(startDateObject.value, "day"));
|
||||
let type = "normal";
|
||||
if (count < startOfMonthDay) {
|
||||
type = "prev-month";
|
||||
} else if (count - startOfMonthDay >= dateCountOfMonth) {
|
||||
type = "next-month";
|
||||
}
|
||||
rows_[row][col] = {
|
||||
type,
|
||||
date: cellDate,
|
||||
text,
|
||||
isSelected: isSelected || isSelectedStart || isSelectedEnd,
|
||||
isSelectedStart,
|
||||
isSelectedEnd,
|
||||
isInRange
|
||||
};
|
||||
count++;
|
||||
}
|
||||
}
|
||||
return rows_;
|
||||
});
|
||||
const handlePick = (cell) => {
|
||||
if ((cell == null ? void 0 : cell.type) !== "normal") {
|
||||
return;
|
||||
}
|
||||
emit("pick", cell);
|
||||
};
|
||||
common_vendor.watch(
|
||||
() => [props.currentPanelDate, props.date, props.startDate, props.endDate],
|
||||
() => {
|
||||
currentPanelDateObject.value = common_vendor.dayjs(props.currentPanelDate || null);
|
||||
dateObject.value = common_vendor.dayjs(props.date || null);
|
||||
startDateObject.value = common_vendor.dayjs(props.startDate || null);
|
||||
endDateObject.value = common_vendor.dayjs(props.endDate || null);
|
||||
common_vendor.nextTick$1(() => {
|
||||
var _a;
|
||||
(_a = instance == null ? void 0 : instance.proxy) == null ? void 0 : _a.$forceUpdate();
|
||||
});
|
||||
},
|
||||
{
|
||||
deep: true,
|
||||
immediate: true
|
||||
}
|
||||
);
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.f(common_vendor.unref(WEEKS), (item, k0, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`time.${item}`)),
|
||||
b: item,
|
||||
c: item + ""
|
||||
};
|
||||
}),
|
||||
b: common_vendor.f(common_vendor.unref(rows), (row, rowKey, i0) => {
|
||||
return {
|
||||
a: common_vendor.f(row, (col, colKey, i1) => {
|
||||
return {
|
||||
a: common_vendor.t(col.text),
|
||||
b: common_vendor.n(col.isSelected && "selected"),
|
||||
c: common_vendor.n(col.isSelectedStart && "selected-start"),
|
||||
d: common_vendor.n(col.isSelectedEnd && "selected-end"),
|
||||
e: common_vendor.n(col.isInRange && "range"),
|
||||
f: common_vendor.o$1(($event) => handlePick(col), colKey),
|
||||
g: colKey,
|
||||
h: common_vendor.n(col.type)
|
||||
};
|
||||
}),
|
||||
b: rowKey
|
||||
};
|
||||
}),
|
||||
c: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) && "tui-date-table-h5")
|
||||
};
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-0072a759"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/common/DatePicker/date-table.js.map
|
||||
4
unpackage/dist/dev/mp-weixin/TUIKit/components/common/DatePicker/date-table.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/TUIKit/components/common/DatePicker/date-table.json
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/DatePicker/date-table.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/DatePicker/date-table.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view class="{{['data-v-0072a759', 'tui-date-table', c]}}" cellspacing="0" cellpadding="0" role="grid"><view class="tui-date-table-body data-v-0072a759"><view class="tui-date-table-body-weeks data-v-0072a759"><view wx:for="{{a}}" wx:for-item="item" wx:key="b" class="tui-date-table-body-weeks-item data-v-0072a759" aria-label="{{item.c}}" scope="col">{{item.a}}</view></view><view wx:for="{{b}}" wx:for-item="row" wx:key="b" class="tui-date-table-body-days data-v-0072a759"><view wx:for="{{row.a}}" wx:for-item="col" wx:key="g" class="{{['data-v-0072a759', 'tui-date-table-body-days-item', col.h]}}"><view class="{{['data-v-0072a759', 'tui-date-table-body-days-item-cell', col.b, col.c, col.d, col.e]}}" bindtap="{{col.f}}"><label class="tui-date-table-body-days-item-cell-text data-v-0072a759">{{col.a}}</label></view></view></view></view></view>
|
||||
128
unpackage/dist/dev/mp-weixin/TUIKit/components/common/DatePicker/date-table.wxss
vendored
Normal file
128
unpackage/dist/dev/mp-weixin/TUIKit/components/common/DatePicker/date-table.wxss
vendored
Normal file
@@ -0,0 +1,128 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
/* stylelint-disable selector-class-pattern */
|
||||
.tui-date-table.data-v-0072a759 {
|
||||
border-spacing: 0;
|
||||
-webkit-border-horizontal-spacing: 0;
|
||||
-webkit-border-vertical-spacing: 0;
|
||||
font-size: 12px;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.tui-date-table.data-v-0072a759::after, .tui-date-table.data-v-0072a759::before {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.tui-date-table-body.data-v-0072a759 {
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
}
|
||||
.tui-date-table-body-weeks.data-v-0072a759, .tui-date-table-body-days.data-v-0072a759 {
|
||||
box-sizing: border-box;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-around;
|
||||
overflow: hidden;
|
||||
}
|
||||
.tui-date-table-body-weeks.data-v-0072a759 {
|
||||
width: 100%;
|
||||
}
|
||||
.tui-date-table-body-weeks-item.data-v-0072a759 {
|
||||
color: #666;
|
||||
font-size: 12px;
|
||||
font-weight: 400px;
|
||||
}
|
||||
.tui-date-table-body-days.data-v-0072a759 {
|
||||
color: #000;
|
||||
}
|
||||
.tui-date-table-body-days-item-cell.data-v-0072a759 {
|
||||
text-align: center;
|
||||
padding: 2px;
|
||||
margin: 2px 0;
|
||||
}
|
||||
.tui-date-table-body-days-item-cell-text.data-v-0072a759 {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border-radius: 50%;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.tui-date-table-body-days-item .selected.data-v-0072a759 {
|
||||
border-radius: 12px;
|
||||
}
|
||||
.tui-date-table-body-days-item .selected .tui-date-table-body-days-item-cell-text.data-v-0072a759 {
|
||||
box-sizing: border-box;
|
||||
color: #007aff;
|
||||
border: 1px solid #007aff;
|
||||
background-color: #fff;
|
||||
}
|
||||
.tui-date-table-body-days-item .range.data-v-0072a759 {
|
||||
background-color: #007aff33;
|
||||
}
|
||||
.tui-date-table-body-days-item .selected-start.data-v-0072a759 {
|
||||
border-radius: 12px 0 0 12px;
|
||||
}
|
||||
.tui-date-table-body-days-item .selected-end.data-v-0072a759 {
|
||||
border-radius: 0 12px 12px 0;
|
||||
}
|
||||
.tui-date-table-body-days-item .selected-start.selected-end.data-v-0072a759 {
|
||||
border-radius: 12px;
|
||||
}
|
||||
.tui-date-table-body-days .prev-month.data-v-0072a759,
|
||||
.tui-date-table-body-days .next-month.data-v-0072a759 {
|
||||
color: #666;
|
||||
background-color: #fff;
|
||||
}
|
||||
.tui-date-table-body-days .prev-month .range.data-v-0072a759,
|
||||
.tui-date-table-body-days .next-month .range.data-v-0072a759 {
|
||||
color: #666;
|
||||
background-color: #fff;
|
||||
}
|
||||
.tui-date-table-body-days .prev-month .selected .tui-date-table-body-days-item-cell-text.data-v-0072a759,
|
||||
.tui-date-table-body-days .next-month .selected .tui-date-table-body-days-item-cell-text.data-v-0072a759 {
|
||||
box-sizing: border-box;
|
||||
color: #666;
|
||||
border: none;
|
||||
}
|
||||
.tui-date-table-h5.data-v-0072a759 {
|
||||
/* stylelint-disable-next-line no-descending-specificity */
|
||||
}
|
||||
.tui-date-table-h5 .tui-date-table-body-days-item-cell-text.data-v-0072a759 {
|
||||
cursor: none !important;
|
||||
}
|
||||
td.data-v-0072a759,
|
||||
._td.data-v-0072a759,
|
||||
.tui-date-table-body-days-item.data-v-0072a759 {
|
||||
flex: 1;
|
||||
}
|
||||
198
unpackage/dist/dev/mp-weixin/TUIKit/components/common/DatePicker/index.js
vendored
Normal file
198
unpackage/dist/dev/mp-weixin/TUIKit/components/common/DatePicker/index.js
vendored
Normal file
@@ -0,0 +1,198 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
require("../../../adapter-vue.js");
|
||||
const TUIKit_utils_env = require("../../../utils/env.js");
|
||||
if (!Math) {
|
||||
DatePickerPanel();
|
||||
}
|
||||
const DatePickerPanel = () => "./date-picker-panel.js";
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "index",
|
||||
props: {
|
||||
type: {
|
||||
type: String,
|
||||
default: "range"
|
||||
// "single" / "range"
|
||||
},
|
||||
rangeTableType: {
|
||||
type: String,
|
||||
default: "one"
|
||||
// "one"/ "two"
|
||||
},
|
||||
startPlaceholder: {
|
||||
type: String,
|
||||
default: () => common_vendor.Wt.t("开始时间")
|
||||
},
|
||||
endPlaceholder: {
|
||||
type: String,
|
||||
default: () => common_vendor.Wt.t("开始时间")
|
||||
},
|
||||
popupPosition: {
|
||||
type: String,
|
||||
default: "bottom"
|
||||
// "top" / "bottom"
|
||||
},
|
||||
// Default single-select date
|
||||
defaultSingleDate: {
|
||||
type: common_vendor.dayjs_minExports.Dayjs,
|
||||
default: null,
|
||||
required: false
|
||||
}
|
||||
},
|
||||
emits: ["pick", "change"],
|
||||
setup(__props, { emit: __emit }) {
|
||||
common_vendor.dayjs.extend(common_vendor.localeData);
|
||||
common_vendor.dayjs.extend(common_vendor.isSameOrAfter);
|
||||
common_vendor.dayjs.extend(common_vendor.isSameOrBefore);
|
||||
common_vendor.dayjs.locale("zh-cn");
|
||||
const emit = __emit;
|
||||
const props = __props;
|
||||
const isDatePanelShow = common_vendor.ref(false);
|
||||
const dateValue = common_vendor.ref(props.type === "single" ? props == null ? void 0 : props.defaultSingleDate : null);
|
||||
const startValue = common_vendor.ref(props.type === "single" ? props == null ? void 0 : props.defaultSingleDate : null);
|
||||
const endValue = common_vendor.ref(props.type === "single" ? props == null ? void 0 : props.defaultSingleDate : null);
|
||||
const startFormatDate = common_vendor.computed(() => {
|
||||
var _a;
|
||||
return (_a = startValue == null ? void 0 : startValue.value) == null ? void 0 : _a.format("YYYY/MM/DD");
|
||||
});
|
||||
const endFormatDate = common_vendor.computed(() => {
|
||||
var _a;
|
||||
return (_a = endValue == null ? void 0 : endValue.value) == null ? void 0 : _a.format("YYYY/MM/DD");
|
||||
});
|
||||
const startPlaceholderVal = props.startPlaceholder;
|
||||
const endPlaceholderVal = props.endPlaceholder;
|
||||
const leftCurrentPanelValue = common_vendor.ref();
|
||||
const rightCurrentPanelValue = common_vendor.ref();
|
||||
const setDatePanelDisplay = (show) => {
|
||||
isDatePanelShow.value = show;
|
||||
};
|
||||
const n = (classNameList) => {
|
||||
const resultClassList = [];
|
||||
classNameList.forEach((className) => {
|
||||
if (className) {
|
||||
resultClassList.push("tui-date-picker-" + className);
|
||||
!TUIKit_utils_env.isPC && resultClassList.push("tui-date-picker-h5-" + className);
|
||||
} else {
|
||||
resultClassList.push("tui-date-picker");
|
||||
!TUIKit_utils_env.isPC && resultClassList.push("tui-date-picker-h5");
|
||||
}
|
||||
});
|
||||
return resultClassList;
|
||||
};
|
||||
const handlePick = (cell) => {
|
||||
var _a, _b, _c;
|
||||
switch (props.type) {
|
||||
case "single":
|
||||
startValue.value = cell.date;
|
||||
endValue.value = cell.date;
|
||||
dateValue.value = cell.date;
|
||||
emit("change", cell);
|
||||
emit("pick", dateValue.value);
|
||||
setTimeout(() => {
|
||||
setDatePanelDisplay(false);
|
||||
}, 300);
|
||||
break;
|
||||
case "range":
|
||||
if (!(startValue == null ? void 0 : startValue.value)) {
|
||||
startValue.value = cell.date;
|
||||
} else if (!(endValue == null ? void 0 : endValue.value)) {
|
||||
if ((_a = startValue == null ? void 0 : startValue.value) == null ? void 0 : _a.isSameOrBefore(cell.date, "day")) {
|
||||
endValue.value = cell.date;
|
||||
} else {
|
||||
endValue.value = startValue.value;
|
||||
startValue.value = cell.date;
|
||||
}
|
||||
emit("pick", {
|
||||
startDate: (_b = startValue == null ? void 0 : startValue.value) == null ? void 0 : _b.startOf("date"),
|
||||
endDate: (_c = endValue == null ? void 0 : endValue.value) == null ? void 0 : _c.endOf("date")
|
||||
});
|
||||
setTimeout(() => {
|
||||
setDatePanelDisplay(false);
|
||||
}, 200);
|
||||
} else {
|
||||
startValue.value = cell.date;
|
||||
endValue.value = null;
|
||||
}
|
||||
emit("change", {
|
||||
startDate: startValue.value,
|
||||
endDate: endValue.value,
|
||||
leftCurrentPanel: leftCurrentPanelValue.value,
|
||||
rightCurrentPanel: leftCurrentPanelValue.value
|
||||
});
|
||||
break;
|
||||
}
|
||||
};
|
||||
const handleLeftPanelChange = (value) => {
|
||||
leftCurrentPanelValue.value = value;
|
||||
emit("change", {
|
||||
startDate: startValue.value,
|
||||
endDate: endValue.value,
|
||||
leftCurrentPanel: leftCurrentPanelValue.value,
|
||||
rightCurrentPanel: leftCurrentPanelValue.value
|
||||
});
|
||||
};
|
||||
const handleRightPanelChange = (value) => {
|
||||
rightCurrentPanelValue.value = value;
|
||||
emit("change", {
|
||||
startDate: startValue.value,
|
||||
endDate: endValue.value,
|
||||
leftCurrentPanel: leftCurrentPanelValue.value,
|
||||
rightCurrentPanel: leftCurrentPanelValue.value
|
||||
});
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.unref(startPlaceholderVal),
|
||||
b: common_vendor.n(n(["input-start"])),
|
||||
c: common_vendor.unref(TUIKit_utils_env.isUniFrameWork),
|
||||
d: common_vendor.unref(startFormatDate),
|
||||
e: common_vendor.o$1(($event) => common_vendor.isRef(startFormatDate) ? startFormatDate.value = $event.detail.value : null),
|
||||
f: __props.type !== "single"
|
||||
}, __props.type !== "single" ? {} : {}, {
|
||||
g: __props.type !== "single"
|
||||
}, __props.type !== "single" ? {
|
||||
h: common_vendor.unref(endPlaceholderVal),
|
||||
i: common_vendor.n(n(["input-end"])),
|
||||
j: common_vendor.unref(TUIKit_utils_env.isUniFrameWork),
|
||||
k: common_vendor.unref(endFormatDate),
|
||||
l: common_vendor.o$1(($event) => common_vendor.isRef(endFormatDate) ? endFormatDate.value = $event.detail.value : null)
|
||||
} : {}, {
|
||||
m: common_vendor.n(n(["input"])),
|
||||
n: common_vendor.n(common_vendor.unref(isDatePanelShow) && n(["input-active"])),
|
||||
o: common_vendor.o$1(($event) => setDatePanelDisplay(!common_vendor.unref(isDatePanelShow))),
|
||||
p: common_vendor.unref(isDatePanelShow)
|
||||
}, common_vendor.unref(isDatePanelShow) ? common_vendor.e({
|
||||
q: common_vendor.o$1(handlePick),
|
||||
r: common_vendor.o$1(handleLeftPanelChange),
|
||||
s: common_vendor.p({
|
||||
type: props.type,
|
||||
rangeType: "left",
|
||||
date: common_vendor.unref(dateValue),
|
||||
startDate: common_vendor.unref(startValue),
|
||||
endDate: common_vendor.unref(endValue),
|
||||
currentOtherPanelValue: common_vendor.unref(rightCurrentPanelValue)
|
||||
}),
|
||||
t: props.type === "range" && common_vendor.unref(TUIKit_utils_env.isPC) && __props.rangeTableType === "two"
|
||||
}, props.type === "range" && common_vendor.unref(TUIKit_utils_env.isPC) && __props.rangeTableType === "two" ? {
|
||||
v: common_vendor.o$1(handlePick),
|
||||
w: common_vendor.o$1(handleRightPanelChange),
|
||||
x: common_vendor.p({
|
||||
type: props.type,
|
||||
rangeType: "right",
|
||||
date: common_vendor.unref(dateValue),
|
||||
startDate: common_vendor.unref(startValue),
|
||||
endDate: common_vendor.unref(endValue),
|
||||
currentOtherPanelValue: common_vendor.unref(leftCurrentPanelValue)
|
||||
})
|
||||
} : {}, {
|
||||
y: common_vendor.n(n(["dialog-container", "dialog-container-" + __props.rangeTableType, "dialog-container-" + __props.popupPosition])),
|
||||
z: common_vendor.n(n(["dialog"]))
|
||||
}) : {}, {
|
||||
A: common_vendor.n(n([""]))
|
||||
});
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-eb57fa2c"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/common/DatePicker/index.js.map
|
||||
6
unpackage/dist/dev/mp-weixin/TUIKit/components/common/DatePicker/index.json
vendored
Normal file
6
unpackage/dist/dev/mp-weixin/TUIKit/components/common/DatePicker/index.json
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"date-picker-panel": "./date-picker-panel"
|
||||
}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/DatePicker/index.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/DatePicker/index.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view class="{{['data-v-eb57fa2c', A]}}"><view class="{{['data-v-eb57fa2c', m, n]}}" bindtap="{{o}}"><slot name="start-icon"/><input placeholder="{{a}}" class="{{['data-v-eb57fa2c', b]}}" style="pointer-events:none" type="text" readonly="{{true}}" disabled="{{c}}" autocomplete="false" value="{{d}}" bindinput="{{e}}"></input><label wx:if="{{f}}" class="data-v-eb57fa2c">-</label><input wx:if="{{g}}" placeholder="{{h}}" class="{{['data-v-eb57fa2c', i]}}" style="pointer-events:none" type="text" readonly="{{true}}" disabled="{{j}}" autocomplete="false" value="{{k}}" bindinput="{{l}}"></input><slot name="end-icon"/></view><view wx:if="{{p}}" class="{{['data-v-eb57fa2c', z]}}"><view class="{{['data-v-eb57fa2c', y]}}"><date-picker-panel wx:if="{{s}}" class="data-v-eb57fa2c" bindpick="{{q}}" bindchange="{{r}}" u-i="eb57fa2c-0" bind:__l="__l" u-p="{{s}}"/><date-picker-panel wx:if="{{t}}" class="data-v-eb57fa2c" bindpick="{{v}}" bindchange="{{w}}" u-i="eb57fa2c-1" bind:__l="__l" u-p="{{x}}"/></view></view></view>
|
||||
75
unpackage/dist/dev/mp-weixin/TUIKit/components/common/DatePicker/index.wxss
vendored
Normal file
75
unpackage/dist/dev/mp-weixin/TUIKit/components/common/DatePicker/index.wxss
vendored
Normal file
@@ -0,0 +1,75 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.tui-date-picker-input.data-v-eb57fa2c {
|
||||
min-width: 160px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
color: #666;
|
||||
border-radius: 5px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.tui-date-picker-input-start.data-v-eb57fa2c, .tui-date-picker-input-end.data-v-eb57fa2c {
|
||||
flex: 1;
|
||||
color: #666;
|
||||
height: 17px;
|
||||
border: none;
|
||||
width: 67px;
|
||||
background-color: transparent;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
}
|
||||
.tui-date-picker-input-start.data-v-eb57fa2c:focus, .tui-date-picker-input-end.data-v-eb57fa2c:focus {
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
.tui-date-picker-input-start.data-v-eb57fa2c::-webkit-input-placeholder, .tui-date-picker-input-end.data-v-eb57fa2c::-webkit-input-placeholder {
|
||||
text-align: center;
|
||||
}
|
||||
.tui-date-picker-input-start.data-v-eb57fa2c::placeholder, .tui-date-picker-input-end.data-v-eb57fa2c::placeholder {
|
||||
text-align: center;
|
||||
}
|
||||
.tui-date-picker-dialog.data-v-eb57fa2c {
|
||||
position: relative;
|
||||
}
|
||||
.tui-date-picker-dialog-container.data-v-eb57fa2c {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
padding: 10px;
|
||||
left: 5px;
|
||||
background-color: #fff;
|
||||
box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px, rgba(0, 0, 0, 0.23) 0 3px 6px;
|
||||
z-index: 1000;
|
||||
}
|
||||
.tui-date-picker-dialog-container-bottom.data-v-eb57fa2c {
|
||||
left: 5px;
|
||||
}
|
||||
.tui-date-picker-dialog-container-top.data-v-eb57fa2c {
|
||||
bottom: 30px;
|
||||
}
|
||||
.tui-date-picker-dialog-container-one.data-v-eb57fa2c {
|
||||
left: -5px;
|
||||
}
|
||||
94
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Dialog/index.js
vendored
Normal file
94
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Dialog/index.js
vendored
Normal file
@@ -0,0 +1,94 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
require("../../../adapter-vue.js");
|
||||
const TUIKit_utils_env = require("../../../utils/env.js");
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "index",
|
||||
props: {
|
||||
show: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isHeaderShow: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
isFooterShow: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
background: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
title: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
center: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
emits: ["update:show", "submit"],
|
||||
setup(__props, { emit: __emit }) {
|
||||
const clickType = {
|
||||
OUTSIDE: "outside",
|
||||
INSIDE: "inside"
|
||||
};
|
||||
const props = __props;
|
||||
const showDialog = common_vendor.ref(false);
|
||||
const isHeaderShowDialog = common_vendor.ref(true);
|
||||
const isFooterShowDialog = common_vendor.ref(true);
|
||||
const backgroundDialog = common_vendor.ref(true);
|
||||
const showTitle = common_vendor.ref("");
|
||||
common_vendor.watchEffect(() => {
|
||||
showDialog.value = props.show;
|
||||
showTitle.value = props.title;
|
||||
isHeaderShowDialog.value = props.isHeaderShow;
|
||||
isFooterShowDialog.value = props.isFooterShow;
|
||||
backgroundDialog.value = props.background;
|
||||
});
|
||||
const emit = __emit;
|
||||
const toggleView = (type) => {
|
||||
if (type === clickType.OUTSIDE) {
|
||||
close();
|
||||
}
|
||||
};
|
||||
const close = () => {
|
||||
showDialog.value = !showDialog.value;
|
||||
emit("update:show", showDialog.value);
|
||||
};
|
||||
const submit = () => {
|
||||
emit("submit");
|
||||
close();
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.unref(showDialog)
|
||||
}, common_vendor.unref(showDialog) ? common_vendor.e({
|
||||
b: common_vendor.unref(isHeaderShowDialog)
|
||||
}, common_vendor.unref(isHeaderShowDialog) ? {
|
||||
c: common_vendor.t(common_vendor.unref(showTitle)),
|
||||
d: common_vendor.o$1(close)
|
||||
} : {}, {
|
||||
e: common_vendor.n(common_vendor.unref(TUIKit_utils_env.isUniFrameWork) && common_vendor.unref(TUIKit_utils_env.isH5) ? "dialog-main-content-uniapp" : ""),
|
||||
f: common_vendor.unref(isFooterShowDialog)
|
||||
}, common_vendor.unref(isFooterShowDialog) ? {
|
||||
g: common_vendor.t(common_vendor.unref(common_vendor.Wt).t("component.取消")),
|
||||
h: common_vendor.o$1(close),
|
||||
i: common_vendor.t(common_vendor.unref(common_vendor.Wt).t("component.确定")),
|
||||
j: common_vendor.o$1(submit)
|
||||
} : {}, {
|
||||
k: common_vendor.n(!common_vendor.unref(backgroundDialog) ? "dialog-main-back" : ""),
|
||||
l: common_vendor.o$1(($event) => toggleView(clickType.INSIDE)),
|
||||
m: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) ? "dialog-h5" : ""),
|
||||
n: common_vendor.n(__props.center ? "center" : ""),
|
||||
o: common_vendor.o$1(($event) => toggleView(clickType.OUTSIDE))
|
||||
}) : {});
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-2c2f9c5b"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/common/Dialog/index.js.map
|
||||
4
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Dialog/index.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Dialog/index.json
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Dialog/index.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Dialog/index.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view wx:if="{{a}}" class="{{['dialog', 'data-v-2c2f9c5b', m, n]}}" catchtap="{{o}}"><view class="{{['dialog-main', 'data-v-2c2f9c5b', k]}}" catchtap="{{l}}"><view wx:if="{{b}}" class="dialog-main-header data-v-2c2f9c5b"><view class="dialog-main-title data-v-2c2f9c5b">{{c}}</view><view class="icon icon-close data-v-2c2f9c5b" bindtap="{{d}}"/></view><view class="{{['dialog-main-content', 'data-v-2c2f9c5b', e]}}"><slot/></view><view wx:if="{{f}}" class="dialog-main-footer data-v-2c2f9c5b"><button class="btn btn-cancel data-v-2c2f9c5b" bindtap="{{h}}">{{g}}</button><button class="btn btn-default data-v-2c2f9c5b" bindtap="{{j}}">{{i}}</button></view></view></view>
|
||||
210
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Dialog/index.wxss
vendored
Normal file
210
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Dialog/index.wxss
vendored
Normal file
@@ -0,0 +1,210 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
body.data-v-2c2f9c5b, div.data-v-2c2f9c5b, ul.data-v-2c2f9c5b, ol.data-v-2c2f9c5b, dt.data-v-2c2f9c5b, dd.data-v-2c2f9c5b, li.data-v-2c2f9c5b, dl.data-v-2c2f9c5b, h1.data-v-2c2f9c5b, h2.data-v-2c2f9c5b, h3.data-v-2c2f9c5b, h4.data-v-2c2f9c5b, p.data-v-2c2f9c5b {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-style: normal;
|
||||
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
||||
}
|
||||
ol.data-v-2c2f9c5b, ul.data-v-2c2f9c5b, li.data-v-2c2f9c5b {
|
||||
list-style: none;
|
||||
}
|
||||
img.data-v-2c2f9c5b {
|
||||
border: 0;
|
||||
vertical-align: middle;
|
||||
pointer-events: none;
|
||||
}
|
||||
body.data-v-2c2f9c5b {
|
||||
color: #000;
|
||||
background: #FFF;
|
||||
}
|
||||
.clear.data-v-2c2f9c5b {
|
||||
clear: both;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
margin-top: -1px;
|
||||
}
|
||||
a.data-v-2c2f9c5b {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
a.data-v-2c2f9c5b:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
input.data-v-2c2f9c5b, textarea.data-v-2c2f9c5b {
|
||||
-webkit-user-select: auto;
|
||||
user-select: auto;
|
||||
}
|
||||
input.data-v-2c2f9c5b:focus, input.data-v-2c2f9c5b:active, textarea.data-v-2c2f9c5b:focus, textarea.data-v-2c2f9c5b:active {
|
||||
outline: none;
|
||||
}
|
||||
.chat-aside.data-v-2c2f9c5b {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
right: 0;
|
||||
box-sizing: border-box;
|
||||
width: 360px !important;
|
||||
border-radius: 8px 0 0 8px;
|
||||
z-index: 9999;
|
||||
max-height: calc(100% - 50px);
|
||||
}
|
||||
.dialog.data-v-2c2f9c5b {
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.dialog-main.data-v-2c2f9c5b {
|
||||
background: #FFF;
|
||||
}
|
||||
.dialog-main-header.data-v-2c2f9c5b {
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
}
|
||||
.dialog-main-title.data-v-2c2f9c5b {
|
||||
font-family: PingFangSC-Medium;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
}
|
||||
.dialog-main-back.data-v-2c2f9c5b {
|
||||
background: none;
|
||||
}
|
||||
.dialog-main-content.data-v-2c2f9c5b {
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
}
|
||||
.btn.data-v-2c2f9c5b {
|
||||
font-weight: 400;
|
||||
color: #FFF;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.btn-cancel.data-v-2c2f9c5b {
|
||||
border: 1px solid #ddd;
|
||||
color: #666;
|
||||
}
|
||||
.btn-default.data-v-2c2f9c5b {
|
||||
background: #006EFF;
|
||||
border: 1px solid #006EFF;
|
||||
}
|
||||
.dialog.data-v-2c2f9c5b {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 6;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.dialog-main.data-v-2c2f9c5b {
|
||||
min-width: 368px;
|
||||
border-radius: 10px;
|
||||
padding: 20px 30px;
|
||||
}
|
||||
.dialog-main-header.data-v-2c2f9c5b {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-size: 16px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.dialog-main-title.data-v-2c2f9c5b {
|
||||
font-size: 16px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.dialog-main-content.data-v-2c2f9c5b {
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.dialog-main-footer.data-v-2c2f9c5b {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.btn.data-v-2c2f9c5b {
|
||||
padding: 8px 20px;
|
||||
margin: 0 6px;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
}
|
||||
.btn.data-v-2c2f9c5b:disabled {
|
||||
opacity: 0.3;
|
||||
}
|
||||
.btn.data-v-2c2f9c5b:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.dialog-h5.data-v-2c2f9c5b {
|
||||
height: 100%;
|
||||
top: 0;
|
||||
align-items: inherit;
|
||||
}
|
||||
.dialog-h5 .dialog-main.data-v-2c2f9c5b {
|
||||
border-radius: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
min-height: 80px;
|
||||
min-width: 120px;
|
||||
}
|
||||
.dialog-h5 .dialog-main-content.data-v-2c2f9c5b {
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.dialog-h5 .dialog-main-content-uniapp.data-v-2c2f9c5b {
|
||||
padding: 40px 0;
|
||||
}
|
||||
.dialog-h5 .dialog-main-footer.data-v-2c2f9c5b {
|
||||
border-top: 1px solid #DDD;
|
||||
}
|
||||
.dialog-h5 .dialog-main-footer .btn.data-v-2c2f9c5b {
|
||||
flex: 1;
|
||||
margin: 0;
|
||||
background: none;
|
||||
border-right: 1px solid #DDD;
|
||||
}
|
||||
.dialog-h5 .dialog-main-footer .btn-default.data-v-2c2f9c5b {
|
||||
color: #FF584C;
|
||||
border: none;
|
||||
}
|
||||
.center.data-v-2c2f9c5b {
|
||||
align-items: center;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
75
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Drawer/index.js
vendored
Normal file
75
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Drawer/index.js
vendored
Normal file
@@ -0,0 +1,75 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
require("../../../adapter-vue.js");
|
||||
if (!Math) {
|
||||
Overlay();
|
||||
}
|
||||
const Overlay = () => "../Overlay/index.js";
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "index",
|
||||
props: {
|
||||
visible: { type: Boolean, default: true },
|
||||
popDirection: { default: "bottom" },
|
||||
useMask: { type: Boolean, default: true },
|
||||
isFullScreen: { type: Boolean, default: true },
|
||||
overlayColor: {},
|
||||
drawerStyle: { default: () => ({}) }
|
||||
},
|
||||
emits: ["onOverlayClick"],
|
||||
setup(__props, { expose: __expose, emit: __emit }) {
|
||||
var _a;
|
||||
const emits = __emit;
|
||||
const props = __props;
|
||||
const drawerDomRef = common_vendor.ref();
|
||||
const overlayDomInstanceRef = common_vendor.ref();
|
||||
const isDrawerShow = common_vendor.ref(false);
|
||||
const styles = common_vendor.ref(props.drawerStyle[props.popDirection] || {});
|
||||
common_vendor.watch(() => props.visible, (visible) => {
|
||||
if (visible) {
|
||||
isDrawerShow.value = true;
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
isDrawerShow.value = false;
|
||||
}, 150);
|
||||
}
|
||||
}, {
|
||||
immediate: true
|
||||
});
|
||||
function onOverlayClick(e) {
|
||||
emits("onOverlayClick", e);
|
||||
}
|
||||
__expose({
|
||||
drawerDomRef,
|
||||
overlayDomRef: (_a = overlayDomInstanceRef.value) == null ? void 0 : _a.overlayDomRef
|
||||
});
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.unref(isDrawerShow)
|
||||
}, common_vendor.unref(isDrawerShow) ? {
|
||||
b: props.popDirection === "bottom" ? 1 : "",
|
||||
c: props.popDirection === "right" ? 1 : "",
|
||||
d: _ctx.visible && props.popDirection === "bottom" ? 1 : "",
|
||||
e: _ctx.visible && props.popDirection === "right" ? 1 : "",
|
||||
f: common_vendor.unref(styles).minHeight,
|
||||
g: common_vendor.unref(styles).maxHeight,
|
||||
h: common_vendor.unref(styles).borderRadius,
|
||||
i: common_vendor.unref(styles).boxShadow,
|
||||
j: common_vendor.unref(styles).width
|
||||
} : {}, {
|
||||
k: common_vendor.sr(overlayDomInstanceRef, "c011f16d-0", {
|
||||
"k": "overlayDomInstanceRef"
|
||||
}),
|
||||
l: common_vendor.o$1(onOverlayClick),
|
||||
m: common_vendor.p({
|
||||
visible: props.visible,
|
||||
useMask: props.useMask,
|
||||
maskColor: props.overlayColor,
|
||||
isFullScreen: props.isFullScreen
|
||||
})
|
||||
});
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-c011f16d"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/common/Drawer/index.js.map
|
||||
6
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Drawer/index.json
vendored
Normal file
6
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Drawer/index.json
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"overlay": "../Overlay/index"
|
||||
}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Drawer/index.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Drawer/index.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<overlay wx:if="{{m}}" class="r data-v-c011f16d" u-s="{{['d']}}" u-r="overlayDomInstanceRef" bindonOverlayClick="{{l}}" u-i="c011f16d-0" bind:__l="__l" u-p="{{m}}"><view wx:if="{{a}}" ref="drawerDomRef" class="{{['data-v-c011f16d', 'drawer', b && 'origin-bottom', c && 'origin-right', d && 'slide-bottom', e && 'slide-right']}}" style="{{'min-height:' + f + ';' + ('max-height:' + g) + ';' + ('border-radius:' + h) + ';' + ('box-shadow:' + i) + ';' + ('width:' + j)}}"><view class="drawer-container data-v-c011f16d"><slot/></view></view></overlay>
|
||||
79
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Drawer/index.wxss
vendored
Normal file
79
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Drawer/index.wxss
vendored
Normal file
@@ -0,0 +1,79 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.data-v-c011f16d:not(not) {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
box-sizing: border-box;
|
||||
min-width: 0;
|
||||
}
|
||||
.drawer.data-v-c011f16d {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
background-color: #fff;
|
||||
overflow: hidden;
|
||||
transition: transform 0.15s ease-out;
|
||||
}
|
||||
.drawer .drawer-container.data-v-c011f16d {
|
||||
background-color: #fff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.origin-bottom.data-v-c011f16d {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
transform: translateY(100%);
|
||||
animation: slide-from-bottom-c011f16d 0.15s ease-out;
|
||||
}
|
||||
.origin-right.data-v-c011f16d {
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
transform: translateX(100%);
|
||||
animation: slide-from-right-c011f16d 0.15s ease-out;
|
||||
}
|
||||
.slide-bottom.data-v-c011f16d {
|
||||
transform: translateY(0);
|
||||
}
|
||||
.slide-right.data-v-c011f16d {
|
||||
transform: translateX(0);
|
||||
}
|
||||
@keyframes slide-from-bottom-c011f16d {
|
||||
0% {
|
||||
transform: translateY(100%);
|
||||
}
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
@keyframes slide-from-right-c011f16d {
|
||||
0% {
|
||||
transform: translateX(100%);
|
||||
}
|
||||
100% {
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
77
unpackage/dist/dev/mp-weixin/TUIKit/components/common/FetchMore/index.js
vendored
Normal file
77
unpackage/dist/dev/mp-weixin/TUIKit/components/common/FetchMore/index.js
vendored
Normal file
@@ -0,0 +1,77 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
require("../../../adapter-vue.js");
|
||||
const TUIKit_utils_env = require("../../../utils/env.js");
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "index",
|
||||
props: {
|
||||
isFetching: { type: Boolean, default: false },
|
||||
isTerminateObserve: { type: Boolean, default: false }
|
||||
},
|
||||
emits: ["onExposed"],
|
||||
setup(__props, { emit: __emit }) {
|
||||
var _a;
|
||||
const emits = __emit;
|
||||
const props = __props;
|
||||
let observer = null;
|
||||
const selfDomRef = common_vendor.ref();
|
||||
const thisInstance = ((_a = common_vendor.getCurrentInstance()) == null ? void 0 : _a.proxy) || common_vendor.getCurrentInstance();
|
||||
common_vendor.onMounted(() => {
|
||||
if (props.isTerminateObserve) {
|
||||
return;
|
||||
}
|
||||
if (!TUIKit_utils_env.isUniFrameWork) {
|
||||
observer = new IntersectionObserver(([entry]) => {
|
||||
if (entry.isIntersecting) {
|
||||
emits("onExposed");
|
||||
}
|
||||
}, {
|
||||
threshold: 1
|
||||
});
|
||||
if (selfDomRef.value) {
|
||||
observer.observe(selfDomRef.value);
|
||||
}
|
||||
} else {
|
||||
observer = common_vendor.index.createIntersectionObserver(thisInstance).relativeToViewport();
|
||||
observer.observe(".fetch-more-block", () => {
|
||||
emits("onExposed");
|
||||
});
|
||||
}
|
||||
});
|
||||
common_vendor.onUnmounted(() => {
|
||||
if (observer) {
|
||||
observer.disconnect();
|
||||
observer = null;
|
||||
}
|
||||
});
|
||||
common_vendor.watch(() => props.isTerminateObserve, (isTerminateObserve) => {
|
||||
if (!observer) {
|
||||
return;
|
||||
}
|
||||
if (isTerminateObserve) {
|
||||
observer.disconnect();
|
||||
} else if (selfDomRef.value) {
|
||||
observer.disconnect();
|
||||
if (!TUIKit_utils_env.isUniFrameWork) {
|
||||
observer.observe(selfDomRef.value);
|
||||
} else {
|
||||
observer.observe(".fetch-more-block", () => {
|
||||
emits("onExposed");
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: props.isFetching
|
||||
}, props.isFetching ? {
|
||||
b: common_vendor.t(common_vendor.unref(common_vendor.Wt).t("TUIChat.正在加载"))
|
||||
} : {
|
||||
c: common_vendor.t(common_vendor.unref(common_vendor.Wt).t("TUIChat.加载结束"))
|
||||
});
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-ab2918f1"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/common/FetchMore/index.js.map
|
||||
4
unpackage/dist/dev/mp-weixin/TUIKit/components/common/FetchMore/index.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/TUIKit/components/common/FetchMore/index.json
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/FetchMore/index.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/FetchMore/index.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view ref="selfDomRef" class="fetch-more-block data-v-ab2918f1"><block wx:if="{{a}}"><block wx:if="{{$slots.fetching}}"><slot name="fetching"></slot></block><block wx:else><view class="data-v-ab2918f1">{{b}}</view></block></block><block wx:else><block wx:if="{{$slots.fetchEnd}}"><slot name="fetchEnd"></slot></block><block wx:else><view class="data-v-ab2918f1">{{c}}</view></block></block></view>
|
||||
28
unpackage/dist/dev/mp-weixin/TUIKit/components/common/FetchMore/index.wxss
vendored
Normal file
28
unpackage/dist/dev/mp-weixin/TUIKit/components/common/FetchMore/index.wxss
vendored
Normal file
@@ -0,0 +1,28 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.fetch-more-block.data-v-ab2918f1 {
|
||||
color: #999;
|
||||
}
|
||||
57
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Icon.js
vendored
Normal file
57
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Icon.js
vendored
Normal file
@@ -0,0 +1,57 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../common/vendor.js");
|
||||
require("../../adapter-vue.js");
|
||||
const TUIKit_utils_env = require("../../utils/env.js");
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "Icon",
|
||||
props: {
|
||||
file: { default: "" },
|
||||
size: {},
|
||||
width: { default: "20px" },
|
||||
height: { default: "20px" },
|
||||
hotAreaSize: {}
|
||||
},
|
||||
emits: ["onClick"],
|
||||
setup(__props, { emit: __emit }) {
|
||||
const emits = __emit;
|
||||
const props = __props;
|
||||
const iconHotAreaSize = common_vendor.computed(() => {
|
||||
if (!props.hotAreaSize) {
|
||||
return void 0;
|
||||
}
|
||||
if (isNaN(Number(props.hotAreaSize))) {
|
||||
return String(props.hotAreaSize);
|
||||
}
|
||||
return `${props.hotAreaSize}px`;
|
||||
});
|
||||
const iconWidth = common_vendor.computed(() => {
|
||||
return props.size ? props.size : props.width;
|
||||
});
|
||||
const iconHeight = common_vendor.computed(() => {
|
||||
return props.size ? props.size : props.height;
|
||||
});
|
||||
const handleImgClick = (e) => {
|
||||
emits("onClick", e);
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.unref(TUIKit_utils_env.isApp)
|
||||
}, common_vendor.unref(TUIKit_utils_env.isApp) ? {
|
||||
b: props.file,
|
||||
c: common_vendor.unref(iconWidth),
|
||||
d: common_vendor.unref(iconHeight)
|
||||
} : {
|
||||
e: props.file,
|
||||
f: common_vendor.unref(iconWidth),
|
||||
g: common_vendor.unref(iconHeight)
|
||||
}, {
|
||||
h: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) && "common-icon-container-mobile"),
|
||||
i: common_vendor.unref(iconHotAreaSize),
|
||||
j: common_vendor.o$1(handleImgClick)
|
||||
});
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-6d890098"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../.sourcemap/mp-weixin/TUIKit/components/common/Icon.js.map
|
||||
4
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Icon.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Icon.json
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Icon.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Icon.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view class="{{['data-v-6d890098', 'common-icon-container', h]}}" style="{{'padding:' + i}}" bindtap="{{j}}"><image wx:if="{{a}}" class="common-icon data-v-6d890098" src="{{b}}" style="{{'width:' + c + ';' + ('height:' + d)}}"/><image wx:else class="common-icon data-v-6d890098" src="{{e}}" style="{{'width:' + f + ';' + ('height:' + g)}}"></image></view>
|
||||
35
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Icon.wxss
vendored
Normal file
35
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Icon.wxss
vendored
Normal file
@@ -0,0 +1,35 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.common-icon-container.data-v-6d890098 {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
.common-icon-container-mobile.data-v-6d890098 {
|
||||
cursor: none;
|
||||
}
|
||||
32
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Loading/index.js
vendored
Normal file
32
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Loading/index.js
vendored
Normal file
@@ -0,0 +1,32 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "index",
|
||||
props: {
|
||||
width: {
|
||||
type: String,
|
||||
default: "30px"
|
||||
},
|
||||
height: {
|
||||
type: String,
|
||||
default: "30px"
|
||||
},
|
||||
color: {
|
||||
type: String,
|
||||
default: "#D9D9D9"
|
||||
}
|
||||
},
|
||||
setup(__props) {
|
||||
const props = __props;
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: props.width,
|
||||
b: props.height,
|
||||
c: `2px solid ${props.color}`
|
||||
};
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-b303d4e1"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/common/Loading/index.js.map
|
||||
4
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Loading/index.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Loading/index.json
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Loading/index.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Loading/index.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view class="tui-loading data-v-b303d4e1" style="{{'width:' + a + ';' + ('height:' + b) + ';' + ('border:' + c) + ';' + ('border-top-color:' + 'transparent')}}"/>
|
||||
41
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Loading/index.wxss
vendored
Normal file
41
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Loading/index.wxss
vendored
Normal file
@@ -0,0 +1,41 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.tui-loading.data-v-b303d4e1 {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border: 2px solid #d9d9d9;
|
||||
border-top-color: transparent;
|
||||
border-radius: 100%;
|
||||
animation: circle-b303d4e1 infinite 0.75s linear;
|
||||
}
|
||||
@keyframes circle-b303d4e1 {
|
||||
0% {
|
||||
transform: rotate(0);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
36
unpackage/dist/dev/mp-weixin/TUIKit/components/common/MaskLayer/index.js
vendored
Normal file
36
unpackage/dist/dev/mp-weixin/TUIKit/components/common/MaskLayer/index.js
vendored
Normal file
@@ -0,0 +1,36 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
require("../../../adapter-vue.js");
|
||||
const TUIKit_utils_env = require("../../../utils/env.js");
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "index",
|
||||
props: {
|
||||
show: {
|
||||
type: Boolean,
|
||||
default: () => false
|
||||
}
|
||||
},
|
||||
emits: ["update:show"],
|
||||
setup(__props, { emit: __emit }) {
|
||||
const props = __props;
|
||||
const showMask = common_vendor.ref(false);
|
||||
common_vendor.watchEffect(() => {
|
||||
showMask.value = props.show;
|
||||
});
|
||||
const emit = __emit;
|
||||
const toggleView = () => {
|
||||
showMask.value = !showMask.value;
|
||||
emit("update:show", showMask.value);
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.unref(showMask)
|
||||
}, common_vendor.unref(showMask) ? {
|
||||
b: common_vendor.o$1(($event) => !common_vendor.unref(TUIKit_utils_env.isWeChat) && toggleView)
|
||||
} : {});
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-e3dc88b0"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/common/MaskLayer/index.js.map
|
||||
4
unpackage/dist/dev/mp-weixin/TUIKit/components/common/MaskLayer/index.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/TUIKit/components/common/MaskLayer/index.json
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/MaskLayer/index.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/MaskLayer/index.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view wx:if="{{a}}" class="mask data-v-e3dc88b0" bindtap="{{b}}"><slot/></view>
|
||||
90
unpackage/dist/dev/mp-weixin/TUIKit/components/common/MaskLayer/index.wxss
vendored
Normal file
90
unpackage/dist/dev/mp-weixin/TUIKit/components/common/MaskLayer/index.wxss
vendored
Normal file
@@ -0,0 +1,90 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
body.data-v-e3dc88b0, div.data-v-e3dc88b0, ul.data-v-e3dc88b0, ol.data-v-e3dc88b0, dt.data-v-e3dc88b0, dd.data-v-e3dc88b0, li.data-v-e3dc88b0, dl.data-v-e3dc88b0, h1.data-v-e3dc88b0, h2.data-v-e3dc88b0, h3.data-v-e3dc88b0, h4.data-v-e3dc88b0, p.data-v-e3dc88b0 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-style: normal;
|
||||
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
||||
}
|
||||
ol.data-v-e3dc88b0, ul.data-v-e3dc88b0, li.data-v-e3dc88b0 {
|
||||
list-style: none;
|
||||
}
|
||||
img.data-v-e3dc88b0 {
|
||||
border: 0;
|
||||
vertical-align: middle;
|
||||
pointer-events: none;
|
||||
}
|
||||
body.data-v-e3dc88b0 {
|
||||
color: #000;
|
||||
background: #FFF;
|
||||
}
|
||||
.clear.data-v-e3dc88b0 {
|
||||
clear: both;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
margin-top: -1px;
|
||||
}
|
||||
a.data-v-e3dc88b0 {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
a.data-v-e3dc88b0:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
input.data-v-e3dc88b0, textarea.data-v-e3dc88b0 {
|
||||
-webkit-user-select: auto;
|
||||
user-select: auto;
|
||||
}
|
||||
input.data-v-e3dc88b0:focus, input.data-v-e3dc88b0:active, textarea.data-v-e3dc88b0:focus, textarea.data-v-e3dc88b0:active {
|
||||
outline: none;
|
||||
}
|
||||
.chat-aside.data-v-e3dc88b0 {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
right: 0;
|
||||
box-sizing: border-box;
|
||||
width: 360px !important;
|
||||
border-radius: 8px 0 0 8px;
|
||||
z-index: 9999;
|
||||
max-height: calc(100% - 50px);
|
||||
}
|
||||
.mask.data-v-e3dc88b0 {
|
||||
position: fixed;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 99;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.mask main.data-v-e3dc88b0 {
|
||||
position: relative;
|
||||
}
|
||||
58
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Overlay/index.js
vendored
Normal file
58
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Overlay/index.js
vendored
Normal file
@@ -0,0 +1,58 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
require("../../../adapter-vue.js");
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "index",
|
||||
props: {
|
||||
visible: { type: Boolean, default: true },
|
||||
zIndex: { default: 9999 },
|
||||
useMask: { type: Boolean, default: true },
|
||||
maskColor: { default: "rgba(0, 0, 0, 0.6)" },
|
||||
isFullScreen: { type: Boolean, default: true },
|
||||
width: { default: "auto" },
|
||||
height: { default: "auto" }
|
||||
},
|
||||
emits: ["onOverlayClick"],
|
||||
setup(__props, { expose: __expose, emit: __emit }) {
|
||||
const emits = __emit;
|
||||
const props = __props;
|
||||
const overlayDomRef = common_vendor.ref();
|
||||
const isOverlayShow = common_vendor.ref(props.visible);
|
||||
common_vendor.watch(() => props.visible, (visible) => {
|
||||
if (visible) {
|
||||
isOverlayShow.value = true;
|
||||
} else {
|
||||
setTimeout(() => {
|
||||
isOverlayShow.value = false;
|
||||
}, 150);
|
||||
}
|
||||
}, {
|
||||
immediate: true
|
||||
});
|
||||
function onOverlayClick() {
|
||||
emits("onOverlayClick");
|
||||
}
|
||||
__expose({
|
||||
overlayDomRef
|
||||
});
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.unref(isOverlayShow)
|
||||
}, common_vendor.unref(isOverlayShow) ? common_vendor.e({
|
||||
b: props.useMask
|
||||
}, props.useMask ? {
|
||||
c: props.visible ? 1 : "",
|
||||
d: props.maskColor,
|
||||
e: common_vendor.o$1(onOverlayClick),
|
||||
f: common_vendor.o$1(onOverlayClick)
|
||||
} : {}, {
|
||||
g: props.isFullScreen ? 1 : "",
|
||||
h: props.isFullScreen ? "fixed" : "absolute",
|
||||
i: props.zIndex
|
||||
}) : {});
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-fdff2bf0"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/common/Overlay/index.js.map
|
||||
4
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Overlay/index.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Overlay/index.json
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Overlay/index.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Overlay/index.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view wx:if="{{a}}" ref="overlayDomRef" class="overlay-container data-v-fdff2bf0" style="{{'position:' + h + ';' + ('z-index:' + i)}}"><view wx:if="{{b}}" class="{{['data-v-fdff2bf0', 'overlay-mask', c && 'fade-in']}}" style="{{'background-color:' + d}}" bindtap="{{e}}" catchtouchstart="{{f}}"/><view class="{{['data-v-fdff2bf0', 'overlay-content', g && 'full-screen']}}"><slot/></view></view>
|
||||
66
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Overlay/index.wxss
vendored
Normal file
66
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Overlay/index.wxss
vendored
Normal file
@@ -0,0 +1,66 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.overlay-container.data-v-fdff2bf0 {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 9999;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.overlay-container .overlay-mask.data-v-fdff2bf0 {
|
||||
z-index: -1;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
opacity: 0;
|
||||
transition: opacity 0.15s linear;
|
||||
animation: fade-in-fdff2bf0 0.15s linear;
|
||||
}
|
||||
.overlay-container .full-screen.data-v-fdff2bf0 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.overlay-mask.fade-in.data-v-fdff2bf0 {
|
||||
opacity: 1;
|
||||
}
|
||||
@keyframes fade-in-fdff2bf0 {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
27
unpackage/dist/dev/mp-weixin/TUIKit/components/common/ProgressMessage/index.js
vendored
Normal file
27
unpackage/dist/dev/mp-weixin/TUIKit/components/common/ProgressMessage/index.js
vendored
Normal file
@@ -0,0 +1,27 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
const TUIKit_utils_env = require("../../../utils/env.js");
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "index",
|
||||
props: {
|
||||
content: { default: () => ({}) },
|
||||
messageItem: { default: () => ({}) }
|
||||
},
|
||||
setup(__props) {
|
||||
const props = __props;
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: props.messageItem.status === "unSend" && props.messageItem.progress < 1
|
||||
}, props.messageItem.status === "unSend" && props.messageItem.progress < 1 ? common_vendor.e({
|
||||
b: !common_vendor.unref(TUIKit_utils_env.isUniFrameWork)
|
||||
}, !common_vendor.unref(TUIKit_utils_env.isUniFrameWork) ? {
|
||||
c: props.messageItem.progress
|
||||
} : {
|
||||
d: Math.round(props.messageItem.progress * 100)
|
||||
}) : {});
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-99d7e968"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/common/ProgressMessage/index.js.map
|
||||
4
unpackage/dist/dev/mp-weixin/TUIKit/components/common/ProgressMessage/index.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/TUIKit/components/common/ProgressMessage/index.json
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/ProgressMessage/index.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/ProgressMessage/index.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view class="progress-message data-v-99d7e968"><slot/><view wx:if="{{a}}" class="progress-container data-v-99d7e968"><progress wx:if="{{b}}" class="progress data-v-99d7e968" value="{{c}}" max="1"/><progress wx:else activeColor="#006EFF" class="progress-common data-v-99d7e968" percent="{{d}}"/></view></view>
|
||||
64
unpackage/dist/dev/mp-weixin/TUIKit/components/common/ProgressMessage/index.wxss
vendored
Normal file
64
unpackage/dist/dev/mp-weixin/TUIKit/components/common/ProgressMessage/index.wxss
vendored
Normal file
@@ -0,0 +1,64 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.progress-message.data-v-99d7e968 {
|
||||
overflow: hidden;
|
||||
}
|
||||
.progress-message .progress-container.data-v-99d7e968 {
|
||||
position: absolute;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0 15%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.progress-message .progress-container .progress-common.data-v-99d7e968, .progress-message .progress-container .progress.data-v-99d7e968 {
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
width: 100%;
|
||||
height: 0.5rem;
|
||||
}
|
||||
.progress-message .progress-container .progress.data-v-99d7e968 {
|
||||
color: #006eff;
|
||||
border-radius: 0.25rem;
|
||||
background: #fff;
|
||||
}
|
||||
.progress-message .progress-container .progress.data-v-99d7e968::-webkit-progress-value {
|
||||
background-color: #006eff;
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
.progress-message .progress-container .progress.data-v-99d7e968::-webkit-progress-bar {
|
||||
border-radius: 0.25rem;
|
||||
background: #fff;
|
||||
}
|
||||
.progress-message .progress-container .progress.data-v-99d7e968::-moz-progress-bar {
|
||||
color: #006eff;
|
||||
background: #006eff;
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
36
unpackage/dist/dev/mp-weixin/TUIKit/components/common/RadioSelect/index.js
vendored
Normal file
36
unpackage/dist/dev/mp-weixin/TUIKit/components/common/RadioSelect/index.js
vendored
Normal file
@@ -0,0 +1,36 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
const common_assets = require("../../../../common/assets.js");
|
||||
if (!Math) {
|
||||
Icon();
|
||||
}
|
||||
const Icon = () => "../Icon.js";
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "index",
|
||||
props: {
|
||||
isSelected: { type: Boolean }
|
||||
},
|
||||
emits: ["onChange"],
|
||||
setup(__props, { emit: __emit }) {
|
||||
const emits = __emit;
|
||||
const props = __props;
|
||||
function toggleSelect() {
|
||||
emits("onChange", !props.isSelected);
|
||||
}
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: !props.isSelected
|
||||
}, !props.isSelected ? {} : {
|
||||
b: common_vendor.p({
|
||||
file: common_vendor.unref(common_assets.radioIcon),
|
||||
size: "20px"
|
||||
})
|
||||
}, {
|
||||
c: common_vendor.o$1(toggleSelect)
|
||||
});
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-169aff8a"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/common/RadioSelect/index.js.map
|
||||
6
unpackage/dist/dev/mp-weixin/TUIKit/components/common/RadioSelect/index.json
vendored
Normal file
6
unpackage/dist/dev/mp-weixin/TUIKit/components/common/RadioSelect/index.json
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"icon": "../Icon"
|
||||
}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/RadioSelect/index.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/RadioSelect/index.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view class="radio-select data-v-169aff8a" bindtap="{{c}}"><view wx:if="{{a}}" class="radio-no-select data-v-169aff8a"/><icon wx:else class="data-v-169aff8a" u-i="169aff8a-0" bind:__l="__l" u-p="{{b||''}}"/></view>
|
||||
44
unpackage/dist/dev/mp-weixin/TUIKit/components/common/RadioSelect/index.wxss
vendored
Normal file
44
unpackage/dist/dev/mp-weixin/TUIKit/components/common/RadioSelect/index.wxss
vendored
Normal file
@@ -0,0 +1,44 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.data-v-169aff8a:not(not) {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-width: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.radio-select.data-v-169aff8a {
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
cursor: pointer;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
justify-content: center;
|
||||
}
|
||||
.radio-select .radio-no-select.data-v-169aff8a {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
border-radius: 50%;
|
||||
border: 2px solid #ddd;
|
||||
}
|
||||
76
unpackage/dist/dev/mp-weixin/TUIKit/components/common/SelectUser/index.js
vendored
Normal file
76
unpackage/dist/dev/mp-weixin/TUIKit/components/common/SelectUser/index.js
vendored
Normal file
@@ -0,0 +1,76 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
const TUIKit_utils_env = require("../../../utils/env.js");
|
||||
if (!Math) {
|
||||
(Transfer + Dialog)();
|
||||
}
|
||||
const Dialog = () => "../Dialog/index.js";
|
||||
const Transfer = () => "../Transfer/index.js";
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "index",
|
||||
props: {
|
||||
isRadio: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isNeedSearch: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
title: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
userList: {
|
||||
type: Array,
|
||||
default: () => []
|
||||
},
|
||||
total: {
|
||||
type: Number,
|
||||
default: 0
|
||||
}
|
||||
},
|
||||
emits: ["complete", "search", "getMore"],
|
||||
setup(__props, { emit: __emit }) {
|
||||
const emits = __emit;
|
||||
const props = __props;
|
||||
const reset = () => {
|
||||
emits("complete", []);
|
||||
};
|
||||
const submit = (dataList) => {
|
||||
emits("complete", dataList);
|
||||
};
|
||||
const handleSearchUser = (userID) => {
|
||||
emits("search", userID);
|
||||
};
|
||||
const handleGetMore = () => {
|
||||
emits("getMore");
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.o$1(handleGetMore),
|
||||
b: common_vendor.o$1(handleSearchUser),
|
||||
c: common_vendor.o$1(submit),
|
||||
d: common_vendor.o$1(reset),
|
||||
e: common_vendor.p({
|
||||
isSearch: props.isNeedSearch,
|
||||
title: props.title,
|
||||
list: props.userList,
|
||||
isH5: !common_vendor.unref(TUIKit_utils_env.isPC),
|
||||
isRadio: props.isRadio,
|
||||
total: props.total
|
||||
}),
|
||||
f: common_vendor.o$1(reset),
|
||||
g: common_vendor.p({
|
||||
show: true,
|
||||
isH5: !common_vendor.unref(TUIKit_utils_env.isPC),
|
||||
isHeaderShow: false,
|
||||
isFooterShow: false,
|
||||
background: false
|
||||
})
|
||||
};
|
||||
};
|
||||
}
|
||||
});
|
||||
wx.createComponent(_sfc_main);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/common/SelectUser/index.js.map
|
||||
7
unpackage/dist/dev/mp-weixin/TUIKit/components/common/SelectUser/index.json
vendored
Normal file
7
unpackage/dist/dev/mp-weixin/TUIKit/components/common/SelectUser/index.json
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"dialog": "../Dialog/index",
|
||||
"transfer": "../Transfer/index"
|
||||
}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/SelectUser/index.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/SelectUser/index.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<dialog wx:if="{{g}}" u-s="{{['d']}}" bindupdateShow="{{f}}" u-i="5e6cf6e8-0" bind:__l="__l" u-p="{{g}}"><transfer wx:if="{{e}}" bindgetMore="{{a}}" bindsearch="{{b}}" bindsubmit="{{c}}" bindcancel="{{d}}" u-i="5e6cf6e8-1,5e6cf6e8-0" bind:__l="__l" u-p="{{e}}"/></dialog>
|
||||
0
unpackage/dist/dev/mp-weixin/TUIKit/components/common/SelectUser/index.wxss
vendored
Normal file
0
unpackage/dist/dev/mp-weixin/TUIKit/components/common/SelectUser/index.wxss
vendored
Normal file
34
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Slider/index.js
vendored
Normal file
34
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Slider/index.js
vendored
Normal file
@@ -0,0 +1,34 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
require("../../../adapter-vue.js");
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "index",
|
||||
props: {
|
||||
open: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
emits: ["change"],
|
||||
setup(__props, { emit: __emit }) {
|
||||
const props = __props;
|
||||
const isSliderOpen = common_vendor.ref(false);
|
||||
const emits = __emit;
|
||||
common_vendor.watchEffect(() => {
|
||||
isSliderOpen.value = props.open;
|
||||
});
|
||||
const toggleSlider = () => {
|
||||
isSliderOpen.value = !isSliderOpen.value;
|
||||
emits("change", isSliderOpen.value);
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.n(common_vendor.unref(isSliderOpen) && "slider-open"),
|
||||
b: common_vendor.o$1(toggleSlider)
|
||||
};
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-a7f8ad37"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/common/Slider/index.js.map
|
||||
4
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Slider/index.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Slider/index.json
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Slider/index.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Slider/index.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view class="{{['slider-box', 'data-v-a7f8ad37', a]}}" bindtap="{{b}}"><label class="slider-block data-v-a7f8ad37"/></view>
|
||||
97
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Slider/index.wxss
vendored
Normal file
97
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Slider/index.wxss
vendored
Normal file
@@ -0,0 +1,97 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
body.data-v-a7f8ad37, div.data-v-a7f8ad37, ul.data-v-a7f8ad37, ol.data-v-a7f8ad37, dt.data-v-a7f8ad37, dd.data-v-a7f8ad37, li.data-v-a7f8ad37, dl.data-v-a7f8ad37, h1.data-v-a7f8ad37, h2.data-v-a7f8ad37, h3.data-v-a7f8ad37, h4.data-v-a7f8ad37, p.data-v-a7f8ad37 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-style: normal;
|
||||
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
||||
}
|
||||
ol.data-v-a7f8ad37, ul.data-v-a7f8ad37, li.data-v-a7f8ad37 {
|
||||
list-style: none;
|
||||
}
|
||||
img.data-v-a7f8ad37 {
|
||||
border: 0;
|
||||
vertical-align: middle;
|
||||
pointer-events: none;
|
||||
}
|
||||
body.data-v-a7f8ad37 {
|
||||
color: #000;
|
||||
background: #FFF;
|
||||
}
|
||||
.clear.data-v-a7f8ad37 {
|
||||
clear: both;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
margin-top: -1px;
|
||||
}
|
||||
a.data-v-a7f8ad37 {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
a.data-v-a7f8ad37:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
input.data-v-a7f8ad37, textarea.data-v-a7f8ad37 {
|
||||
-webkit-user-select: auto;
|
||||
user-select: auto;
|
||||
}
|
||||
input.data-v-a7f8ad37:focus, input.data-v-a7f8ad37:active, textarea.data-v-a7f8ad37:focus, textarea.data-v-a7f8ad37:active {
|
||||
outline: none;
|
||||
}
|
||||
.chat-aside.data-v-a7f8ad37 {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
right: 0;
|
||||
box-sizing: border-box;
|
||||
width: 360px !important;
|
||||
border-radius: 8px 0 0 8px;
|
||||
z-index: 9999;
|
||||
max-height: calc(100% - 50px);
|
||||
}
|
||||
.slider-box.data-v-a7f8ad37 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 40px;
|
||||
height: 20px;
|
||||
border-radius: 10px;
|
||||
background: #e1e1e3;
|
||||
}
|
||||
.slider-open.data-v-a7f8ad37 {
|
||||
background: #006eff !important;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.slider-block.data-v-a7f8ad37 {
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border-radius: 8px;
|
||||
margin: 0 2px;
|
||||
background: #fff;
|
||||
border: 0 solid rgba(0, 0, 0, 0.85);
|
||||
box-shadow: 0 2px 4px 0 #d1d1d1;
|
||||
}
|
||||
21
unpackage/dist/dev/mp-weixin/TUIKit/components/common/SwitchBar/index.js
vendored
Normal file
21
unpackage/dist/dev/mp-weixin/TUIKit/components/common/SwitchBar/index.js
vendored
Normal file
@@ -0,0 +1,21 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "index",
|
||||
props: {
|
||||
value: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
setup(__props) {
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.n(__props.value ? "tui-switch-checked" : "tui-switch-no-checked")
|
||||
};
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-49c188d8"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/common/SwitchBar/index.js.map
|
||||
4
unpackage/dist/dev/mp-weixin/TUIKit/components/common/SwitchBar/index.json
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/TUIKit/components/common/SwitchBar/index.json
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/SwitchBar/index.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/SwitchBar/index.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view class="{{['data-v-49c188d8', 'tui-switch', a]}}"/>
|
||||
79
unpackage/dist/dev/mp-weixin/TUIKit/components/common/SwitchBar/index.wxss
vendored
Normal file
79
unpackage/dist/dev/mp-weixin/TUIKit/components/common/SwitchBar/index.wxss
vendored
Normal file
@@ -0,0 +1,79 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.tui-switch.data-v-49c188d8 {
|
||||
margin: 2px 5px;
|
||||
width: 48px;
|
||||
height: 30px;
|
||||
position: relative;
|
||||
border: 1px solid transparent;
|
||||
box-shadow: #dfdfdf 0 0 0 0 inset;
|
||||
border-radius: 20px;
|
||||
background-clip: content-box;
|
||||
display: inline-block;
|
||||
appearance: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
outline: none;
|
||||
}
|
||||
.tui-switch.data-v-49c188d8::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-color: #fff;
|
||||
border-radius: 50%;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
transition: 0.3s;
|
||||
}
|
||||
.tui-switch-checked.data-v-49c188d8 {
|
||||
background-color: #007aff;
|
||||
transition: 0.6s;
|
||||
}
|
||||
.tui-switch-checked.data-v-49c188d8::before {
|
||||
transition: 0.3s;
|
||||
left: 20px;
|
||||
}
|
||||
.tui-switch-checked.data-v-49c188d8:active::before {
|
||||
width: 28px;
|
||||
left: 16px;
|
||||
transition: 0.3s;
|
||||
}
|
||||
.tui-switch-no-checked.data-v-49c188d8 {
|
||||
background-color: #dcdfe6;
|
||||
transition: 0.6s;
|
||||
}
|
||||
.tui-switch-no-checked.data-v-49c188d8::before {
|
||||
left: 2px;
|
||||
transition: 0.3s;
|
||||
}
|
||||
.tui-switch-no-checked.data-v-49c188d8:active::before {
|
||||
width: 28px;
|
||||
transition: 0.3s;
|
||||
}
|
||||
29
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Toast/index.js
vendored
Normal file
29
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Toast/index.js
vendored
Normal file
@@ -0,0 +1,29 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
const TUIKit_components_common_Toast_type = require("./type.js");
|
||||
const Toast = (options) => {
|
||||
common_vendor.i.showToast({
|
||||
title: options.message || "Toast",
|
||||
duration: options.duration || 1500,
|
||||
icon: handleIconType(options.type)
|
||||
});
|
||||
};
|
||||
const handleIconType = (type) => {
|
||||
if (!type) {
|
||||
return "none";
|
||||
}
|
||||
switch (type) {
|
||||
case TUIKit_components_common_Toast_type.TOAST_TYPE.ERROR:
|
||||
return "none";
|
||||
case TUIKit_components_common_Toast_type.TOAST_TYPE.WARNING:
|
||||
return "none";
|
||||
case TUIKit_components_common_Toast_type.TOAST_TYPE.SUCCESS:
|
||||
return "success";
|
||||
case TUIKit_components_common_Toast_type.TOAST_TYPE.NORMAL:
|
||||
return "none";
|
||||
default:
|
||||
return "none";
|
||||
}
|
||||
};
|
||||
exports.Toast = Toast;
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/common/Toast/index.js.map
|
||||
9
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Toast/type.js
vendored
Normal file
9
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Toast/type.js
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
"use strict";
|
||||
const TOAST_TYPE = {
|
||||
SUCCESS: "success",
|
||||
WARNING: "warning",
|
||||
ERROR: "error",
|
||||
NORMAL: "normal"
|
||||
};
|
||||
exports.TOAST_TYPE = TOAST_TYPE;
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/common/Toast/type.js.map
|
||||
256
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Transfer/index.js
vendored
Normal file
256
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Transfer/index.js
vendored
Normal file
@@ -0,0 +1,256 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
require("../../../adapter-vue.js");
|
||||
const common_assets = require("../../../../common/assets.js");
|
||||
const TUIKit_utils_env = require("../../../utils/env.js");
|
||||
if (!Math) {
|
||||
Icon();
|
||||
}
|
||||
const Icon = () => "../Icon.js";
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "index",
|
||||
props: {
|
||||
list: {
|
||||
type: Array,
|
||||
default: () => []
|
||||
},
|
||||
selectedList: {
|
||||
type: Array,
|
||||
default: () => []
|
||||
},
|
||||
isSearch: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
isRadio: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
isCustomItem: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
title: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
type: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
resultShow: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
total: {
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
isHiddenBackIcon: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
emits: ["search", "submit", "cancel", "getMore"],
|
||||
setup(__props, { emit: __emit }) {
|
||||
const props = __props;
|
||||
const transferList = common_vendor.ref([]);
|
||||
const transferTotal = common_vendor.ref(0);
|
||||
const transferSelectedList = common_vendor.ref([]);
|
||||
const isTransferSearch = common_vendor.ref(true);
|
||||
const isTransferCustomItem = common_vendor.ref(false);
|
||||
const transferTitle = common_vendor.ref("");
|
||||
const searchValue = common_vendor.ref("");
|
||||
common_vendor.watchEffect(() => {
|
||||
if (props.isCustomItem) {
|
||||
for (let index = 0; index < props.list.length; index++) {
|
||||
if (props.list[index].conversationID.indexOf("@TIM#SYSTEM") > -1) {
|
||||
props.list.splice(index, 1);
|
||||
}
|
||||
transferList.value = props.list;
|
||||
}
|
||||
} else {
|
||||
transferList.value = props.list;
|
||||
}
|
||||
transferTotal.value = props.total ? props.total : props.list.length;
|
||||
transferSelectedList.value = props.selectedList && props.selectedList.length > 0 ? props.selectedList : transferSelectedList.value;
|
||||
isTransferSearch.value = props.isSearch;
|
||||
isTransferCustomItem.value = props.isCustomItem;
|
||||
transferTitle.value = props.title;
|
||||
});
|
||||
const emit = __emit;
|
||||
const optional = common_vendor.computed(
|
||||
() => transferList.value.filter((item) => !item.isDisabled)
|
||||
);
|
||||
const handleInput = (e) => {
|
||||
searchValue.value = e.target.value || e.detail.value;
|
||||
emit("search", searchValue.value);
|
||||
};
|
||||
const selected = (item) => {
|
||||
if (item.isDisabled) {
|
||||
return;
|
||||
}
|
||||
let list = transferSelectedList.value;
|
||||
const index = list.indexOf(item);
|
||||
if (index > -1) {
|
||||
return transferSelectedList.value.splice(index, 1);
|
||||
}
|
||||
if (props.isRadio) {
|
||||
list = [];
|
||||
}
|
||||
list.push(item);
|
||||
transferSelectedList.value = list;
|
||||
};
|
||||
const selectedAll = () => {
|
||||
if (transferSelectedList.value.length === optional.value.length) {
|
||||
transferSelectedList.value = [];
|
||||
} else {
|
||||
transferSelectedList.value = [...optional.value];
|
||||
}
|
||||
};
|
||||
const submit = () => {
|
||||
emit("submit", transferSelectedList.value);
|
||||
searchValue.value = "";
|
||||
};
|
||||
const cancel = () => {
|
||||
emit("cancel");
|
||||
searchValue.value = "";
|
||||
};
|
||||
const getMore = () => {
|
||||
emit("getMore");
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: !common_vendor.unref(TUIKit_utils_env.isPC)
|
||||
}, !common_vendor.unref(TUIKit_utils_env.isPC) ? common_vendor.e({
|
||||
b: !props.isHiddenBackIcon
|
||||
}, !props.isHiddenBackIcon ? {
|
||||
c: common_vendor.p({
|
||||
file: common_vendor.unref(common_assets.backIcon),
|
||||
width: "18px",
|
||||
height: "18px"
|
||||
}),
|
||||
d: common_vendor.o$1(cancel)
|
||||
} : {}, {
|
||||
e: common_vendor.t(common_vendor.unref(transferTitle))
|
||||
}) : {}, {
|
||||
f: common_vendor.unref(TUIKit_utils_env.isPC) && common_vendor.unref(isTransferSearch)
|
||||
}, common_vendor.unref(TUIKit_utils_env.isPC) && common_vendor.unref(isTransferSearch) ? {
|
||||
g: common_vendor.unref(searchValue),
|
||||
h: common_vendor.unref(common_vendor.Wt).t("component.请输入userID"),
|
||||
i: common_vendor.n(common_vendor.unref(TUIKit_utils_env.isUniFrameWork) ? "left-uniapp-input" : ""),
|
||||
j: common_vendor.o$1(handleInput)
|
||||
} : {}, {
|
||||
k: !common_vendor.unref(TUIKit_utils_env.isPC) && common_vendor.unref(isTransferSearch)
|
||||
}, !common_vendor.unref(TUIKit_utils_env.isPC) && common_vendor.unref(isTransferSearch) ? {
|
||||
l: common_vendor.unref(common_vendor.Wt).t("component.请输入userID"),
|
||||
m: common_vendor.unref(searchValue),
|
||||
n: common_vendor.n(common_vendor.unref(TUIKit_utils_env.isUniFrameWork) ? "left-uniapp-input" : ""),
|
||||
o: common_vendor.o$1(handleInput),
|
||||
p: common_vendor.o$1(handleInput)
|
||||
} : {}, {
|
||||
q: common_vendor.unref(optional).length > 1 && !__props.isRadio
|
||||
}, common_vendor.unref(optional).length > 1 && !__props.isRadio ? common_vendor.e({
|
||||
r: common_vendor.unref(transferSelectedList).length === common_vendor.unref(optional).length
|
||||
}, common_vendor.unref(transferSelectedList).length === common_vendor.unref(optional).length ? {
|
||||
s: common_vendor.p({
|
||||
file: common_vendor.unref(common_assets.selectedIcon),
|
||||
width: "18px",
|
||||
height: "18px"
|
||||
})
|
||||
} : {}, {
|
||||
t: common_vendor.t(common_vendor.unref(common_vendor.Wt).t("component.全选")),
|
||||
v: common_vendor.o$1(selectedAll)
|
||||
}) : {}, {
|
||||
w: common_vendor.f(common_vendor.unref(transferList), (item, k0, i0) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.unref(transferSelectedList).indexOf(item) > -1
|
||||
}, common_vendor.unref(transferSelectedList).indexOf(item) > -1 ? {
|
||||
b: common_vendor.n(item.isDisabled && "disabled"),
|
||||
c: "01b74c91-2-" + i0,
|
||||
d: common_vendor.p({
|
||||
file: common_vendor.unref(common_assets.selectedIcon),
|
||||
width: "18px",
|
||||
height: "18px"
|
||||
})
|
||||
} : {
|
||||
e: common_vendor.n(item.isDisabled && "disabled")
|
||||
}, !common_vendor.unref(isTransferCustomItem) ? common_vendor.e({
|
||||
f: item.avatar || "https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png",
|
||||
g: common_vendor.t(item.nick || item.userID),
|
||||
h: item.isDisabled
|
||||
}, item.isDisabled ? {
|
||||
i: common_vendor.t(common_vendor.unref(common_vendor.Wt).t("component.已在群中"))
|
||||
} : {}) : {
|
||||
j: "left-" + i0,
|
||||
k: common_vendor.r("left", {
|
||||
data: item
|
||||
}, i0)
|
||||
}, {
|
||||
l: item.userID,
|
||||
m: common_vendor.o$1(($event) => selected(item), item.userID)
|
||||
});
|
||||
}),
|
||||
x: !common_vendor.unref(isTransferCustomItem),
|
||||
y: common_vendor.unref(transferTotal) > common_vendor.unref(transferList).length
|
||||
}, common_vendor.unref(transferTotal) > common_vendor.unref(transferList).length ? {
|
||||
z: common_vendor.t(common_vendor.unref(common_vendor.Wt).t("component.查看更多")),
|
||||
A: common_vendor.o$1(getMore)
|
||||
} : {}, {
|
||||
B: common_vendor.unref(TUIKit_utils_env.isPC)
|
||||
}, common_vendor.unref(TUIKit_utils_env.isPC) ? {
|
||||
C: common_vendor.t(common_vendor.unref(transferTitle))
|
||||
} : {}, {
|
||||
D: __props.resultShow
|
||||
}, __props.resultShow ? common_vendor.e({
|
||||
E: common_vendor.unref(transferSelectedList).length > 0 && common_vendor.unref(TUIKit_utils_env.isPC)
|
||||
}, common_vendor.unref(transferSelectedList).length > 0 && common_vendor.unref(TUIKit_utils_env.isPC) ? {
|
||||
F: common_vendor.t(common_vendor.unref(common_vendor.Wt).t("component.已选中")),
|
||||
G: common_vendor.t(common_vendor.unref(transferSelectedList).length),
|
||||
H: common_vendor.t(common_vendor.unref(common_vendor.Wt).t("component.人"))
|
||||
} : {}, {
|
||||
I: common_vendor.f(common_vendor.unref(transferSelectedList), (item, index, i0) => {
|
||||
return common_vendor.e(!common_vendor.unref(isTransferCustomItem) ? common_vendor.e({
|
||||
a: item.avatar || "https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png",
|
||||
b: common_vendor.unref(TUIKit_utils_env.isPC)
|
||||
}, common_vendor.unref(TUIKit_utils_env.isPC) ? {
|
||||
c: common_vendor.t(item.nick || item.userID)
|
||||
} : {}) : {
|
||||
d: "right-" + i0,
|
||||
e: common_vendor.r("right", {
|
||||
data: item
|
||||
}, i0)
|
||||
}, common_vendor.unref(TUIKit_utils_env.isPC) ? {
|
||||
f: "01b74c91-3-" + i0,
|
||||
g: common_vendor.p({
|
||||
file: common_vendor.unref(common_assets.cancelIcon),
|
||||
width: "18px",
|
||||
height: "18px"
|
||||
}),
|
||||
h: common_vendor.o$1(($event) => selected(item), index)
|
||||
} : {}, {
|
||||
i: index
|
||||
});
|
||||
}),
|
||||
J: !common_vendor.unref(isTransferCustomItem),
|
||||
K: common_vendor.unref(TUIKit_utils_env.isPC)
|
||||
}) : {}, {
|
||||
L: common_vendor.t(common_vendor.unref(common_vendor.Wt).t("component.取消")),
|
||||
M: common_vendor.o$1(cancel),
|
||||
N: common_vendor.unref(transferSelectedList).length > 0
|
||||
}, common_vendor.unref(transferSelectedList).length > 0 ? {
|
||||
O: common_vendor.t(common_vendor.unref(common_vendor.Wt).t("component.完成")),
|
||||
P: common_vendor.o$1(submit)
|
||||
} : {
|
||||
Q: common_vendor.t(common_vendor.unref(common_vendor.Wt).t("component.完成")),
|
||||
R: common_vendor.o$1(submit)
|
||||
}, {
|
||||
S: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) ? "transfer-h5" : ""),
|
||||
T: common_vendor.n(common_vendor.unref(TUIKit_utils_env.isWeChat) ? "transfer-h5-wechat" : "")
|
||||
});
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-01b74c91"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/common/Transfer/index.js.map
|
||||
6
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Transfer/index.json
vendored
Normal file
6
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Transfer/index.json
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"icon": "../Icon"
|
||||
}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Transfer/index.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Transfer/index.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view class="{{['transfer', 'data-v-01b74c91', S, T]}}"><view wx:if="{{a}}" class="transfer-header transfer-h5-header data-v-01b74c91"><view wx:if="{{b}}" class="data-v-01b74c91" bindtap="{{d}}"><icon wx:if="{{c}}" class="icon data-v-01b74c91" u-i="01b74c91-0" bind:__l="__l" u-p="{{c}}"/></view><label class="title data-v-01b74c91">{{e}}</label><label class="space data-v-01b74c91"/></view><view class="main data-v-01b74c91"><view class="left data-v-01b74c91"><view class="transfer-header data-v-01b74c91"><input wx:if="{{f}}" type="text" value="{{g}}" placeholder="{{h}}" enterkeyhint="search" class="{{['data-v-01b74c91', i]}}" bindkeyup="{{j}}"></input><input wx:if="{{k}}" type="text" placeholder="{{l}}" enterkeyhint="search" value="{{m}}" class="{{['data-v-01b74c91', n]}}" bindblur="{{o}}" bindconfirm="{{p}}"></input></view><view class="transfer-left-main data-v-01b74c91"><view class="transfer-list data-v-01b74c91"><view wx:if="{{q}}" class="transfer-list-item data-v-01b74c91" bindtap="{{v}}"><icon wx:if="{{r}}" class="data-v-01b74c91" u-i="01b74c91-1" bind:__l="__l" u-p="{{s}}"/><view wx:else class="icon-unselected data-v-01b74c91"/><label class="select-all data-v-01b74c91">{{t}}</label></view><view wx:for="{{w}}" wx:for-item="item" wx:key="l" class="transfer-list-item data-v-01b74c91" bindtap="{{item.m}}"><icon wx:if="{{item.a}}" class="{{['data-v-01b74c91', item.b]}}" u-i="{{item.c}}" bind:__l="__l" u-p="{{item.d}}"/><view wx:else class="{{['data-v-01b74c91', item.e, 'icon-unselected']}}"/><block wx:if="{{x}}"><image class="avatar data-v-01b74c91" src="{{item.f}}" onerror="this.onerror=null;this.src='https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png'"></image><label class="name data-v-01b74c91">{{item.g}}</label><label wx:if="{{item.h}}" class="data-v-01b74c91">({{item.i}})</label></block><block wx:else><slot name="{{item.j}}"/></block></view><view wx:if="{{y}}" class="transfer-list-item more data-v-01b74c91" bindtap="{{A}}">{{z}}</view></view></view></view><view class="right data-v-01b74c91"><view wx:if="{{B}}" class="transfer-header data-v-01b74c91">{{C}}</view><view wx:if="{{D}}" class="transfer-list data-v-01b74c91"><view wx:if="{{E}}" class="transfer-text data-v-01b74c91">{{F}}{{G}}{{H}}</view><view wx:for="{{I}}" wx:for-item="item" wx:key="i" class="transfer-list-item space-between data-v-01b74c91"><view class="transfer-list-item-content data-v-01b74c91"><block wx:if="{{J}}"><image class="avatar data-v-01b74c91" src="{{item.a}}" onerror="this.onerror=null;this.src='https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png'"></image><label wx:if="{{item.b}}" class="name data-v-01b74c91">{{item.c}}</label></block><block wx:else><slot name="{{item.d}}"/></block></view><label wx:if="{{K}}" class="data-v-01b74c91" bindtap="{{item.h}}"><icon wx:if="{{item.g}}" class="data-v-01b74c91" u-i="{{item.f}}" bind:__l="__l" u-p="{{item.g}}"/></label></view></view><view class="transfer-right-footer data-v-01b74c91"><button class="btn btn-cancel data-v-01b74c91" bindtap="{{M}}">{{L}}</button><button wx:if="{{N}}" class="btn data-v-01b74c91" bindtap="{{P}}">{{O}}</button><button wx:else class="btn btn-no data-v-01b74c91" bindtap="{{R}}">{{Q}}</button></view></view></view></view>
|
||||
333
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Transfer/index.wxss
vendored
Normal file
333
unpackage/dist/dev/mp-weixin/TUIKit/components/common/Transfer/index.wxss
vendored
Normal file
@@ -0,0 +1,333 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
body.data-v-01b74c91, div.data-v-01b74c91, ul.data-v-01b74c91, ol.data-v-01b74c91, dt.data-v-01b74c91, dd.data-v-01b74c91, li.data-v-01b74c91, dl.data-v-01b74c91, h1.data-v-01b74c91, h2.data-v-01b74c91, h3.data-v-01b74c91, h4.data-v-01b74c91, p.data-v-01b74c91 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-style: normal;
|
||||
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
||||
}
|
||||
ol.data-v-01b74c91, ul.data-v-01b74c91, li.data-v-01b74c91 {
|
||||
list-style: none;
|
||||
}
|
||||
img.data-v-01b74c91 {
|
||||
border: 0;
|
||||
vertical-align: middle;
|
||||
pointer-events: none;
|
||||
}
|
||||
body.data-v-01b74c91 {
|
||||
color: #000;
|
||||
background: #FFF;
|
||||
}
|
||||
.clear.data-v-01b74c91 {
|
||||
clear: both;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
margin-top: -1px;
|
||||
}
|
||||
a.data-v-01b74c91 {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
a.data-v-01b74c91:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
input.data-v-01b74c91, textarea.data-v-01b74c91 {
|
||||
-webkit-user-select: auto;
|
||||
user-select: auto;
|
||||
}
|
||||
input.data-v-01b74c91:focus, input.data-v-01b74c91:active, textarea.data-v-01b74c91:focus, textarea.data-v-01b74c91:active {
|
||||
outline: none;
|
||||
}
|
||||
.chat-aside.data-v-01b74c91 {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
right: 0;
|
||||
box-sizing: border-box;
|
||||
width: 360px !important;
|
||||
border-radius: 8px 0 0 8px;
|
||||
z-index: 9999;
|
||||
max-height: calc(100% - 50px);
|
||||
}
|
||||
.main.data-v-01b74c91 {
|
||||
background: #FFF;
|
||||
border: 1px solid #E0E0E0;
|
||||
box-shadow: 0 -4px 12px 0 rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
.main .left.data-v-01b74c91 {
|
||||
border-right: 1px solid #E8E8E9;
|
||||
}
|
||||
.main .transfer-header.data-v-01b74c91 {
|
||||
font-weight: 500;
|
||||
color: #000;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.main .transfer-header input.data-v-01b74c91 {
|
||||
background: #FFF;
|
||||
border: 1px solid #DEE0E3;
|
||||
font-weight: 500;
|
||||
color: #8F959E;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.main .transfer-list .transfer-text.data-v-01b74c91 {
|
||||
font-weight: 500;
|
||||
color: #8F959E;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.main .transfer-list-item .disabled.data-v-01b74c91 {
|
||||
background: #eee;
|
||||
}
|
||||
.btn.data-v-01b74c91 {
|
||||
background: #3370FF;
|
||||
border: 0 solid #2F80ED;
|
||||
font-weight: 400;
|
||||
color: #FFF;
|
||||
}
|
||||
.btn-cancel.data-v-01b74c91 {
|
||||
background: #FFF;
|
||||
border: 1px solid #DDD;
|
||||
color: #828282;
|
||||
}
|
||||
.btn-no.data-v-01b74c91 {
|
||||
background: #e8e8e9;
|
||||
border: 1px solid #DDD;
|
||||
font-weight: 400;
|
||||
color: #FFF;
|
||||
}
|
||||
.transfer-h5-header.data-v-01b74c91 {
|
||||
background: #FFF;
|
||||
}
|
||||
.transfer-h5-header .title.data-v-01b74c91 {
|
||||
font-family: PingFangSC-Medium;
|
||||
font-weight: 500;
|
||||
color: #000;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.avatar.data-v-01b74c91 {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 5px;
|
||||
font-size: 12px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.main.data-v-01b74c91 {
|
||||
box-sizing: border-box;
|
||||
width: 620px;
|
||||
height: 394px;
|
||||
display: flex;
|
||||
border-radius: 8px;
|
||||
padding: 20px 0;
|
||||
}
|
||||
.main .transfer-header.data-v-01b74c91 {
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.main .transfer-header input.data-v-01b74c91 {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
border-radius: 30px;
|
||||
font-size: 10px;
|
||||
line-height: 14px;
|
||||
padding: 9px 12px;
|
||||
}
|
||||
.main .transfer-list.data-v-01b74c91 {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.main .transfer-list .transfer-text.data-v-01b74c91 {
|
||||
font-size: 10px;
|
||||
line-height: 14px;
|
||||
}
|
||||
.main .transfer-list-item.data-v-01b74c91 {
|
||||
padding: 6px 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
}
|
||||
.main .transfer-list-item-content.data-v-01b74c91 {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.main .transfer-list-item .avatar.data-v-01b74c91 {
|
||||
margin: 0 5px 0 8px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.main .transfer-list-item .name.data-v-01b74c91 {
|
||||
width: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
flex: 1;
|
||||
}
|
||||
.main .right.data-v-01b74c91 {
|
||||
padding: 0 20px;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.main .right .transfer-right-footer.data-v-01b74c91 {
|
||||
align-self: flex-end;
|
||||
}
|
||||
.main .right .transfer-right-footer .btn-cancel.data-v-01b74c91 {
|
||||
margin-right: 12px;
|
||||
}
|
||||
.main .right .transfer-list.data-v-01b74c91 {
|
||||
padding-right: 20px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.main .left.data-v-01b74c91 {
|
||||
flex: 1;
|
||||
overflow-y: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.main .left .transfer-header.data-v-01b74c91 {
|
||||
padding: 0 20px;
|
||||
}
|
||||
.main .left .transfer-left-main.data-v-01b74c91 {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
padding: 0 13px;
|
||||
}
|
||||
.btn.data-v-01b74c91 {
|
||||
padding: 4px 28px;
|
||||
font-size: 12px;
|
||||
line-height: 24px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.btn-no.data-v-01b74c91 {
|
||||
padding: 4px 28px;
|
||||
font-size: 12px;
|
||||
line-height: 24px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.space-between.data-v-01b74c91 {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.select-all.data-v-01b74c91 {
|
||||
padding-left: 8px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.more.data-v-01b74c91 {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
}
|
||||
.transfer-h5.data-v-01b74c91 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.transfer-h5-wechat.data-v-01b74c91 {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
.transfer-h5-header.data-v-01b74c91 {
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-size: 18px;
|
||||
padding: 16px 18px;
|
||||
}
|
||||
.transfer-h5-header .space.data-v-01b74c91, .transfer-h5-header .icon.data-v-01b74c91 {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
.transfer-h5 .main.data-v-01b74c91 {
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
width: auto;
|
||||
height: auto;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
max-height: calc(100% - 50px);
|
||||
padding: 0;
|
||||
}
|
||||
.transfer-h5 .main .avatar.data-v-01b74c91 {
|
||||
border-radius: 5px;
|
||||
}
|
||||
.transfer-h5 .main .left.data-v-01b74c91 {
|
||||
padding: 0;
|
||||
flex: 1;
|
||||
border: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.transfer-h5 .main .left .transfer-header.data-v-01b74c91 {
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
padding: 0 18px;
|
||||
}
|
||||
.transfer-h5 .main .left .transfer-header input.data-v-01b74c91 {
|
||||
border-radius: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.transfer-h5 .main .left-uniapp-input.data-v-01b74c91 {
|
||||
height: 36px;
|
||||
}
|
||||
.transfer-h5 .main .right.data-v-01b74c91 {
|
||||
flex: 0;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
box-shadow: inset 0 1px 0 0 #EEE;
|
||||
padding: 8px 18px;
|
||||
}
|
||||
.transfer-h5 .main .right .transfer-list.data-v-01b74c91 {
|
||||
flex-direction: row;
|
||||
width: 0;
|
||||
}
|
||||
.transfer-h5 .main .right .transfer-list-item-content.data-v-01b74c91 {
|
||||
flex: none;
|
||||
}
|
||||
.transfer-h5 .main .right .transfer-right-footer.data-v-01b74c91 {
|
||||
padding: 6px 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.transfer-h5 .main .right .transfer-right-footer .btn.data-v-01b74c91 {
|
||||
font-size: 14px;
|
||||
}
|
||||
.icon-unselected.data-v-01b74c91 {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: #FFF;
|
||||
border: 1px solid #DDD;
|
||||
border-radius: 11px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
Reference in New Issue
Block a user