miniapp-web-jsapi
Version:
JSAPI/View adapter for miniprogram running on the web
223 lines (220 loc) • 8.24 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/loading/Loading.svelte generated by Svelte v3.49.0 */
import { SvelteComponent, append, append_styles, attr, create_component, destroy_component, detach, element, empty, init, insert, mount_component, null_to_empty, safe_not_equal, set_data, space, text, transition_in, transition_out } from "svelte/internal";
import { getPrefixCls } from "../../../../lib/web";
import AdapterEvents from "../../../../lib/web/events/events";
import { defaultEventManager } from "../../../../lib/web/events";
import { onMount } from 'svelte';
import JsUtils from "../../../../lib/utils/js-utils";
import * as LoadingManager from './LoadingManager';
import Modal from '../modal';
function add_css(target) {
append_styles(target, "svelte-1r6kpb6", ".alipay-mwj-loading.svelte-1r6kpb6{background-color:rgba(58, 58, 58, 0.9);min-width:72px;max-width:50vw;padding:15px;border-radius:5px;box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.alipay-mwj-loading-iconRoot.svelte-1r6kpb6{width:34px;height:34px;border:solid 4px #888;border-radius:50%;position:relative}.alipay-mwj-loading-icon.svelte-1r6kpb6{position:absolute;left:-4px;top:-4px;right:-4px;bottom:-4px;border:solid 4px #fff;border-radius:50%;clip-path:polygon(50% 0%, 100% 0%, 100% 3600%, 50% 50%);animation:svelte-1r6kpb6-alipay-mwj-loading-ring 1.5s cubic-bezier(0.5, 0, 0.5, 1) infinite}.alipay-mwj-loading-text.svelte-1r6kpb6{color:#fff;font-size:14px;text-align:center;margin-top:6px}@keyframes svelte-1r6kpb6-alipay-mwj-loading-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}");
}
// (29:2) {#if show}
function create_if_block(ctx) {
var div2;
var div1;
var div0;
var div0_class_value;
var div1_class_value;
var t;
var div2_class_value;
var if_block = /*isContentNotEmpty*/ctx[2] && create_if_block_1(ctx);
return {
c: function c() {
div2 = element("div");
div1 = element("div");
div0 = element("div");
t = space();
if (if_block) if_block.c();
attr(div0, "class", div0_class_value = "" + (/*prefixCls*/ctx[3] + "-icon" + " svelte-1r6kpb6"));
attr(div1, "class", div1_class_value = "" + (/*prefixCls*/ctx[3] + "-iconRoot" + " svelte-1r6kpb6"));
attr(div2, "class", div2_class_value = "" + (null_to_empty(/*prefixCls*/ctx[3]) + " svelte-1r6kpb6"));
},
m: function m(target, anchor) {
insert(target, div2, anchor);
append(div2, div1);
append(div1, div0);
append(div2, t);
if (if_block) if_block.m(div2, null);
},
p: function p(ctx, dirty) {
if (/*isContentNotEmpty*/ctx[2]) {
if (if_block) {
if_block.p(ctx, dirty);
} else {
if_block = create_if_block_1(ctx);
if_block.c();
if_block.m(div2, null);
}
} else if (if_block) {
if_block.d(1);
if_block = null;
}
},
d: function d(detaching) {
if (detaching) detach(div2);
if (if_block) if_block.d();
}
};
}
// (34:6) {#if isContentNotEmpty}
function create_if_block_1(ctx) {
var span;
var t;
var span_class_value;
return {
c: function c() {
span = element("span");
t = text(/*content*/ctx[0]);
attr(span, "class", span_class_value = "" + (/*prefixCls*/ctx[3] + "-text" + " svelte-1r6kpb6"));
},
m: function m(target, anchor) {
insert(target, span, anchor);
append(span, t);
},
p: function p(ctx, dirty) {
if (dirty & /*content*/1) set_data(t, /*content*/ctx[0]);
},
d: function d(detaching) {
if (detaching) detach(span);
}
};
}
// (28:0) <Modal>
function create_default_slot(ctx) {
var if_block_anchor;
var if_block = /*show*/ctx[1] && create_if_block(ctx);
return {
c: function c() {
if (if_block) if_block.c();
if_block_anchor = empty();
},
m: function m(target, anchor) {
if (if_block) if_block.m(target, anchor);
insert(target, if_block_anchor, anchor);
},
p: function p(ctx, dirty) {
if (/*show*/ctx[1]) {
if (if_block) {
if_block.p(ctx, dirty);
} else {
if_block = create_if_block(ctx);
if_block.c();
if_block.m(if_block_anchor.parentNode, if_block_anchor);
}
} else if (if_block) {
if_block.d(1);
if_block = null;
}
},
d: function d(detaching) {
if (if_block) if_block.d(detaching);
if (detaching) detach(if_block_anchor);
}
};
}
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, content, isContentNotEmpty, show*/71) {
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 content = $$props.content;
var delay = $$props.delay;
var onClose = $$props.onClose;
var show = false;
var prefixCls = getPrefixCls('loading');
onMount(function () {
var remover = defaultEventManager.addListener(AdapterEvents.LoadingHide, function () {
onClose();
remover();
});
});
setTimeout(function () {
$$invalidate(1, show = LoadingManager.willShowLoading());
if (!show) {
console.log('my.hideLoading called before show');
}
}, delay || 0);
$$self.$$set = function ($$props) {
if ('content' in $$props) $$invalidate(0, content = $$props.content);
if ('delay' in $$props) $$invalidate(4, delay = $$props.delay);
if ('onClose' in $$props) $$invalidate(5, onClose = $$props.onClose);
};
$$self.$$.update = function () {
if ($$self.$$.dirty & /*content*/1) {
$: $$invalidate(2, isContentNotEmpty = JsUtils.isNotEmpty(content));
}
};
return [content, show, isContentNotEmpty, prefixCls, delay, onClose];
}
var Loading = /*#__PURE__*/function (_SvelteComponent) {
_inherits(Loading, _SvelteComponent);
var _super = _createSuper(Loading);
function Loading(options) {
var _this;
_classCallCheck(this, Loading);
_this = _super.call(this);
init(_assertThisInitialized(_this), options, instance, create_fragment, safe_not_equal, {
content: 0,
delay: 4,
onClose: 5
}, add_css);
return _this;
}
return _createClass(Loading);
}(SvelteComponent);
export default Loading;