@opentiny/vue-loading - npm Package Compare versions

Comparing version 2.6.7 to 2.8.0

lib/index.js

@@ -18,4 +18,4 @@ function _extends() {
 import { defineComponent, $prefix, $props, $setup, createComponent, hooks, directive as directive$1, setupComponent } from "@opentiny/vue-common";
-import PcTemplate from "./pc.js";
-import MobileTemplate from "./mobile.js";
+import MobileTemplate from "./pc.js";
+import MobileFirstTemplate from "./mobile-first.js";
 import afterLeave from "@opentiny/vue-renderless/common/deps/after-leave";
@@ -26,4 +26,6 @@ import "@opentiny/vue-theme/loading/index.css";
     return MobileTemplate;
+  else if ("mobile-first" === (process.env.TINY_MODE || mode))
+    return MobileFirstTemplate;
   else
-    return PcTemplate;
+    return MobileTemplate;
 };
@@ -46,3 +48,8 @@ var Loading = defineComponent({
     },
-    _constants: Object
+    _constants: {
+      type: Object,
+      default: function _default2() {
+        return constants;
+      }
+    }
   }),
@@ -274,5 +281,9 @@ setup: function setup(props, context) {
 var version = "3.7.0";
-var Loadings = {};
-Loadings.install = function(app) {
-  app.directive("loading", directive);
+var Loadings = {
+  install: function install(app) {
+    app.directive("loading", directive);
+  },
+  service,
+  directive,
+  version
 };
@@ -284,7 +295,4 @@ setupComponent.TINYLoading = {
 };
-Loadings.service = service;
-Loadings.directive = directive;
-Loadings.version = version;
 export {
   Loadings as default
 };

lib/pc.js

@@ -95,3 +95,7 @@ import { defineComponent, props, setup as _setup } from "@opentiny/vue-common";
   }, [_c("div", {
-    staticClass: "tiny-loading__spinner"
+    class: ["tiny-loading__spinner", {
+      small: "tiny-loading__spinner-small",
+      medium: "tiny-loading__spinner-medium",
+      large: "tiny-loading__spinner-large"
+    }[_vm.state.size]]
   }, [!_vm.state.spinner ? _c("svg", {
@@ -98,0 +102,0 @@ staticClass: "circular",

package.json

 {
   "name": "@opentiny/vue-loading",
-  "version": "2.6.7",
+  "version": "2.8.0",
   "description": "",
   "main": "./lib/index.js",
+  "module": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-common": "~2.6.7",
-    "@opentiny/vue-icon": "~2.6.7",
-    "@opentiny/vue-renderless": "~3.6.6",
-    "@opentiny/vue-locale": "~2.6.7"
+    "@opentiny/vue-common": "~2.8.0",
+    "@opentiny/vue-icon": "~2.8.0",
+    "@opentiny/vue-renderless": "~3.8.0",
+    "@opentiny/vue-locale": "~2.8.0"
   },
@@ -12,0 +13,0 @@ "license": "MIT",

src/index.d.ts

@@ -10,21 +10,58 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<() => import("vue").VNode> & import("@vue/composition-api").Data, {}, {}, {
     };
-    _constants: ObjectConstructor;
+    _constants: {
+        type: ObjectConstructor;
+        default: () => {
+            TEXT_ATTR: string;
+            IS_FULLSCREEN_CLS: string;
+            TEXT_SPINNER: string;
+            TEXT_BACKGROUND: string;
+            TEXT_CUSTOM_CLS: string;
+            PARENT_HIDDEN_CLS: string;
+            PARENT_RELATIVE_CLS: string;
+            LOAD_ICON_TEXT: string;
+        };
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (FunctionConstructor | ObjectConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
 }, {
+    tiny_mode_root: boolean;
+    _constants: Record<string, any>;
     loadtext: string;
 } & {
     type?: string | undefined;
-    _constants?: Record<string, any> | undefined;
+    tiny_mode?: string | undefined;
+    tiny_template?: unknown;
+    tiny_renderless?: Function | undefined;
+    tiny_theme?: string | undefined;
+    tiny_chart_theme?: Record<string, any> | undefined;
 }> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
+    tiny_mode_root: boolean;
+    _constants: Record<string, any>;
     loadtext: string;
 } & {
     type?: string | undefined;
-    _constants?: Record<string, any> | undefined;
+    tiny_mode?: string | undefined;
+    tiny_template?: unknown;
+    tiny_renderless?: Function | undefined;
+    tiny_theme?: string | undefined;
+    tiny_chart_theme?: Record<string, any> | undefined;
 }, import("@vue/composition-api").ShallowUnwrapRef<() => import("vue").VNode>, import("@vue/composition-api").Data, {}, {}, {
+    tiny_mode_root: boolean;
+    _constants: Record<string, any>;
     loadtext: string;
 } & {
     type?: string | undefined;
-    _constants?: Record<string, any> | undefined;
+    tiny_mode?: string | undefined;
+    tiny_template?: unknown;
+    tiny_renderless?: Function | undefined;
+    tiny_theme?: string | undefined;
+    tiny_chart_theme?: Record<string, any> | undefined;
 }, {
+    _constants: Record<string, any>;
     loadtext: string;
 }, true>);
 export default _default;

src/mobile.vue.d.ts

@@ -8,2 +8,4 @@ declare const _sfc_main: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     dp: (props: any) => void;
+    gcls: (key: any) => any;
+    m: (...cssClasses: any[]) => string;
 }> & import("@vue/composition-api").Data, {}, {}, Readonly<{
@@ -22,2 +24,4 @@ [x: string]: any;
     dp: (props: any) => void;
+    gcls: (key: any) => any;
+    m: (...cssClasses: any[]) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {
@@ -24,0 +28,0 @@ [x: string]: any;

src/pc.vue.d.ts

@@ -8,2 +8,4 @@ declare const _sfc_main: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
     dp: (props: any) => void;
+    gcls: (key: any) => any;
+    m: (...cssClasses: any[]) => string;
 }> & import("@vue/composition-api").Data, {}, {}, Readonly<{
@@ -22,2 +24,4 @@ [x: string]: any;
     dp: (props: any) => void;
+    gcls: (key: any) => any;
+    m: (...cssClasses: any[]) => string;
 }>, import("@vue/composition-api").Data, {}, {}, {
@@ -24,0 +28,0 @@ [x: string]: any;

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

32152

increased by48.34%

Number of package files

14

increased by27.27%

Lines of code

902

increased by48.84%

Worsened metrics

Number of low supply chain risk alerts

3

increased by50%

Dependency changes

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

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

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

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

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

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

• + Addedtailwind-merge@1.14.0(transitive)

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

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

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

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

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

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

• Updated@opentiny/vue-common@~2.8.0

• Updated@opentiny/vue-icon@~2.8.0

• Updated@opentiny/vue-locale@~2.8.0

• Updated@opentiny/vue-renderless@~3.8.0