miniapp-web-jsapi
Version:
JSAPI/View adapter for miniprogram running on the web
270 lines (267 loc) • 10.5 kB
JavaScript
import _createClass from "@babel/runtime/helpers/createClass";
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
import _inherits from "@babel/runtime/helpers/inherits";
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
/* packages/miniapp-web-jsapi/src/web/components/confirm/Confirm.svelte generated by Svelte v3.49.0 */
import { SvelteComponent, append, append_styles, attr, create_component, destroy_component, detach, element, init, insert, listen, mount_component, null_to_empty, run_all, safe_not_equal, set_data, space, text, transition_in, transition_out } from "svelte/internal";
import { getPrefixCls } from "../../../../lib/web";
import JsUtils from "../../../../lib/utils/js-utils";
import Modal from '../modal';
function add_css(target) {
append_styles(target, "svelte-1rtcbed", ".alipay-mwj-confirm.svelte-1rtcbed{width:100vw;height:100vh;background-color:rgba(0, 0, 0, 0.4);display:flex;flex-direction:column;align-items:center;justify-content:center}.alipay-mwj-confirm-content.svelte-1rtcbed{background-color:#fff;width:270px;border-radius:7px;padding-top:15px;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.alipay-mwj-confirm-title.svelte-1rtcbed{font-size:18px;color:#000;padding:6px 15px 15px}.alipay-mwj-confirm-text.svelte-1rtcbed{color:#888;font-size:15px;padding:0 15px 15px;overflow:auto;word-break:break-word}.alipay-mwj-confirm-line.svelte-1rtcbed{width:100%;height:1px;background-color:#eee}.alipay-mwj-confirm-buttonContent.svelte-1rtcbed{width:100%;display:flex;flex-direction:row;height:50px;line-height:50px;font-size:18px;align-items:center}.alipay-mwj-confirm-button.svelte-1rtcbed{flex:1;color:#3F8DE2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alipay-mwj-confirm-cancel.svelte-1rtcbed{flex:1;color:#000;border-right:solid 1px #eee;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}");
}
// (17:6) {#if isTitleNotEmpty}
function create_if_block_1(ctx) {
var span;
var t;
var span_class_value;
return {
c: function c() {
span = element("span");
t = text(/*title*/ctx[0]);
attr(span, "class", span_class_value = "" + (/*prefixCls*/ctx[7] + "-title" + " svelte-1rtcbed"));
},
m: function m(target, anchor) {
insert(target, span, anchor);
append(span, t);
},
p: function p(ctx, dirty) {
if (dirty & /*title*/1) set_data(t, /*title*/ctx[0]);
},
d: function d(detaching) {
if (detaching) detach(span);
}
};
}
// (21:6) {#if isContentNotEmpty}
function create_if_block(ctx) {
var span;
var t;
var span_class_value;
return {
c: function c() {
span = element("span");
t = text(/*content*/ctx[1]);
attr(span, "class", span_class_value = "" + (/*prefixCls*/ctx[7] + "-text" + " svelte-1rtcbed"));
},
m: function m(target, anchor) {
insert(target, span, anchor);
append(span, t);
},
p: function p(ctx, dirty) {
if (dirty & /*content*/2) set_data(t, /*content*/ctx[1]);
},
d: function d(detaching) {
if (detaching) detach(span);
}
};
}
// (14:0) <Modal>
function create_default_slot(ctx) {
var div3;
var div2;
var t0;
var t1;
var div0;
var div0_class_value;
var t2;
var div1;
var span0;
var t3_value = (/*cancelButtonText*/ctx[3] || 'Cancel') + "";
var t3;
var span0_class_value;
var t4;
var span1;
var t5_value = (/*confirmButtonText*/ctx[2] || 'OK') + "";
var t5;
var span1_class_value;
var div1_class_value;
var div2_class_value;
var div3_class_value;
var mounted;
var dispose;
var if_block0 = /*isTitleNotEmpty*/ctx[5] && create_if_block_1(ctx);
var if_block1 = /*isContentNotEmpty*/ctx[6] && create_if_block(ctx);
return {
c: function c() {
div3 = element("div");
div2 = element("div");
if (if_block0) if_block0.c();
t0 = space();
if (if_block1) if_block1.c();
t1 = space();
div0 = element("div");
t2 = space();
div1 = element("div");
span0 = element("span");
t3 = text(t3_value);
t4 = space();
span1 = element("span");
t5 = text(t5_value);
attr(div0, "class", div0_class_value = "" + (/*prefixCls*/ctx[7] + "-line" + " svelte-1rtcbed"));
attr(span0, "class", span0_class_value = "" + (/*prefixCls*/ctx[7] + "-cancel" + " svelte-1rtcbed"));
attr(span1, "class", span1_class_value = "" + (/*prefixCls*/ctx[7] + "-button" + " svelte-1rtcbed"));
attr(div1, "class", div1_class_value = "" + (/*prefixCls*/ctx[7] + "-buttonContent" + " svelte-1rtcbed"));
attr(div2, "class", div2_class_value = "" + (/*prefixCls*/ctx[7] + "-content" + " svelte-1rtcbed"));
attr(div3, "class", div3_class_value = "" + (null_to_empty(/*prefixCls*/ctx[7]) + " svelte-1rtcbed"));
},
m: function m(target, anchor) {
insert(target, div3, anchor);
append(div3, div2);
if (if_block0) if_block0.m(div2, null);
append(div2, t0);
if (if_block1) if_block1.m(div2, null);
append(div2, t1);
append(div2, div0);
append(div2, t2);
append(div2, div1);
append(div1, span0);
append(span0, t3);
append(div1, t4);
append(div1, span1);
append(span1, t5);
if (!mounted) {
dispose = [listen(span0, "click", /*click_handler*/ctx[8]), listen(span1, "click", /*click_handler_1*/ctx[9])];
mounted = true;
}
},
p: function p(ctx, dirty) {
if (/*isTitleNotEmpty*/ctx[5]) {
if (if_block0) {
if_block0.p(ctx, dirty);
} else {
if_block0 = create_if_block_1(ctx);
if_block0.c();
if_block0.m(div2, t0);
}
} else if (if_block0) {
if_block0.d(1);
if_block0 = null;
}
if (/*isContentNotEmpty*/ctx[6]) {
if (if_block1) {
if_block1.p(ctx, dirty);
} else {
if_block1 = create_if_block(ctx);
if_block1.c();
if_block1.m(div2, t1);
}
} else if (if_block1) {
if_block1.d(1);
if_block1 = null;
}
if (dirty & /*cancelButtonText*/8 && t3_value !== (t3_value = (/*cancelButtonText*/ctx[3] || 'Cancel') + "")) set_data(t3, t3_value);
if (dirty & /*confirmButtonText*/4 && t5_value !== (t5_value = (/*confirmButtonText*/ctx[2] || 'OK') + "")) set_data(t5, t5_value);
},
d: function d(detaching) {
if (detaching) detach(div3);
if (if_block0) if_block0.d();
if (if_block1) if_block1.d();
mounted = false;
run_all(dispose);
}
};
}
function create_fragment(ctx) {
var modal;
var current;
modal = new Modal({
props: {
$$slots: {
default: [create_default_slot]
},
$$scope: {
ctx: ctx
}
}
});
return {
c: function c() {
create_component(modal.$$.fragment);
},
m: function m(target, anchor) {
mount_component(modal, target, anchor);
current = true;
},
p: function p(ctx, _ref) {
var _ref2 = _slicedToArray(_ref, 1),
dirty = _ref2[0];
var modal_changes = {};
if (dirty & /*$$scope, onClose, confirmButtonText, cancelButtonText, content, isContentNotEmpty, title, isTitleNotEmpty*/1151) {
modal_changes.$$scope = {
dirty: dirty,
ctx: ctx
};
}
modal.$set(modal_changes);
},
i: function i(local) {
if (current) return;
transition_in(modal.$$.fragment, local);
current = true;
},
o: function o(local) {
transition_out(modal.$$.fragment, local);
current = false;
},
d: function d(detaching) {
destroy_component(modal, detaching);
}
};
}
function instance($$self, $$props, $$invalidate) {
var isContentNotEmpty;
var isTitleNotEmpty;
var title = $$props.title;
var content = $$props.content;
var confirmButtonText = $$props.confirmButtonText;
var cancelButtonText = $$props.cancelButtonText;
var onClose = $$props.onClose;
var prefixCls = getPrefixCls('confirm');
var click_handler = function click_handler() {
return onClose(false);
};
var click_handler_1 = function click_handler_1() {
return onClose(true);
};
$$self.$$set = function ($$props) {
if ('title' in $$props) $$invalidate(0, title = $$props.title);
if ('content' in $$props) $$invalidate(1, content = $$props.content);
if ('confirmButtonText' in $$props) $$invalidate(2, confirmButtonText = $$props.confirmButtonText);
if ('cancelButtonText' in $$props) $$invalidate(3, cancelButtonText = $$props.cancelButtonText);
if ('onClose' in $$props) $$invalidate(4, onClose = $$props.onClose);
};
$$self.$$.update = function () {
if ($$self.$$.dirty & /*content*/2) {
$: $$invalidate(6, isContentNotEmpty = JsUtils.isNotEmpty(content));
}
if ($$self.$$.dirty & /*title*/1) {
$: $$invalidate(5, isTitleNotEmpty = JsUtils.isNotEmpty(title));
}
};
return [title, content, confirmButtonText, cancelButtonText, onClose, isTitleNotEmpty, isContentNotEmpty, prefixCls, click_handler, click_handler_1];
}
var Confirm = /*#__PURE__*/function (_SvelteComponent) {
_inherits(Confirm, _SvelteComponent);
var _super = _createSuper(Confirm);
function Confirm(options) {
var _this;
_classCallCheck(this, Confirm);
_this = _super.call(this);
init(_assertThisInitialized(_this), options, instance, create_fragment, safe_not_equal, {
title: 0,
content: 1,
confirmButtonText: 2,
cancelButtonText: 3,
onClose: 4
}, add_css);
return _this;
}
return _createClass(Confirm);
}(SvelteComponent);
export default Confirm;