@opentiny/vue-loading - npm Package Compare versions

Comparing version 3.13.0 to 3.14.0

index.d.ts

@@ -1,2 +0,2 @@
-declare let Loadings: any;
+declare const Loadings: any;
 export default Loadings;

lib/index.js

@@ -17,17 +17,17 @@ function _extends() {
 import { addClass, getStyle, removeClass } from "@opentiny/vue-renderless/common/deps/dom";
-import { defineComponent, $prefix, $setup, $props, createComponent, hooks, directive as directive$1, setupComponent } from "@opentiny/vue-common";
+import { defineComponent, $prefix, $setup, $props, createComponent, appProperties, hooks, directive as directive$1, setupComponent } from "@opentiny/vue-common";
 import PcTemplate from "./pc.js";
+import MobileTemplate from "./mobile.js";
 import MobileFirstTemplate from "./mobile-first.js";
 import afterLeave from "@opentiny/vue-renderless/common/deps/after-leave";
-import "@opentiny/vue-theme/loading/index.css";
 var template = function template2(mode) {
   var _process$env;
-  var tinyMode2 = typeof process === "object" ? (_process$env = process.env) == null ? void 0 : _process$env.TINY_MODE : null;
-  if ("pc" === (tinyMode2 || mode)) {
+  var tinyMode = typeof process === "object" ? (_process$env = process.env) == null ? void 0 : _process$env.TINY_MODE : null;
+  if ("pc" === (tinyMode || mode)) {
     return PcTemplate;
   }
-  if ("pc" === (tinyMode2 || mode)) {
-    return PcTemplate;
+  if ("mobile" === (tinyMode || mode)) {
+    return MobileTemplate;
   }
-  if ("mobile-first" === (tinyMode2 || mode)) {
+  if ("mobile-first" === (tinyMode || mode)) {
     return MobileFirstTemplate;
@@ -55,2 +55,9 @@ }
     }
+  },
+  loadingImg: {
+    type: String
+  },
+  size: {
+    type: String,
+    default: "small"
   }
@@ -76,7 +83,5 @@ });
   fullscreen: true,
-  type: "primary",
-  tiny_mode: "pc"
+  iconSize: ""
 };
 var fullscreenLoading = null;
-var tinyMode = null;
 var constants = {
@@ -118,2 +123,3 @@ TEXT_ATTR: "tiny-loading__text",
 var service = function service2(configs) {
+  var _appProperties$tiny_m;
   if (configs === void 0) {
@@ -123,3 +129,2 @@ configs = {};
   configs = _extends({}, defaults, configs);
-  tinyMode = configs.tiny_mode;
   if (typeof configs.target === "string") {
@@ -138,6 +143,11 @@ configs.target = document.querySelector(configs.target);
   var parent = configs.body ? document.body : configs.target;
+  var loadingEl = parent.querySelector(':scope > [data-tag="tiny-loading"]');
+  loadingEl && parent.removeChild(loadingEl);
   var instance = createComponent({
     component: Loading,
     propsData: {
-      _constants: constants
+      _constants: constants,
+      size: configs.size,
+      loadingImg: configs.loadingImg,
+      tiny_mode: configs.tiny_mode || ((_appProperties$tiny_m = appProperties().tiny_mode) == null ? void 0 : _appProperties$tiny_m.value)
     },
@@ -207,3 +217,3 @@ el: document.createElement("div")
 };
-var toggleLoading = function toggleLoading2(el, binding) {
+var toggleLoading = function toggleLoading2(el, binding, maskInstance) {
   if (binding.value) {
@@ -228,4 +238,4 @@ hooks.nextTick(function() {
   } else {
-    afterLeave(el.instance, function() {
-      if (!el.instance.hiding) {
+    afterLeave(maskInstance, function() {
+      if (!maskInstance.hiding) {
         return;
@@ -237,6 +247,6 @@ }
       removeClass(target, constants.PARENT_HIDDEN_CLS);
-      el.instance.hiding = false;
+      maskInstance.hiding = false;
     }, 300, true);
-    el.instance.state.visible = false;
-    el.instance.hiding = true;
+    maskInstance.state.visible = false;
+    maskInstance.hiding = true;
   }
@@ -246,2 +256,3 @@ };
   bind: function bind(el, binding, vnode) {
+    var _vm$tiny_mode, _appProperties$tiny_m2;
     var vm = vnode.context;
@@ -255,7 +266,8 @@ var textExr = el.getAttribute(constants.TEXT_ATTR);
       propsData: {
-        _constants: constants
+        _constants: constants,
+        tiny_mode: ((_vm$tiny_mode = vm.tiny_mode) == null ? void 0 : _vm$tiny_mode.value) || ((_appProperties$tiny_m2 = appProperties().tiny_mode) == null ? void 0 : _appProperties$tiny_m2.value)
       },
       el: document.createElement("div")
     });
-    var config = {
+    var config = _extends({}, defaults, {
       text: vm && vm[textExr] || textExr,
@@ -266,3 +278,3 @@ spinner: vm && vm[spinnerExr] || spinnerExr,
       fullscreen: !!binding.modifiers.fullscreen
-    };
+    });
     for (var key in config) {
@@ -276,3 +288,3 @@ if (Object.prototype.hasOwnProperty.call(config, key)) {
     el.maskStyle = {};
-    binding.value && toggleLoading(el, binding);
+    binding.value && toggleLoading(el, binding, mask);
   },
@@ -282,3 +294,3 @@ update: function update(el, binding) {
     if (binding.oldValue !== binding.value) {
-      toggleLoading(el, binding);
+      toggleLoading(el, binding, el.instance);
     }
@@ -292,4 +304,9 @@ },
         modifiers: binding.modifiers
-      });
+      }, el.instance);
     }
+    if (el.instance) {
+      typeof el.instance.$destroy === "function" && el.instance.$destroy();
+      el.instance = null;
+      el.mask = null;
+    }
   }
@@ -300,3 +317,3 @@ };
 }).vLoading;
-var version = "3.13.0";
+var version = "3.14.0";
 var Loadings = {
@@ -312,3 +329,4 @@ install: function install(app) {
   init: function init(root) {
-    root.$loading = service;
+    var prefix = root.$apiPrefix || "$";
+    root[prefix + "loading"] = service;
   }
@@ -315,0 +333,0 @@ };

lib/mobile-first.js

@@ -1,17 +0,23 @@
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-import { defineComponent, $prefix, $props, setup as _setup } from "@opentiny/vue-common";
+import { defineComponent, $prefix, props, setup as _setup } from "@opentiny/vue-common";
 import { renderless, api } from "@opentiny/vue-renderless/loading/vue";
+var classes = {
+  "loading-default": "m-0 top-0 right-0 left-0 bottom-0 block transition bg-color-bg-1 duration-1000",
+  "loading-fullscreen": "fixed opacity-80",
+  "loading-unfullscreen": "absolute",
+  "loading-content": "absolute -translate-y-2/4  w-full  top-1/2 text-center  flex justify-center items-center",
+  "loading-size-mini": "flex-row",
+  "loading-size-unmini": "flex-col",
+  "loading-unspinner": "animate-[spin_1.5s_linear_infinite] fill-current",
+  "loading-unspinner-size-default": "h-10 w-10 stroke-2",
+  "loading-unspinner-size-large": "h-24 w-24 stroke-2",
+  "loading-unspinner-size-medium": "h-10 w-10 stroke-2",
+  "loading-unspinner-size-small": "h-6 w-6 stroke-1",
+  "loading-unspinner-size-mini": "h-3.5 w-3.5 stroke-1",
+  "loading-unspinner-svg-circle": "stroke-color-brand tiny-loading-path",
+  "loading-spinner": "text-sm fill-color-brand leading-none animate-[spin_2s_linear_infinite]",
+  "loading-spinner-text": "tiny-tailwind-text block text-color-brand  text-xs leading-6",
+  "loading-spinner-size-mini": "my-0 ml-2",
+  "loading-spinner-size-unmini": "mb-1 mt-2.5"
+};
+
 import { openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, createElementBlock, resolveDynamicComponent, toDisplayString, createCommentVNode, vShow } from "vue";
@@ -63,30 +69,10 @@ function _createForOfIteratorHelperLoose_tiny(o, allowArrayLike) {
 
-var classes = {
-  "loading-default": "m-0 top-0 right-0 left-0 bottom-0 block transition bg-color-bg-1 duration-1000",
-  "loading-fullscreen": "fixed opacity-80",
-  "loading-unfullscreen": "absolute",
-  "loading-content": "absolute -translate-y-2/4  w-full  top-1/2 text-center  flex justify-center items-center",
-  "loading-size-mini": "flex-row",
-  "loading-size-unmini": "flex-col",
-  "loading-unspinner": "animate-[spin_1.5s_linear_infinite] fill-current",
-  "loading-unspinner-size-default": "h-10 w-10 stroke-2",
-  "loading-unspinner-size-large": "h-24 w-24 stroke-2",
-  "loading-unspinner-size-medium": "h-10 w-10 stroke-2",
-  "loading-unspinner-size-small": "h-6 w-6 stroke-1",
-  "loading-unspinner-size-mini": "h-3.5 w-3.5 stroke-1",
-  "loading-unspinner-svg-circle": "stroke-color-brand tiny-loading-path",
-  "loading-spinner": "text-sm fill-color-brand leading-none animate-[spin_2s_linear_infinite]",
-  "loading-spinner-text": "tiny-tailwind-text block text-color-brand  text-xs leading-6",
-  "loading-spinner-size-mini": "my-0 ml-2",
-  "loading-spinner-size-unmini": "mb-1 mt-2.5"
-};
 var _sfc_main = defineComponent({
+  inheritAttrs: false,
   name: $prefix + "Loading",
   emits: ["after-leave"],
-  props: _extends({}, $props, {
-    _constants: Object
-  }),
-  setup: function setup(props, context) {
+  props: [].concat(props, ["_constants", "loadingImg", "size"]),
+  setup: function setup(props2, context) {
     return _setup({
-      props,
+      props: props2,
       context,
@@ -99,3 +85,4 @@ renderless,
 });
-function _sfc_render(_ctx, _cache, $props2, $setup, $data, $options) {
+var _hoisted_1 = ["src"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(Transition, {
@@ -123,41 +110,24 @@ name: "tiny-loading-fade",
             class: normalizeClass(_ctx.m(_ctx.gcls("loading-content"), _ctx.gcls({
-              "loading-size-mini": _ctx.state.size === "mini"
+              "loading-size-mini": _ctx.size === "mini"
             }), _ctx.gcls({
-              "loading-size-unmini": _ctx.state.size !== "mini"
+              "loading-size-unmini": _ctx.size !== "mini"
             })))
           },
-          [!_ctx.state.spinner ? (openBlock(), createElementBlock(
-            "svg",
-            {
-              key: 0,
-              "data-tag": "tiny-loading-icon",
-              class: normalizeClass(_ctx.m(_ctx.gcls("loading-unspinner"), _ctx.gcls({
-                "loading-unspinner-size-default": !_ctx.state.size || !["large", "medium", "small", "mini"].includes(_ctx.state.size)
-              }), _ctx.gcls({
-                "loading-unspinner-size-large": _ctx.state.size === "large"
-              }), _ctx.gcls({
-                "loading-unspinner-size-medium": _ctx.state.size === "medium"
-              }), _ctx.gcls({
-                "loading-unspinner-size-small": _ctx.state.size === "small"
-              }), _ctx.gcls({
-                "loading-unspinner-size-mini": _ctx.state.size === "mini"
-              }))),
-              viewBox: "25 25 50 50"
-            },
-            [createElementVNode(
-              "circle",
-              {
-                class: normalizeClass(_ctx.m(_ctx.gcls("loading-unspinner-svg-circle"))),
-                cx: "50",
-                cy: "50",
-                r: "24",
-                fill: "none"
-              },
-              null,
-              2
-              /* CLASS */
-            )],
-            2
-            /* CLASS */
-          )) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.state.spinner), {
+          [!_ctx.state.spinner ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            "data-tag": "tiny-loading-icon",
+            class: normalizeClass(_ctx.m(_ctx.gcls({
+              "loading-unspinner-size-default": !_ctx.size || !["large", "medium", "small", "mini"].includes(_ctx.size)
+            }), _ctx.gcls({
+              "loading-unspinner-size-large": _ctx.size === "large"
+            }), _ctx.gcls({
+              "loading-unspinner-size-medium": _ctx.size === "medium"
+            }), _ctx.gcls({
+              "loading-unspinner-size-small": _ctx.size === "small"
+            }), _ctx.gcls({
+              "loading-unspinner-size-mini": _ctx.size === "mini"
+            }))),
+            src: _ctx.state.loadingImg,
+            style: normalizeStyle(_ctx.state.iconStyle)
+          }, null, 14, _hoisted_1)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.state.spinner), {
             key: 1,
@@ -172,5 +142,5 @@ "data-tag": "tiny-loading-spinner",
               class: normalizeClass(_ctx.m(_ctx.gcls("loading-spinner-text"), _ctx.gcls({
-                "loading-spinner-size-mini": _ctx.state.size === "mini"
+                "loading-spinner-size-mini": _ctx.size === "mini"
               }), _ctx.gcls({
-                "loading-spinner-size-unmini": _ctx.state.size !== "mini"
+                "loading-spinner-size-unmini": _ctx.size !== "mini"
               })))
@@ -177,0 +147,0 @@ },

lib/mobile.js

@@ -1,6 +0,40 @@
-import { defineComponent, props, setup as _setup } from "@opentiny/vue-common";
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+import { defineComponent, $prefix, $props, setup as _setup } from "@opentiny/vue-common";
 import { renderless, api } from "@opentiny/vue-renderless/loading/vue";
+var classes = {
+  "loading-default": "m-0 top-0 right-0 left-0 bottom-0 block transition bg-color-bg-1 duration-1000",
+  "loading-fullscreen": "fixed opacity-80",
+  "loading-unfullscreen": "absolute",
+  "loading-content": "absolute -translate-y-2/4  w-full  top-1/2 text-center  flex justify-center items-center",
+  "loading-size-mini": "flex-row",
+  "loading-size-unmini": "flex-col",
+  "loading-unspinner": "animate-[spin_1.5s_linear_infinite] fill-current",
+  "loading-unspinner-size-default": "h-10 w-10 stroke-2",
+  "loading-unspinner-size-large": "h-24 w-24 stroke-2",
+  "loading-unspinner-size-medium": "h-10 w-10 stroke-2",
+  "loading-unspinner-size-small": "h-6 w-6 stroke-1",
+  "loading-unspinner-size-mini": "h-3.5 w-3.5 stroke-1",
+  "loading-unspinner-svg-circle": "stroke-color-brand tiny-loading-path",
+  "loading-spinner": "text-sm fill-color-brand leading-none animate-[spin_2s_linear_infinite]",
+  "loading-spinner-text": "tiny-tailwind-text block text-color-brand  text-xs leading-6",
+  "loading-spinner-size-mini": "my-0 ml-2",
+  "loading-spinner-size-unmini": "mb-1 mt-2.5"
+};
+
+import loadingImg from "@opentiny/vue-theme-mobile/images/loading.png";
 import "@opentiny/vue-theme-mobile/loading/index.css";
-import { iconDotDownload } from "@opentiny/vue-icon";
-import { resolveComponent, openBlock, createElementBlock, createVNode, createElementVNode, toDisplayString, createTextVNode } from "vue";
+import { openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, createElementBlock, resolveDynamicComponent, toDisplayString, createCommentVNode, vShow } from "vue";
 function _createForOfIteratorHelperLoose_tiny(o, allowArrayLike) {
@@ -52,36 +86,73 @@ var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
 var _sfc_main = defineComponent({
-  components: {
-    IconDotDownload: iconDotDownload()
-  },
-  props: [].concat(props, ["type", "loadtext"]),
-  setup: function setup(props2, context) {
+  name: $prefix + "Loading",
+  emits: ["after-leave"],
+  props: _extends({}, $props, {
+    _constants: Object,
+    loadingImg: {
+      type: String,
+      default: loadingImg
+    },
+    size: {
+      type: String
+    }
+  }),
+  setup: function setup(props, context) {
     return _setup({
-      props: props2,
+      props,
       context,
       renderless,
-      api
+      api,
+      classes
     });
   }
 });
-var _hoisted_1 = {
-  key: 0,
-  class: "tiny-mobile-loading-primary"
-};
+var _hoisted_1 = ["src"];
 var _hoisted_2 = {
-  key: 1,
-  class: "tiny-mobile-loading-simple"
+  key: 2,
+  class: "tiny-mobile-loading__text"
 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _component_icon_dot_download = resolveComponent("icon-dot-download");
-  return openBlock(), createElementBlock("div", null, [_ctx.state.type === "primary" ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_icon_dot_download), createElementVNode(
-    "div",
-    null,
-    toDisplayString(_ctx.t(_ctx.loadtext)),
-    1
-    /* TEXT */
-  )])) : (openBlock(), createElementBlock("div", _hoisted_2, [createTextVNode(
-    toDisplayString(_ctx.t(_ctx.loadtext)) + " ",
-    1
-    /* TEXT */
-  ), createVNode(_component_icon_dot_download)]))]);
+function _sfc_render(_ctx, _cache, $props2, $setup, $data, $options) {
+  return openBlock(), createBlock(Transition, {
+    name: "tiny-loading-fade",
+    onAfterLeave: _ctx.handleAfterLeave,
+    persisted: ""
+  }, {
+    default: withCtx(function() {
+      var _ref;
+      return [withDirectives(createElementVNode(
+        "div",
+        {
+          class: normalizeClass(["tiny-mobile-loading", _ctx.state.customClass]),
+          style: normalizeStyle("background-color:" + _ctx.state.background)
+        },
+        [createElementVNode(
+          "div",
+          {
+            class: normalizeClass(["tiny-mobile-loading__body", (_ref = {}, _ref["tiny-mobile-loading-" + _ctx.size] = _ctx.size, _ref)])
+          },
+          [!_ctx.state.spinner ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            class: "tiny-mobile-loading__icon",
+            src: _ctx.state.loadingImg,
+            style: normalizeStyle(_ctx.state.iconStyle)
+          }, null, 12, _hoisted_1)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.state.spinner), {
+            key: 1,
+            class: "tiny-mobile-loading__spinner"
+          })), _ctx.state.text ? (openBlock(), createElementBlock(
+            "span",
+            _hoisted_2,
+            toDisplayString(_ctx.state.text),
+            1
+            /* TEXT */
+          )) : createCommentVNode("v-if", true)],
+          2
+          /* CLASS */
+        )],
+        6
+        /* CLASS, STYLE */
+      ), [[vShow, _ctx.state.visible]])];
+    }),
+    _: 1
+    /* STABLE */
+  }, 8, ["onAfterLeave"]);
 }
@@ -88,0 +159,0 @@ var mobile = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

lib/pc.js

@@ -1,5 +0,5 @@
-import { defineComponent, props, setup as _setup } from "@opentiny/vue-common";
+import { defineComponent, $prefix, props, setup as _setup } from "@opentiny/vue-common";
 import { renderless, api } from "@opentiny/vue-renderless/loading/vue";
 import "@opentiny/vue-theme/loading/index.css";
-import { openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, createElementBlock, resolveDynamicComponent, toDisplayString, createCommentVNode, vShow } from "vue";
+import { openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, resolveDynamicComponent, createElementBlock, toDisplayString, createCommentVNode, vShow } from "vue";
 function _createForOfIteratorHelperLoose_tiny(o, allowArrayLike) {
@@ -51,3 +51,6 @@ var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
 var _sfc_main = defineComponent({
-  props: [].concat(props),
+  inheritAttrs: false,
+  name: $prefix + "Loading",
+  emits: ["after-leave"],
+  props: [].concat(props, ["_constants", "loadingImg", "size"]),
   setup: function setup(props2, context) {
@@ -62,8 +65,9 @@ return _setup({
 });
-var _hoisted_1 = {
-  key: 0,
+var _hoisted_1 = ["src"];
+var _hoisted_2 = {
+  key: 2,
   class: "circular",
   viewBox: "25 25 50 50"
 };
-var _hoisted_2 = /* @__PURE__ */ createElementVNode(
+var _hoisted_3 = /* @__PURE__ */ createElementVNode(
   "circle",
@@ -81,5 +85,5 @@ {
 );
-var _hoisted_3 = [_hoisted_2];
-var _hoisted_4 = {
-  key: 2,
+var _hoisted_4 = [_hoisted_3];
+var _hoisted_5 = {
+  key: 3,
   class: "tiny-loading__text"
@@ -97,2 +101,3 @@ };
         {
+          "data-tag": "tiny-loading",
           class: normalizeClass(["tiny-loading tiny-loading__mask", [_ctx.state.customClass, {
@@ -112,10 +117,15 @@ "is-fullscreen": _ctx.state.fullscreen
               large: "tiny-loading__spinner-large"
-            }[_ctx.state.size]])
+            }[_ctx.size]])
           },
-          [!_ctx.state.spinner ? (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.state.spinner), {
+          [_ctx.state.spinner ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.state.spinner), {
+            key: 0,
+            class: "tiny-icon-loading"
+          })) : _ctx.state.loadingImg ? (openBlock(), createElementBlock("img", {
             key: 1,
-            class: "tiny-icon-loading"
-          })), _ctx.state.text ? (openBlock(), createElementBlock(
+            class: "circular",
+            style: normalizeStyle(_ctx.state.iconStyle),
+            src: _ctx.state.loadingImg
+          }, null, 12, _hoisted_1)) : (openBlock(), createElementBlock("svg", _hoisted_2, _hoisted_4)), _ctx.state.text ? (openBlock(), createElementBlock(
             "p",
-            _hoisted_4,
+            _hoisted_5,
             toDisplayString(_ctx.state.text),
@@ -122,0 +132,0 @@ 1

package.json

 {
   "name": "@opentiny/vue-loading",
-  "version": "3.13.0",
+  "version": "3.14.0",
   "description": "",
@@ -10,6 +10,8 @@ "main": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-common": "~3.13.0",
-    "@opentiny/vue-icon": "~3.13.0",
-    "@opentiny/vue-renderless": "~3.13.0",
-    "@opentiny/vue-locale": "~3.13.0"
+    "@opentiny/vue-common": "~3.14.0",
+    "@opentiny/vue-icon": "~3.14.0",
+    "@opentiny/vue-renderless": "~3.14.0",
+    "@opentiny/vue-locale": "~3.14.0",
+    "@opentiny/vue-theme": "~3.14.0",
+    "@opentiny/vue-theme-mobile": "~3.14.0"
   },
@@ -16,0 +18,0 @@ "license": "MIT",

src/index.d.ts

@@ -23,2 +23,9 @@ export declare const loadingProps: {
     };
+    loadingImg: {
+        type: StringConstructor;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
     tiny_mode: StringConstructor;
@@ -53,2 +60,9 @@ tiny_mode_root: BooleanConstructor;
     };
+    loadingImg: {
+        type: StringConstructor;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
     tiny_mode: StringConstructor;
@@ -84,2 +98,9 @@ tiny_mode_root: BooleanConstructor;
     };
+    loadingImg: {
+        type: StringConstructor;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
     tiny_mode: StringConstructor;
@@ -94,4 +115,5 @@ tiny_mode_root: BooleanConstructor;
     _constants: Record<string, any>;
+    size: string;
     loadtext: string;
 }, {}>;
 export default _default;

src/mobile-first.vue.d.ts

 import type { ILoadingApi } from '@opentiny/vue-renderless/types/loading.type';
-declare const _default: import("@vue/runtime-core").DefineComponent<{
-    _constants: ObjectConstructor;
-    tiny_mode: StringConstructor;
-    tiny_mode_root: BooleanConstructor;
-    tiny_template: (ObjectConstructor | FunctionConstructor)[];
-    tiny_renderless: FunctionConstructor;
-    tiny_theme: StringConstructor;
-    tiny_chart_theme: ObjectConstructor;
-}, ILoadingApi, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, "after-leave"[], "after-leave", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
-    _constants: ObjectConstructor;
-    tiny_mode: StringConstructor;
-    tiny_mode_root: BooleanConstructor;
-    tiny_template: (ObjectConstructor | FunctionConstructor)[];
-    tiny_renderless: FunctionConstructor;
-    tiny_theme: StringConstructor;
-    tiny_chart_theme: ObjectConstructor;
-}>> & {
+declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
+    tiny_mode?: any;
+    tiny_mode_root?: any;
+    tiny_template?: any;
+    tiny_renderless?: any;
+    _constants?: any;
+    tiny_theme?: any;
+    tiny_chart_theme?: any;
+    size?: any;
+    loadingImg?: any;
+}>, ILoadingApi, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, "after-leave"[], "after-leave", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+    tiny_mode?: any;
+    tiny_mode_root?: any;
+    tiny_template?: any;
+    tiny_renderless?: any;
+    _constants?: any;
+    tiny_theme?: any;
+    tiny_chart_theme?: any;
+    size?: any;
+    loadingImg?: any;
+}>>> & {
     "onAfter-leave"?: ((...args: any[]) => any) | undefined;
 }, {
-    tiny_mode_root: boolean;
+    readonly tiny_mode?: any;
+    readonly tiny_mode_root?: any;
+    readonly tiny_template?: any;
+    readonly tiny_renderless?: any;
+    readonly _constants?: any;
+    readonly tiny_theme?: any;
+    readonly tiny_chart_theme?: any;
+    readonly size?: any;
+    readonly loadingImg?: any;
 }, {}>;
 export default _default;

src/mobile.vue.d.ts

@@ -1,33 +0,45 @@
-import type { ILoadingApi } from '@opentiny/vue-renderless/types/loading.type';
-declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
-    type?: any;
-    tiny_mode?: any;
-    tiny_mode_root?: any;
-    tiny_template?: any;
-    tiny_renderless?: any;
-    _constants?: any;
-    tiny_theme?: any;
-    tiny_chart_theme?: any;
-    loadtext?: any;
-}>, ILoadingApi, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
-    type?: any;
-    tiny_mode?: any;
-    tiny_mode_root?: any;
-    tiny_template?: any;
-    tiny_renderless?: any;
-    _constants?: any;
-    tiny_theme?: any;
-    tiny_chart_theme?: any;
-    loadtext?: any;
-}>>>, {
-    readonly type?: any;
-    readonly tiny_mode?: any;
-    readonly tiny_mode_root?: any;
-    readonly tiny_template?: any;
-    readonly tiny_renderless?: any;
-    readonly _constants?: any;
-    readonly tiny_theme?: any;
-    readonly tiny_chart_theme?: any;
-    readonly loadtext?: any;
+declare const _default: import("@vue/runtime-core").DefineComponent<{
+    _constants: ObjectConstructor;
+    loadingImg: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (ObjectConstructor | FunctionConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+}, {
+    t: (this: any, path: any, options?: any) => any;
+    vm: any;
+    f: (props: any, attrs?: {}) => {};
+    a: (attrs: any, filters: any, include: any) => {};
+    d: (props: any) => void;
+    dp: (props: any) => void;
+    gcls: (key: any) => any;
+}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, "after-leave"[], "after-leave", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
+    _constants: ObjectConstructor;
+    loadingImg: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (ObjectConstructor | FunctionConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+}>> & {
+    "onAfter-leave"?: ((...args: any[]) => any) | undefined;
+}, {
+    tiny_mode_root: boolean;
+    loadingImg: string;
 }, {}>;
 export default _default;

src/pc.vue.d.ts

@@ -10,3 +10,5 @@ import type { ILoadingApi } from '@opentiny/vue-renderless/types/loading.type';
     tiny_chart_theme?: any;
-}>, ILoadingApi, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+    size?: any;
+    loadingImg?: any;
+}>, ILoadingApi, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, "after-leave"[], "after-leave", import("@vue/runtime-core").VNodeProps & import("@vue/runtime-core").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
     tiny_mode?: any;
@@ -19,3 +21,7 @@ tiny_mode_root?: any;
     tiny_chart_theme?: any;
-}>>>, {
+    size?: any;
+    loadingImg?: any;
+}>>> & {
+    "onAfter-leave"?: ((...args: any[]) => any) | undefined;
+}, {
     readonly tiny_mode?: any;
@@ -28,3 +34,5 @@ readonly tiny_mode_root?: any;
     readonly tiny_chart_theme?: any;
+    readonly size?: any;
+    readonly loadingImg?: any;
 }, {}>;
 export default _default;

src/service.d.ts

@@ -12,3 +12,10 @@ /**
  */
-export declare let tinyMode: null;
+export declare const defaults: {
+    text: null;
+    body: boolean;
+    lock: boolean;
+    customClass: string;
+    fullscreen: boolean;
+    iconSize: string;
+};
 export declare const constants: {
@@ -15,0 +22,0 @@ TEXT_ATTR: string;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

39410

increased by13.05%

Lines of code

1070

increased by13.59%

Worsened metrics

Dependency count

6

increased by50%

Dependency changes

• + Added@opentiny/vue-theme@~3.14.0

• + Added@opentiny/vue-theme-mobile@~3.14.0

• + Added@opentiny/vue-common@3.14.0(transitive)

• + Added@opentiny/vue-icon@3.14.0(transitive)

• + Added@opentiny/vue-locale@3.14.0(transitive)

• + Added@opentiny/vue-renderless@3.14.1(transitive)

• + Added@opentiny/vue-theme@3.14.1(transitive)

• + Added@opentiny/vue-theme-mobile@3.14.2(transitive)

• - Removed@opentiny/vue-common@3.13.1(transitive)

• - Removed@opentiny/vue-icon@3.13.0(transitive)

• - Removed@opentiny/vue-locale@3.13.0(transitive)

• - Removed@opentiny/vue-renderless@3.13.2(transitive)

• - Removed@opentiny/vue-theme@3.13.3(transitive)

• - Removed@opentiny/vue-theme-mobile@3.13.0(transitive)

• Updated@opentiny/vue-common@~3.14.0

• Updated@opentiny/vue-icon@~3.14.0

• Updated@opentiny/vue-locale@~3.14.0

• Updated@opentiny/vue-renderless@~3.14.0