@opentiny/vue-renderless 3.10.5 → 3.10.6

package/dropdown/index.js

@@ -135,12 +135,14 @@ const initEvent = ({ api, props, state, vm, mode }) => () => {
     }
   }
 };
-const handleMenuItemClick = ({ props, state, emit }) => (itemData, instance, isDisabled) => {
-  state.isDisabled = isDisabled;
-  if (props.hideOnClick) {
-    !state.isDisabled && (state.visible = false);
+const handleMenuItemClick = ({ props, state, emit }) => ({ itemData, vm, disabled }) => {
+  if (props.hideOnClick && !disabled) {
+    state.visible = false;
+  }
+  if (!disabled) {
+    const data = { itemData, vm, disabled };
+    emit("item-click", data);
   }
-  emit("item-click", itemData, instance);
 };
 const triggerElmFocus = ({ state }) => () => {
   state.triggerElm.focus && state.triggerElm.focus();
@@ -185,9 +187,9 @@ const beforeDistory = ({ api, state }) => () => {
     state.dropdownElm = null;
   }
 };
-const clickOutside = ({ props, api, state }) => (value) => {
+const clickOutside = ({ props, api }) => (disabled) => {
   if (props.hideOnClick) {
-    state.isDisabled ? value ? api.show() : api.hide() : api.hide();
+    disabled ? api.show() : api.hide();
   }
 };
 export {

package/dropdown/vue.js

@@ -34,7 +34,6 @@ const renderless = (props, { reactive, watch, provide, onMounted }, { emit, pare
     listId: `dropdown-menu-${guid()}`,
     showIcon: props.showIcon,
     showSelfIcon: props.showSelfIcon,
-    isDisabled: false,
     designConfig
   });
   provide("dropdownVm", vm);
@@ -57,7 +56,7 @@ const renderless = (props, { reactive, watch, provide, onMounted }, { emit, pare
     triggerElmFocus: triggerElmFocus({ state }),
     initDomOperation: initDomOperation({ api: api2, state, vm }),
     beforeDistory: beforeDistory({ api: api2, state }),
-    clickOutside: clickOutside({ state, props, api: api2 })
+    clickOutside: clickOutside({ props, api: api2 })
   });
   watch(() => state.visible, api2.watchVisible);
   watch(() => state.focusing, api2.watchFocusing);

package/dropdown-item/index.js

@@ -92,7 +92,9 @@ const clickOutside = (parent) => () => {
 const handleClick = ({ props, dispatch, vm, emit }) => (event) => {
   event.stopPropagation();
   const data = { itemData: props.itemData, vm, disabled: props.disabled };
-  emit("item-click", data);
+  if (!props.disabled) {
+    emit("item-click", data);
+  }
   dispatch("TinyDropdown", "menu-item-click", data);
   dispatch("TinyDropdown", "is-disabled", [props.disabled]);
 };

package/dropdown-item/mf.js

@@ -32,13 +32,14 @@ const renderless = (props, { reactive, inject }, { dispatch, vm }) => {
       dataStore2.currentIndex = `${props2.currentIndex}`;
     }
     dispatch("TinyDropdown", "selectedIndex", [dataStore2.currentIndex]);
-    dispatch("TinyDropdownMenu", "menu-item-click", [
-      dataStore2.itemData,
-      vm2,
-      dataStore2.itemLabel,
-      dataStore2.showContent,
-      props2.disabled
-    ]);
+    const data = {
+      itemData: dataStore2.itemData,
+      vm: vm2,
+      label: dataStore2.itemLabel,
+      showContent: dataStore2.showContent,
+      disabled: props2.disabled
+    };
+    dispatch("TinyDropdownMenu", "menu-item-click", data);
     dispatch("TinyDropdown", "is-disabled", [props2.disabled]);
   };
   const mouseLeave = ({ dataStore: dataStore2 }) => () => {

package/dropdown-menu/index.js

@@ -129,10 +129,11 @@ const mounted = ({ api, parent, state }) => () => {
     state.showContent = showContent;
   });
 };
-const handleMenuItemClick = ({ state, dispatch }) => (itemData, instance, label, showContent, isDisabled) => {
+const handleMenuItemClick = ({ state, dispatch }) => ({ itemData, vm, label, showContent, disabled }) => {
   state.label = label;
   state.showContent = showContent;
-  dispatch("TinyDropdown", "current-item-click", [itemData, instance, isDisabled]);
+  const data = { itemData, vm, disabled };
+  dispatch("TinyDropdown", "current-item-click", data);
 };
 const handleMouseenter = ({ emit }) => ($event) => {
   emit("mouseenter", $event);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.10.5",
+  "version": "3.10.6",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "homepage": "https://opentiny.design/tiny-vue",
   "keywords": [