@v-c/menu 1.0.4 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/Menu.cjs +8 -4
  2. package/dist/Menu.js +8 -4
  3. package/package.json +3 -3
package/dist/Menu.cjs CHANGED
@@ -117,7 +117,7 @@ var Menu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, expose, att
117
117
  });
118
118
  const innerSelectKeys = (0, vue.ref)(props?.selectedKeys ?? props?.defaultSelectedKeys ?? EMPTY_LIST);
119
119
  (0, vue.watch)(() => props.selectedKeys, () => {
120
- if (props.selectedKeys) innerSelectKeys.value = props.selectedKeys;
120
+ innerSelectKeys.value = props.selectedKeys ?? EMPTY_LIST;
121
121
  });
122
122
  const mergedSelectKeys = (0, vue.computed)(() => {
123
123
  const keys = innerSelectKeys.value;
@@ -133,7 +133,7 @@ var Menu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, expose, att
133
133
  if (props.multiple) if (exist) newSelectKeys = mergedSelectKeys.value.filter((key) => key !== targetKey);
134
134
  else newSelectKeys = [...mergedSelectKeys.value, targetKey];
135
135
  else newSelectKeys = [targetKey];
136
- innerSelectKeys.value = newSelectKeys;
136
+ if (props.selectedKeys === void 0) innerSelectKeys.value = newSelectKeys;
137
137
  const selectInfo = {
138
138
  ...info,
139
139
  selectedKeys: newSelectKeys
@@ -174,9 +174,13 @@ var Menu = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots, expose, att
174
174
  else if (props.defaultActiveFirst && childList.value[0]) mergedActiveKey.value = childList.value[0]?.key;
175
175
  }, { immediate: true });
176
176
  const allVisible = (0, vue.computed)(() => lastVisibleIndex.value >= childList.value.length - 1 || internalMode.value !== "horizontal" || props?.disabledOverflow);
177
- (0, vue.watch)(allVisible, () => {
177
+ (0, vue.watch)([
178
+ lastVisibleIndex,
179
+ allVisible,
180
+ childList
181
+ ], () => {
178
182
  refreshOverflowKeys(allVisible.value ? EMPTY_LIST : childList.value.slice(lastVisibleIndex.value + 1).map((child) => child.key));
179
- });
183
+ }, { immediate: true });
180
184
  const privateContext = (0, vue.computed)(() => ({
181
185
  _internalRenderMenuItem: props._internalRenderMenuItem,
182
186
  _internalRenderSubMenuItem: props._internalRenderSubMenuItem
package/dist/Menu.js CHANGED
@@ -109,7 +109,7 @@ var Menu_default = /* @__PURE__ */ defineComponent((props, { slots, expose, attr
109
109
  });
110
110
  const innerSelectKeys = ref(props?.selectedKeys ?? props?.defaultSelectedKeys ?? EMPTY_LIST);
111
111
  watch(() => props.selectedKeys, () => {
112
- if (props.selectedKeys) innerSelectKeys.value = props.selectedKeys;
112
+ innerSelectKeys.value = props.selectedKeys ?? EMPTY_LIST;
113
113
  });
114
114
  const mergedSelectKeys = computed(() => {
115
115
  const keys = innerSelectKeys.value;
@@ -125,7 +125,7 @@ var Menu_default = /* @__PURE__ */ defineComponent((props, { slots, expose, attr
125
125
  if (props.multiple) if (exist) newSelectKeys = mergedSelectKeys.value.filter((key) => key !== targetKey);
126
126
  else newSelectKeys = [...mergedSelectKeys.value, targetKey];
127
127
  else newSelectKeys = [targetKey];
128
- innerSelectKeys.value = newSelectKeys;
128
+ if (props.selectedKeys === void 0) innerSelectKeys.value = newSelectKeys;
129
129
  const selectInfo = {
130
130
  ...info,
131
131
  selectedKeys: newSelectKeys
@@ -166,9 +166,13 @@ var Menu_default = /* @__PURE__ */ defineComponent((props, { slots, expose, attr
166
166
  else if (props.defaultActiveFirst && childList.value[0]) mergedActiveKey.value = childList.value[0]?.key;
167
167
  }, { immediate: true });
168
168
  const allVisible = computed(() => lastVisibleIndex.value >= childList.value.length - 1 || internalMode.value !== "horizontal" || props?.disabledOverflow);
169
- watch(allVisible, () => {
169
+ watch([
170
+ lastVisibleIndex,
171
+ allVisible,
172
+ childList
173
+ ], () => {
170
174
  refreshOverflowKeys(allVisible.value ? EMPTY_LIST : childList.value.slice(lastVisibleIndex.value + 1).map((child) => child.key));
171
- });
175
+ }, { immediate: true });
172
176
  const privateContext = computed(() => ({
173
177
  _internalRenderMenuItem: props._internalRenderMenuItem,
174
178
  _internalRenderSubMenuItem: props._internalRenderSubMenuItem
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@v-c/menu",
3
3
  "type": "module",
4
- "version": "1.0.4",
4
+ "version": "1.0.6",
5
5
  "description": "menu ui component for vue",
6
6
  "exports": {
7
7
  ".": {
@@ -25,9 +25,9 @@
25
25
  "vue": "^3.0.0"
26
26
  },
27
27
  "dependencies": {
28
+ "@v-c/trigger": "^1.0.5",
28
29
  "@v-c/overflow": "^1.0.1",
29
- "@v-c/trigger": "^1.0.2",
30
- "@v-c/util": "^1.0.6"
30
+ "@v-c/util": "^1.0.8"
31
31
  },
32
32
  "scripts": {
33
33
  "build": "vite build",