iuu/cmgd-mini-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
建超
2026-01-05 12:47:14 +08:00
commit 1fc846fae3
1614 changed files with 162035 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

189
unpackage/dist/dev/mp-weixin/uni_modules/nutui-uni/components/dialog/dialog.js vendored Normal file
View File

@@ -0,0 +1,189 @@
"use strict";
const common_vendor = require("../../../../common/vendor.js");
const uni_modules_nutuiUni_components__constants_prefix = require("../_constants/prefix.js");
require("../../locale/locale.js");
const uni_modules_nutuiUni_locale_useTranslate = require("../../locale/useTranslate.js");
const uni_modules_nutuiUni_components__constants_event = require("../_constants/event.js");
const uni_modules_nutuiUni_components__utils_is = require("../_utils/is.js");
require("../_utils/env.js");
const uni_modules_nutuiUni_components__utils_props = require("../_utils/props.js");
const popup = require("../../../../popup.js");
const uni_modules_nutuiUni_components_dialog_useDialog = require("./use-dialog.js");
const dialogProps = {
...popup.popupProps,
...uni_modules_nutuiUni_components__utils_props.commonProps,
/**
* @description 点击蒙层是否关闭对话框
*/
closeOnClickOverlay: uni_modules_nutuiUni_components__utils_props.truthProp,
/**
* @description 标题
*/
title: uni_modules_nutuiUni_components__utils_props.makeStringProp(""),
/**
* @description 内容，支持 HTML
*/
content: uni_modules_nutuiUni_components__utils_props.makeStringProp(""),
/**
* @description 是否隐藏底部按钮栏
*/
noFooter: Boolean,
/**
* @description 是否隐藏确定按钮
*/
noOkBtn: Boolean,
/**
* @description 是否隐藏取消按钮
*/
noCancelBtn: Boolean,
/**
* @description 取消按钮文案
*/
cancelText: uni_modules_nutuiUni_components__utils_props.makeStringProp(""),
/**
* @description 确定按钮文案
*/
okText: uni_modules_nutuiUni_components__utils_props.makeStringProp(""),
/**
* @description 确认按钮是否默认关闭弹窗
*/
okAutoClose: uni_modules_nutuiUni_components__utils_props.truthProp,
/**
* @description 取消按钮是否默认关闭弹窗
*/
cancelAutoClose: uni_modules_nutuiUni_components__utils_props.truthProp,
/**
* @description 文字对齐方向，可选值同 css 的 text-align
*/
textAlign: uni_modules_nutuiUni_components__utils_props.makeStringProp("center"),
/**
* @description 是否在页面回退时自动关闭
*/
closeOnPopstate: Boolean,
/**
* @description 使用横纵方向,可选值`horizontal`、`vertical`
*/
footerDirection: uni_modules_nutuiUni_components__utils_props.makeStringProp("horizontal"),
/**
* @description 自定义类名
*/
customClass: uni_modules_nutuiUni_components__utils_props.makeStringProp(""),
/**
* @description 自定义 popup 弹框样式
*/
popStyle: {
type: Object
},
/**
* @description 是否在页面回退时自动关闭
*/
beforeClose: Function
};
const dialogEmits = {
update: (val) => uni_modules_nutuiUni_components__utils_is.isBoolean(val),
[uni_modules_nutuiUni_components__constants_event.UPDATE_VISIBLE_EVENT]: (val) => uni_modules_nutuiUni_components__utils_is.isBoolean(val),
ok: () => true,
[uni_modules_nutuiUni_components__constants_event.CANCEL_EVENT]: () => true,
[uni_modules_nutuiUni_components__constants_event.OPENED_EVENT]: () => true,
[uni_modules_nutuiUni_components__constants_event.CLOSED_EVENT]: () => true
};
if (!Math) {
(NutButton + NutPopup)();
}
const NutButton = () => "../button/button.js";
const NutPopup = () => "../popup/popup.js";
const componentName = `${uni_modules_nutuiUni_components__constants_prefix.PREFIX}-dialog`;
const __default__ = common_vendor.defineComponent({
name: componentName,
inheritAttrs: false,
options: {
virtualHost: true,
addGlobalClass: true,
styleIsolation: "shared"
}
});
const { translate } = uni_modules_nutuiUni_locale_useTranslate.useTranslate(componentName);
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
...__default__,
props: dialogProps,
emits: dialogEmits,
setup(__props, { expose: __expose, emit: __emit }) {
const props = __props;
const emit = __emit;
const {
contentStyle,
showPopup,
onClickOverlay,
onCancel,
onOk,
classes,
closed,
dialogStatus,
showDialog
} = uni_modules_nutuiUni_components_dialog_useDialog.useDialog(props, emit);
__expose({ showDialog, onOk, onCancel });
return (_ctx, _cache) => {
return common_vendor.e({
a: _ctx.$slots.header || common_vendor.unref(dialogStatus).title
}, _ctx.$slots.header || common_vendor.unref(dialogStatus).title ? common_vendor.e({
b: _ctx.$slots.header
}, _ctx.$slots.header ? {} : {
c: common_vendor.t(common_vendor.unref(dialogStatus).title || props.title)
}) : {}, {
d: _ctx.$slots.default
}, _ctx.$slots.default ? {} : typeof _ctx.content === "string" ? {
f: common_vendor.unref(dialogStatus).content || props.content
} : {}, {
e: typeof _ctx.content === "string",
g: common_vendor.s(common_vendor.unref(contentStyle)),
h: !common_vendor.unref(dialogStatus).noFooter
}, !common_vendor.unref(dialogStatus).noFooter ? common_vendor.e({
i: _ctx.$slots.footer
}, _ctx.$slots.footer ? {} : common_vendor.e({
j: !common_vendor.unref(dialogStatus).noCancelBtn
}, !common_vendor.unref(dialogStatus).noCancelBtn ? {
k: common_vendor.t(common_vendor.unref(dialogStatus).cancelText || props.cancelText || common_vendor.unref(translate)("cancel")),
l: common_vendor.o(common_vendor.unref(onCancel)),
m: common_vendor.p({
size: "small",
plain: true,
type: "primary",
["custom-class"]: "nut-dialog__footer-cancel"
})
} : {}, {
n: !common_vendor.unref(dialogStatus).noOkBtn
}, !common_vendor.unref(dialogStatus).noOkBtn ? {
o: common_vendor.t(common_vendor.unref(dialogStatus).okText || props.okText || common_vendor.unref(translate)("confirm")),
p: common_vendor.o(common_vendor.unref(onOk)),
q: common_vendor.p({
size: "small",
type: "primary",
["custom-class"]: "nut-dialog__footer-ok"
})
} : {}), {
r: _ctx.footerDirection,
s: common_vendor.unref(dialogStatus).footerDirection ? 1 : ""
}) : {}, {
t: common_vendor.n(common_vendor.unref(classes)),
v: common_vendor.s(_ctx.customStyle),
w: common_vendor.o(common_vendor.unref(onClickOverlay)),
x: common_vendor.o(common_vendor.unref(closed)),
y: common_vendor.o(($event) => common_vendor.isRef(showPopup) ? showPopup.value = $event : null),
z: common_vendor.p({
["close-on-click-overlay"]: false,
["lock-scroll"]: _ctx.lockScroll,
["pop-class"]: _ctx.popClass,
["overlay-class"]: _ctx.overlayClass,
["overlay-style"]: _ctx.overlayStyle,
["custom-style"]: _ctx.popStyle,
["z-index"]: _ctx.zIndex,
round: true,
transition: _ctx.transition,
visible: common_vendor.unref(showPopup)
})
});
};
}
});
wx.createComponent(_sfc_main);
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/uni_modules/nutui-uni/components/dialog/dialog.js.map

7
unpackage/dist/dev/mp-weixin/uni_modules/nutui-uni/components/dialog/dialog.json vendored Normal file
View File

@@ -0,0 +1,7 @@
{
"component": true,
"usingComponents": {
"nut-button": "../button/button",
"nut-popup": "../popup/popup"
}
}

1
unpackage/dist/dev/mp-weixin/uni_modules/nutui-uni/components/dialog/dialog.wxml vendored Normal file
View File

@@ -0,0 +1 @@
<nut-popup wx:if="{{z}}" u-s="{{['d']}}" bindclickOverlay="{{w}}" bindclickCloseIcon="{{x}}" u-i="32f55b1a-0" bind:__l="__l" bindupdateVisible="{{y}}" u-p="{{z}}"><view class="{{t}}" style="{{v}}"><view wx:if="{{a}}" class="nut-dialog__header"><slot wx:if="{{b}}" name="header"/><block wx:else>{{c}}</block></view><view class="nut-dialog__content" style="{{g}}"><slot wx:if="{{d}}"/><rich-text wx:elif="{{e}}" nodes="{{f}}"/></view><view wx:if="{{h}}" class="{{['nut-dialog__footer', s && r]}}"><slot wx:if="{{i}}" name="footer"/><block wx:else><nut-button wx:if="{{j}}" u-s="{{['d']}}" bindclick="{{l}}" u-i="32f55b1a-1,32f55b1a-0" bind:__l="__l" u-p="{{m}}">{{k}}</nut-button><nut-button wx:if="{{n}}" u-s="{{['d']}}" bindclick="{{p}}" u-i="32f55b1a-2,32f55b1a-0" bind:__l="__l" u-p="{{q}}">{{o}}</nut-button></block></view></view></nut-popup>

468
unpackage/dist/dev/mp-weixin/uni_modules/nutui-uni/components/dialog/dialog.wxss vendored Normal file
View File

@@ -0,0 +1,468 @@
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.nut-theme-dark .nut-button--default {
color: var(--nut-dark-color3, rgba(232, 230, 227, 0.8));
background: var(--nut-dark-background2, #1b1b1b);
border: var(--nut-button-border-width, 1px) solid var(--nut-dark-background2, #1b1b1b);
}
.nut-theme-dark .nut-button--plain {
background: var(--nut-dark-background2, #1b1b1b);
}
.nut-theme-dark .nut-button:not(.nut-button--hovercls) .nut-button--plain:not([disabled]):active {
background: var(--nut-dark-background2, #1b1b1b);
}
.nut-theme-dark .nut-button:not(.nut-button--hovercls) .nut-button--default:not([disabled]):active {
color: var(--nut-dark-color3, rgba(232, 230, 227, 0.8));
background: var(--nut-dark-background2, #1b1b1b);
border: var(--nut-button-border-width, 1px) solid var(--nut-dark-background2, #1b1b1b);
}
.nut-button {
position: relative;
box-sizing: border-box;
display: inline-block;
flex-shrink: 0;
width: auto;
height: var(--nut-button-default-height, 38px);
padding: 0;
margin: 0;
font-size: var(--nut-button-default-font-size, var(--nut-font-size-2, 14px));
line-height: var(--nut-button-default-line-height, 36px);
text-align: center;
vertical-align: bottom;
-webkit-appearance: none;
appearance: none;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
transition: opacity 0.2s;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
.nut-button .nut-button__text {
margin-left: 5px;
}
.nut-button::before {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
content: "";
background-color: var(--nut-black, #000);
border: inherit;
border-color: var(--nut-black, #000);
border-radius: inherit;
opacity: 0;
transform: translate(-50%, -50%);
}
.nut-button::after {
display: none;
}
.nut-button:not(.nut-button--hovercls):active::before {
opacity: 0.1;
}
.nut-button__wrap {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.nut-button--loading::before, .nut-button--disabled::before {
display: none;
}
.nut-button--default {
color: var(--nut-button-default-color, #666666);
background: var(--nut-button-default-bg-color, var(--nut-white, #fff));
background-origin: border-box;
border: var(--nut-button-border-width, 1px) solid var(--nut-button-default-border-color, #cccccc);
}
.nut-button--primary {
color: var(--nut-button-primary-color, var(--nut-white, #fff));
background: var(--nut-button-primary-background-color, linear-gradient(135deg, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 0%, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 100%));
background-origin: border-box;
border: var(--nut-button-border-width, 1px) solid transparent;
}
.nut-button--info {
color: var(--nut-button-info-color, var(--nut-white, #fff));
background: var(--nut-button-info-background-color, linear-gradient(315deg, #498ff2 0%, #4965f2 100%));
background-origin: border-box;
border: var(--nut-button-border-width, 1px) solid transparent;
}
.nut-button--success {
color: var(--nut-button-success-color, var(--nut-white, #fff));
background: var(--nut-button-success-background-color, linear-gradient(135deg, #26bf26 0%, #27c530 45%, #28cf3f 83%, #29d446 100%));
background-origin: border-box;
border: var(--nut-button-border-width, 1px) solid transparent;
}
.nut-button--danger {
color: var(--nut-button-danger-color, var(--nut-white, #fff));
background: var(--nut-button-danger-background-color, #fa2c19);
background-origin: border-box;
border: var(--nut-button-border-width, 1px) solid transparent;
}
.nut-button--warning {
color: var(--nut-button-warning-color, var(--nut-white, #fff));
background: var(--nut-button-warning-background-color, linear-gradient(135deg, #ff9e0d 0%, #ffa70d 45%, #ffb60d 83%, #ffbe0d 100%));
background-origin: border-box;
border: var(--nut-button-border-width, 1px) solid transparent;
}
.nut-button--plain {
background: var(--nut-button-plain-background-color, var(--nut-white, #fff));
background-origin: border-box;
}
.nut-button--plain.nut-button--primary {
color: var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19));
border-color: var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19));
}
.nut-button--plain.nut-button--info {
color: var(--nut-button-info-border-color, #496af2);
border-color: var(--nut-button-info-border-color, #496af2);
}
.nut-button--plain.nut-button--success {
color: var(--nut-button-success-border-color, #26bf26);
border-color: var(--nut-button-success-border-color, #26bf26);
}
.nut-button--plain.nut-button--danger {
color: var(--nut-button-danger-border-color, #fa2c19);
border-color: var(--nut-button-danger-border-color, #fa2c19);
}
.nut-button--plain.nut-button--warning {
color: var(--nut-button-warning-border-color, #ff9e0d);
border-color: var(--nut-button-warning-border-color, #ff9e0d);
}
.nut-button--plain:not(.nut-button--hovercls).nut-button--primary:not([disabled]):active {
color: var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19));
border-color: var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19));
}
.nut-button--plain:not(.nut-button--hovercls).nut-button--info:not([disabled]):active {
color: var(--nut-button-info-border-color, #496af2);
border-color: var(--nut-button-info-border-color, #496af2);
}
.nut-button--plain:not(.nut-button--hovercls).nut-button--success:not([disabled]):active {
color: var(--nut-button-success-border-color, #26bf26);
border-color: var(--nut-button-success-border-color, #26bf26);
}
.nut-button--plain:not(.nut-button--hovercls).nut-button--danger:not([disabled]):active {
color: var(--nut-button-danger-border-color, #fa2c19);
border-color: var(--nut-button-danger-border-color, #fa2c19);
}
.nut-button--plain:not(.nut-button--hovercls).nut-button--warning:not([disabled]):active {
color: var(--nut-button-warning-border-color, #ff9e0d);
border-color: var(--nut-button-warning-border-color, #ff9e0d);
}
.nut-button--large {
width: 100%;
height: var(--nut-button-large-height, 48px);
font-size: var(--nut-button-large-font-size, var(--nut-button-default-font-size, var(--nut-font-size-2, 14px)));
line-height: var(--nut-button-large-line-height, 46px);
}
.nut-button--normal {
padding: var(--nut-button-default-padding, 0 18px);
font-size: var(--nut-button-default-font-size, var(--nut-font-size-2, 14px));
}
.nut-button--small {
height: var(--nut-button-small-height, 28px);
padding: var(--nut-button-small-padding, 0 12px);
font-size: var(--nut-button-small-font-size, var(--nut-font-size-1, 12px));
line-height: var(--nut-button-small-line-height, 26px);
}
.nut-button--small.nut-button--round {
border-radius: var(--nut-button-small-round-border-radius, var(--nut-button-border-radius, 25px));
}
.nut-button--mini {
height: var(--nut-button-mini-height, 24px);
padding: var(--nut-button-mini-padding, 0 12px);
font-size: var(--nut-button-mini-font-size, var(--nut-font-size-1, 12px));
line-height: var(--nut-button-mini-line-height, 1.2);
}
.nut-button--block {
display: block;
width: 100%;
}
.nut-button--disabled {
cursor: not-allowed;
opacity: var(--nut-button-disabled-opacity, 0.68);
}
.nut-button--loading {
cursor: default;
opacity: 0.9;
}
.nut-button--round {
border-radius: var(--nut-button-border-radius, 25px);
}
.nut-button--square {
border-radius: 0;
}
.nut-button:not(.nut-button--hovercls) .nut-button--default:not([disabled]):active {
color: var(--nut-button-default-color, #666666);
background: var(--nut-button-default-bg-color, var(--nut-white, #fff));
background-origin: border-box;
border: var(--nut-button-border-width, 1px) solid var(--nut-button-default-border-color, #cccccc);
}
.nut-button:not(.nut-button--hovercls) .nut-button--primary:not([disabled]):active {
color: var(--nut-button-primary-color, var(--nut-white, #fff));
background: var(--nut-button-primary-background-color, linear-gradient(135deg, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 0%, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 100%));
background-origin: border-box;
border: var(--nut-button-border-width, 1px) solid transparent;
}
.nut-button:not(.nut-button--hovercls) .nut-button--info:not([disabled]):active {
color: var(--nut-button-info-color, var(--nut-white, #fff));
background: var(--nut-button-info-background-color, linear-gradient(315deg, #498ff2 0%, #4965f2 100%));
background-origin: border-box;
border: var(--nut-button-border-width, 1px) solid transparent;
}
.nut-button:not(.nut-button--hovercls) .nut-button--success:not([disabled]):active {
color: var(--nut-button-success-color, var(--nut-white, #fff));
background: var(--nut-button-success-background-color, linear-gradient(135deg, #26bf26 0%, #27c530 45%, #28cf3f 83%, #29d446 100%));
background-origin: border-box;
border: var(--nut-button-border-width, 1px) solid transparent;
}
.nut-button:not(.nut-button--hovercls) .nut-button--danger:not([disabled]):active {
color: var(--nut-button-danger-color, var(--nut-white, #fff));
background: var(--nut-button-danger-background-color, #fa2c19);
background-origin: border-box;
border: var(--nut-button-border-width, 1px) solid transparent;
}
.nut-button:not(.nut-button--hovercls) .nut-button--warning:not([disabled]):active {
color: var(--nut-button-warning-color, var(--nut-white, #fff));
background: var(--nut-button-warning-background-color, linear-gradient(135deg, #ff9e0d 0%, #ffa70d 45%, #ffb60d 83%, #ffbe0d 100%));
background-origin: border-box;
border: var(--nut-button-border-width, 1px) solid transparent;
}
.nut-button:not(.nut-button--hovercls) .nut-button--plain:not([disabled]):active {
background: var(--nut-button-plain-background-color, var(--nut-white, #fff));
background-origin: border-box;
}
.nut-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--nut-overlay-bg-color, rgba(0, 0, 0, 0.7));
}
.nut-overflow-hidden {
overflow: hidden !important;
}
.nut-theme-dark .nut-popup {
background: var(--nut-dark-background2, #1b1b1b);
}
.nut-theme-dark .nut-popup__close-icon {
color: var(--nut-dark-color, var(--nut-white, #fff));
}
.nut-popup-slide-center-enter-active, .nut-popup-slide-center-leave-active {
transition-timing-function: ease;
transition-property: opacity;
}
.nut-popup-slide-center-enter-from, .nut-popup-slide-center-leave-to {
opacity: 0;
}
.nut-popup-slide-top-enter-from, .nut-popup-slide-top-leave-active {
transform: translate(0, -100%);
}
.nut-popup-slide-right-enter-from, .nut-popup-slide-right-leave-active {
transform: translate(100%, 0);
}
.nut-popup-slide-bottom-enter-from, .nut-popup-slide-bottom-leave-active {
transform: translate(0, 100%);
}
.nut-popup-slide-left-enter-from, .nut-popup-slide-left-leave-active {
transform: translate(-100%, 0);
}
.nut-popup--center {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.nut-popup--center.round {
border-radius: var(--nut-popup-border-radius, 20px);
}
.nut-popup--bottom {
bottom: 0;
left: 0;
width: 100%;
}
.nut-popup--bottom.round {
border-radius: var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0 0;
}
.nut-popup--bottom--safebottom {
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
.nut-popup--right {
top: 0;
right: 0;
}
.nut-popup--right.round {
border-radius: var(--nut-popup-border-radius, 20px) 0 0 var(--nut-popup-border-radius, 20px);
}
.nut-popup--left {
top: 0;
left: 0;
}
.nut-popup--left.round {
border-radius: 0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0;
}
.nut-popup--top {
top: 0;
left: 0;
width: 100%;
}
.nut-popup--top.round {
border-radius: 0 0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px);
}
.nut-popup--top--safetop {
padding-top: var(--status-bar-height);
padding-top: constant(safe-area-inset-top);
padding-top: env(safe-area-inset-top);
}
.nut-popup {
position: fixed;
max-height: 100%;
overflow-y: auto;
background-color: var(--nut-white, #fff);
-webkit-overflow-scrolling: touch;
}
.nut-popup__close-icon {
position: absolute !important;
z-index: 1;
width: 30px;
height: 30px;
font-size: 18px;
line-height: 30px;
color: #969799;
text-align: center;
cursor: pointer;
}
.nut-popup__close-icon:active {
opacity: 0.7;
}
.nut-popup__close-icon--top-left {
top: var(--nut-popup-close-icon-margin, 16px);
left: var(--nut-popup-close-icon-margin, 16px);
}
.nut-popup__close-icon--top-right {
top: var(--nut-popup-close-icon-margin, 16px);
right: var(--nut-popup-close-icon-margin, 16px);
}
.nut-popup__close-icon--bottom-left {
bottom: var(--nut-popup-close-icon-margin, 16px);
left: var(--nut-popup-close-icon-margin, 16px);
}
.nut-popup__close-icon--bottom-right {
right: var(--nut-popup-close-icon-margin, 16px);
bottom: var(--nut-popup-close-icon-margin, 16px);
}
.nut-theme-dark .nut-dialog__header {
color: var(--nut-dark-color3, rgba(232, 230, 227, 0.8));
}
.nut-dialog {
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
width: var(--nut-dialog-width, 296px);
min-height: 156px;
padding: 28px 24px 16px;
}
.nut-dialog__header {
display: block;
height: 20px;
font-size: 16px;
font-weight: var(--nut-dialog-header-font-weight, normal);
color: var(--nut-dialog-header-color, #262626);
text-align: center;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.nut-dialog__content {
flex: 1;
width: 100%;
max-height: 268px;
margin: 20px 0;
overflow: auto;
font-size: 12px;
line-height: 16px;
color: var(--nut-text-color, #808080);
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
}
.nut-dialog__footer {
display: flex;
align-items: center;
justify-content: var(--nut-dialog-footer-justify-content, space-around);
width: 100%;
}
.nut-dialog__footer.vertical {
flex-direction: column;
}
.nut-dialog__footer.vertical .nut-button {
min-width: 100%;
margin: 0;
}
.nut-dialog__footer.vertical .nut-button.nut-dialog__footer-cancel {
border: 0;
}
.nut-dialog__footer.vertical .nut-button.nut-dialog__footer-ok {
margin-top: 10px;
}
.nut-dialog__footer .nut-button {
min-width: 100px;
overflow: hidden;
}
.nut-dialog__footer-ok {
max-width: 128px;
}

106
unpackage/dist/dev/mp-weixin/uni_modules/nutui-uni/components/dialog/use-dialog.js vendored Normal file
View File

@@ -0,0 +1,106 @@
"use strict";
const common_vendor = require("../../../../common/vendor.js");
const uni_modules_nutuiUni_components__constants_event = require("../_constants/event.js");
const uni_modules_nutuiUni_components__constants_prefix = require("../_constants/prefix.js");
require("../_utils/env.js");
const uni_modules_nutuiUni_components__utils_interceptor = require("../_utils/interceptor.js");
const uni_modules_nutuiUni_components__utils_style = require("../_utils/style.js");
const componentName = `${uni_modules_nutuiUni_components__constants_prefix.PREFIX}-dialog`;
function useDialog(props, emit) {
const showPopup = common_vendor.ref(props.visible);
const dialogStatus = common_vendor.ref({
title: props.title,
content: props.content,
cancelText: props.cancelText,
okText: props.okText,
textAlign: props.textAlign,
footerDirection: props.footerDirection,
noFooter: props.noFooter,
noOkBtn: props.noOkBtn,
noCancelBtn: props.noCancelBtn,
transition: props.transition,
closeOnClickOverlay: props.closeOnClickOverlay,
okAutoClose: props.okAutoClose
});
common_vendor.watch(() => props.title, (title) => dialogStatus.value.title = title);
const showDialog = (options) => {
dialogStatus.value = {
title: options.title || props.title,
content: options.content || props.content,
cancelText: options.cancelText || props.cancelText,
okText: options.okText || props.okText,
okAutoClose: options.okAutoClose || props.okAutoClose,
textAlign: options.textAlign || props.textAlign,
footerDirection: options.footerDirection || props.footerDirection,
noFooter: options.noFooter || props.noFooter,
noOkBtn: options.noOkBtn || props.noOkBtn,
transition: options.transition || props.transition,
noCancelBtn: options.noCancelBtn || props.noCancelBtn,
closeOnClickOverlay: options.closeOnClickOverlay || props.closeOnClickOverlay
};
showPopup.value = true;
};
common_vendor.onMounted(() => {
if (props.closeOnPopstate)
;
});
common_vendor.watch(
() => props.visible,
(value) => {
showPopup.value = value;
if (value)
emit(uni_modules_nutuiUni_components__constants_event.OPENED_EVENT);
}
);
const classes = common_vendor.computed(() => {
return uni_modules_nutuiUni_components__utils_style.getMainClass(props, componentName);
});
function update(val) {
emit("update", val);
emit(uni_modules_nutuiUni_components__constants_event.UPDATE_VISIBLE_EVENT, val);
}
function closed(action) {
uni_modules_nutuiUni_components__utils_interceptor.funInterceptor(props.beforeClose, {
args: [action],
done: () => {
showPopup.value = false;
update(false);
emit(uni_modules_nutuiUni_components__constants_event.CLOSED_EVENT);
}
});
}
function onCancel() {
emit(uni_modules_nutuiUni_components__constants_event.CANCEL_EVENT);
if (props.cancelAutoClose) {
showPopup.value = false;
closed(uni_modules_nutuiUni_components__constants_event.CANCEL_EVENT);
}
}
function onOk() {
emit("ok");
if (props.okAutoClose)
closed("ok");
}
function onClickOverlay() {
if (props.closeOnClickOverlay)
closed("");
}
const contentStyle = common_vendor.computed(() => {
return {
textAlign: dialogStatus.value.textAlign
};
});
return {
contentStyle,
showPopup,
onClickOverlay,
onCancel,
onOk,
closed,
classes,
showDialog,
dialogStatus
};
}
exports.useDialog = useDialog;
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/uni_modules/nutui-uni/components/dialog/use-dialog.js.map