@opentiny/vue-dropdown - npm Package Compare versions

Comparing version 3.12.0 to 3.13.0-alpha.0

lib/index.js

@@ -20,6 +20,8 @@ function _extends() {
 var template = function template2(mode) {
-  if ("pc" === (process.env.TINY_MODE || mode)) {
+  var _process$env;
+  var tinyMode = typeof process === "object" ? (_process$env = process.env) == null ? void 0 : _process$env.TINY_MODE : null;
+  if ("pc" === (tinyMode || mode)) {
     return PcTemplate;
   }
-  if ("mobile-first" === (process.env.TINY_MODE || mode)) {
+  if ("mobile-first" === (tinyMode || mode)) {
     return MobileFirstTemplate;
@@ -32,7 +34,4 @@ }
   type: String,
-  trigger: {
-    type: String,
-    default: "hover"
-    // 此处aui默认更改为 click
-  },
+  trigger: String,
+  // 默认主题为 'hover'
   size: {
@@ -102,3 +101,4 @@ type: String,
     default: false
-  }
+  },
+  suffixIcon: Object
 });
@@ -117,3 +117,3 @@ var Dropdown = defineComponent({
 });
-var version = "3.12.0";
+var version = "3.13.0-alpha.0";
 Dropdown.install = function(Vue) {
@@ -120,0 +120,0 @@ Vue.component(Dropdown.name, Dropdown);

lib/mobile-first.js

@@ -37,6 +37,3 @@ function _extends() {
     type: String,
-    trigger: {
-      type: String,
-      default: "click"
-    },
+    trigger: String,
     size: {
@@ -88,3 +85,3 @@ type: String,
   }),
-  emits: ["visible-change", "item-click", "button-click", "selectedIndex", "current-item-click"],
+  emits: ["visible-change", "item-click", "button-click", "selectedIndex", "current-item-click", "is-disabled"],
   setup: function setup(props, context) {
@@ -132,3 +129,3 @@ return _setup({
       var defaultIcon = createVNode("span", {
-        "class": "block"
+        "class": "block text-[0]"
       }, [createVNode(resolveComponent("icon-chevron-down"), {
@@ -151,3 +148,3 @@ "class": "sm:block hidden will-change-transform"
         "disabled": disabled,
-        "class": ["rounded inline-flex items-center justify-center", type === "primary" ? "[&_svg]:fill-color-bg-1" : state.visible ? "active:border-color-border-focus text-color-text-primary active:text-color-brand-focus focus:border-color-border-focus focus:text-color-brand-focus" : "[&_svg]:fill-color-icon-placeholder", type === "primary" && "[&_svg]:fill-color-bg-1"],
+        "class": ["rounded inline-flex items-center justify-center", type === "primary" ? "[&_svg]:fill-color-bg-1" : state.visible ? "active:border-color-border-focus text-color-text-primary active:text-color-brand-focus focus:border-color-border-focus focus:text-color-brand-focus" : "[&_svg]:fill-color-icon-placeholder"],
         "reset-time": 0
@@ -154,0 +151,0 @@ }, {

lib/pc.js

@@ -0,4 +1,18 @@
+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 { createVNode, resolveComponent, withDirectives, resolveDirective } from "vue";
 import { renderless, api } from "@opentiny/vue-renderless/dropdown/vue";
-import { defineComponent, $prefix, directive, setup as _setup, h } from "@opentiny/vue-common";
+import { defineComponent, $prefix, directive, $props, setup as _setup, h } from "@opentiny/vue-common";
 import Button from "@opentiny/vue-button";
@@ -21,8 +35,5 @@ import ButtonGroup from "@opentiny/vue-button-group";
   }),
-  props: {
+  props: _extends({}, $props, {
     type: String,
-    trigger: {
-      type: String,
-      default: "hover"
-    },
+    trigger: String,
     size: {
@@ -79,2 +90,3 @@ type: String,
       default: "下拉菜单"
+      // TINY-TODO: 国际化
     },
@@ -84,5 +96,6 @@ inheritWidth: {
       default: false
-    }
-  },
-  emits: ["visible-change", "item-click", "button-click", "menu-item-click", "handle-click"],
+    },
+    suffixIcon: Object
+  }),
+  emits: ["visible-change", "item-click", "button-click", "menu-item-click", "handle-click", "is-disabled", "selected-index"],
   setup: function setup(props, context) {
@@ -99,3 +112,3 @@ return _setup({
     var _state$designConfig, _state$designConfig$i, _state$designConfig2, _state$designConfig2$;
-    var splitButton = this.splitButton, type = this.type, disabled = this.disabled, handleMainButtonClick = this.handleMainButtonClick, menuOptions = this.menuOptions, title = this.title;
+    var splitButton = this.splitButton, type = this.type, disabled = this.disabled, handleMainButtonClick = this.handleMainButtonClick, menuOptions = this.menuOptions, title = this.title, suffixIcon = this.suffixIcon;
     var slots = this.slots, size = this.size, state = this.state, border = this.border, showIcon = this.showIcon, round = this.round, clickOutside = this.clickOutside;
@@ -108,3 +121,3 @@ var params = {
     var visibleClass = state.visible ? "tiny-dropdown--visible tiny-dropdown-visible" : "";
-    var IconDown = ((_state$designConfig = state.designConfig) == null ? void 0 : (_state$designConfig$i = _state$designConfig.icons) == null ? void 0 : _state$designConfig$i.dropdownIcon) || iconDeltaDown();
+    var IconDown = suffixIcon || ((_state$designConfig = state.designConfig) == null ? void 0 : (_state$designConfig$i = _state$designConfig.icons) == null ? void 0 : _state$designConfig$i.dropdownIcon) || iconDeltaDown();
     var ButtonIconDown = ((_state$designConfig2 = state.designConfig) == null ? void 0 : (_state$designConfig2$ = _state$designConfig2.icons) == null ? void 0 : _state$designConfig2$.dropdownIcon) || iconDownWard();
@@ -153,5 +166,5 @@ var defaultSlot = slots.default && slots.default(params);
       }, [suffixSlot || createVNode(IconDown, null, null)]) : "";
-      var defaultTriggerElm = defaultSlot || createVNode("span", {
+      var defaultTriggerElm = defaultSlot || title ? createVNode("span", {
         "class": "tiny-dropdown__title"
-      }, [title]);
+      }, [defaultSlot || title]) : null;
       triggerElm = border ? createVNode(resolveComponent("tiny-button"), {
@@ -161,3 +174,3 @@ "ref": "trigger",
         "disabled": disabled,
-        "class": (state.visible ? "is-expand" : "") + (showIcon ? " is-show-icon" : ""),
+        "class": "tiny-dropdown__border " + (state.visible ? "is-expand" : "") + (showIcon ? " is-show-icon " : ""),
         "reset-time": 0
@@ -164,0 +177,0 @@ }, {

package.json

 {
   "name": "@opentiny/vue-dropdown",
-  "version": "3.12.0",
+  "version": "3.13.0-alpha.0",
   "description": "",
@@ -10,8 +10,8 @@ "main": "./lib/index.js",
   "dependencies": {
-    "@opentiny/vue-renderless": "~3.12.0",
-    "@opentiny/vue-theme": "~3.12.0",
-    "@opentiny/vue-button": "~3.12.0",
-    "@opentiny/vue-button-group": "~3.12.0",
-    "@opentiny/vue-common": "~3.12.0",
-    "@opentiny/vue-icon": "~3.12.0"
+    "@opentiny/vue-renderless": "~3.13.0-alpha.0",
+    "@opentiny/vue-theme": "~3.13.0-alpha.0",
+    "@opentiny/vue-button": "~3.13.0-alpha.0",
+    "@opentiny/vue-button-group": "~3.13.0-alpha.0",
+    "@opentiny/vue-common": "~3.13.0-alpha.0",
+    "@opentiny/vue-icon": "~3.13.0-alpha.0"
   },
@@ -18,0 +18,0 @@ "license": "MIT",

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

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

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Mixed license

License

(Experimental) Package contains multiple licenses.

Found 1 instance in 1 package

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 1 instance in 1 package

Improved metrics

Number of low license alerts

0

decreased by-100%

License quality

100

increased by25%

Number of low supply chain risk alerts

2

decreased by-33.33%

Worsened metrics

Total package byte prevSize

18323

decreased by-44.21%

Number of package files

5

decreased by-50%

Lines of code

487

decreased by-53.13%

Number of low quality alerts

2

increased by100%

Dependency changes

• + Added@opentiny/vue-button@3.13.0(transitive)

• + Added@opentiny/vue-button-group@3.13.0(transitive)

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

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

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

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

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

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

• - Removed@opentiny/vue-button@3.12.0(transitive)

• - Removed@opentiny/vue-button-group@3.12.0(transitive)

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

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

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

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

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

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

• Updated@opentiny/vue-button@~3.13.0-alpha.0

• Updated@opentiny/vue-button-group@~3.13.0-alpha.0

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

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

• Updated@opentiny/vue-renderless@~3.13.0-alpha.0

• Updated@opentiny/vue-theme@~3.13.0-alpha.0