@opentiny/vue-action-sheet - npm Package Compare versions

Comparing version 3.5.0 to 3.6.0-alpha.0

index.d.ts

@@ -0,0 +0,0 @@ /**

lib/index.js

 import { renderless, api } from '@opentiny/vue-renderless/action-sheet/vue';
 import { $prefix, setup } from '@opentiny/vue-common';
 import '@opentiny/vue-theme-mobile/action-sheet/index.css';
-import { createElementVNode, withDirectives, openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, createTextVNode, toDisplayString, vShow } from 'vue';
+import BScroll from '@better-scroll/core';
+import { withDirectives, openBlock, createElementBlock, normalizeStyle, createCommentVNode, createElementVNode, normalizeClass, Fragment, renderList, renderSlot, createTextVNode, toDisplayString, vShow } from 'vue';
 
@@ -23,2 +24,10 @@ var script = {
       default: false
+    },
+    height: {
+      type: String,
+      default: '200px'
+    },
+    contentPosition: {
+      type: Boolean,
+      default: false
     }
@@ -32,3 +41,6 @@ },
       api: api,
-      mono: true
+      mono: true,
+      extendOptions: {
+        BScroll: BScroll
+      }
     });
@@ -38,7 +50,5 @@ }
 
-var _hoisted_1 = createElementVNode("div", {
-  class: "tiny-mobile-action-sheet__mask"
-}, null, -1);
-var _hoisted_2 = ["onClick"];
-var _hoisted_3 = {
+var _hoisted_1 = ["onClick"];
+var _hoisted_2 = {
+  key: 1,
   class: "tiny-mobile-action-sheet__action"
@@ -52,4 +62,10 @@ };
     })
-  }, [_hoisted_1, createElementVNode("div", {
-    class: normalizeClass(['tiny-mobile-action-sheet__content', _ctx.state.toggle ? 'is-toggle' : ''])
+  }, [!$props.contentPosition ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    class: "tiny-mobile-action-sheet__mask",
+    style: normalizeStyle(_ctx.state.sheetMaskStyle)
+  }, null, 4)) : createCommentVNode("", true), createElementVNode("div", {
+    class: normalizeClass(['tiny-mobile-action-sheet__content', _ctx.state.toggle ? 'is-toggle' : '', $props.contentPosition ? '' : 'is-not-content']),
+    style: normalizeStyle([_ctx.state.sheetContentStyle]),
+    ref: "scrollMenu"
   }, [createElementVNode("div", {
@@ -68,4 +84,4 @@ class: normalizeClass(['tiny-mobile-action-sheet__menu', $props.ellipsis ? 'is-ellipsis' : ''])
       return [createTextVNode(toDisplayString(item.label), 1)];
-    })], 10, _hoisted_2);
-  }), 128))], 2), createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "action", {}, function () {
+    })], 10, _hoisted_1);
+  }), 128))], 2)], 6), $props.contentPosition ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "action", {}, function () {
     return [createElementVNode("div", {
@@ -77,3 +93,3 @@ class: "tiny-mobile-action-sheet__cancel",
     }, toDisplayString(_ctx.t('ui.actionSheet.cancel')), 1)];
-  })])], 2)], 512)), [[vShow, $props.visible]]);
+  })])) : createCommentVNode("", true)], 512)), [[vShow, $props.visible]]);
 }
@@ -90,4 +106,4 @@
 };
-script.version = '3.5.0';
+script.version = '3.6.0-alpha.0';
 
 export { script as default };

package.json

 {
   "name": "@opentiny/vue-action-sheet",
-  "version": "3.5.0",
+  "version": "3.6.0-alpha.0",
   "description": "",
@@ -12,7 +12,8 @@ "main": "lib/index.js",
   "dependencies": {
-    "@opentiny/vue-common": "~3.5.0",
-    "@opentiny/vue-renderless": "~3.5.0",
-    "@opentiny/vue-icon": "~3.5.0",
-    "@opentiny/vue-theme": "~3.5.0",
-    "@opentiny/vue-theme-mobile": "~3.5.0"
+    "@opentiny/vue-common": "~3.6.0-alpha.0",
+    "@opentiny/vue-renderless": "~3.6.0",
+    "@better-scroll/core": "2.5.0",
+    "@opentiny/vue-icon": "~3.6.0-alpha.0",
+    "@opentiny/vue-theme": "~3.6.0",
+    "@opentiny/vue-theme-mobile": "~3.6.0"
   },
@@ -19,0 +20,0 @@ "license": "MIT",

src/index.vue.d.ts

@@ -0,0 +0,0 @@ import '@opentiny/vue-theme-mobile/action-sheet/index.css';

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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

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

6188

increased by13.13%

Lines of code

152

increased by11.76%

Worsened metrics

Dependency count

6

increased by20%

Number of low quality alerts

2

increased by100%

Dependency changes

• + Added@better-scroll/core@2.5.0

• + Added@better-scroll/core@2.5.0(transitive)

• + Added@better-scroll/shared-utils@2.5.1(transitive)

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

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

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

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

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

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

• - Removed@babel/runtime@7.18.3(transitive)

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

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

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

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

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

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

• - Removedregenerator-runtime@0.13.11(transitive)

• Updated@opentiny/vue-common@~3.6.0-alpha.0

• Updated@opentiny/vue-icon@~3.6.0-alpha.0

• Updated@opentiny/vue-renderless@~3.6.0

• Updated@opentiny/vue-theme@~3.6.0

• Updated@opentiny/vue-theme-mobile@~3.6.0