lew-ui 2.6.0 → 2.6.1

package/dist/index.mjs

@@ -3697,7 +3697,7 @@ const _hoisted_3$m = {
   key: 2,
   class: "lew-image-box"
 };
-const _hoisted_4$e = ["src", "lazy", "alt"];
+const _hoisted_4$f = ["src", "lazy", "alt"];
 const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   __name: "LewImage",
   props: imageProps,
@@ -3767,7 +3767,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
                 "object-position": _ctx.objectPosition
               }),
               alt: _ctx.alt
-            }, null, 12, _hoisted_4$e)
+            }, null, 12, _hoisted_4$f)
           ]))
         ]),
         _: 3
@@ -7941,6 +7941,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
           key: 0,
           onClick: _cache[0] || (_cache[0] = ($event) => isRef(collapse) ? collapse.value = !unref(collapse) : collapse = !unref(collapse)),
           gap: "5",
+          x: "center",
           class: "lew-expand-btn"
         }, {
           default: withCtx(() => [
@@ -7958,7 +7959,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewExpand = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-1fe5a721"]]);
+const LewExpand = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-c9d905d9"]]);
 const backTopProps = {
   right: {
     type: Number,
@@ -8143,7 +8144,7 @@ const _hoisted_3$j = {
   key: 4,
   class: "index"
 };
-const _hoisted_4$d = { class: "lew-steps-item-info" };
+const _hoisted_4$e = { class: "lew-steps-item-info" };
 const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "LewSteps",
   props: /* @__PURE__ */ mergeModels(stepsProps, {
@@ -8192,7 +8193,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
                 type: "check"
               })) : (openBlock(), createElementBlock("span", _hoisted_3$j, toDisplayString$1(index2 + 1), 1))
             ]),
-            createElementVNode("div", _hoisted_4$d, [
+            createElementVNode("div", _hoisted_4$e, [
               createElementVNode("div", {
                 style: normalizeStyle({ maxWidth: unref(any2px)(_ctx.minWidth) }),
                 class: "lew-steps-item-title"
@@ -8697,6 +8698,13 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
   }
 });
 const LewMenuTree = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-83c85c7d"]]);
+const dropdownModel = {
+  selectedKeys: {
+    type: Array,
+    default: () => [],
+    description: "选中项的key值"
+  }
+};
 const dropdownProps = {
   trigger: {
     type: String,
@@ -8752,13 +8760,22 @@ const dropdownProps = {
       }
       return true;
     }
+  },
+  checkbox: {
+    type: Boolean,
+    default: false,
+    description: "是否开启checkbox模式"
   }
 };
 const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "LewDropdown",
-  props: dropdownProps,
-  emits: ["change"],
+  props: /* @__PURE__ */ mergeModels(dropdownProps, {
+    "selectedKeys": {},
+    "selectedKeysModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change"], ["update:selectedKeys"]),
   setup(__props2, { expose: __expose2, emit: __emit2 }) {
+    const selectedKeys = useModel(__props2, "selectedKeys");
     const emit2 = __emit2;
     const lewPopoverRef = ref();
     const show = () => {
@@ -8768,6 +8785,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
       lewPopoverRef.value.hide();
     };
     const change2 = (item) => {
+      console.log(item);
       emit2("change", item);
       hide2();
     };
@@ -8788,9 +8806,12 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
         ]),
         "popover-body": withCtx(() => [
           createVNode(unref(_LewContextMenu), {
+            "selected-keys": selectedKeys.value,
+            "onUpdate:selectedKeys": _cache[0] || (_cache[0] = ($event) => selectedKeys.value = $event),
+            checkbox: _ctx.checkbox,
             options: _ctx.options,
             onSelect: change2
-          }, null, 8, ["options"])
+          }, null, 8, ["selected-keys", "checkbox", "options"])
         ]),
         _: 3
       }, 8, ["trigger", "placement"]);
@@ -8853,7 +8874,7 @@ const _hoisted_3$h = {
   key: 0,
   class: "lew-breadcrumb-parting"
 };
-const _hoisted_4$c = {
+const _hoisted_4$d = {
   key: 0,
   viewBox: "0 0 48 48",
   fill: "none",
@@ -8891,7 +8912,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
               onClick: ($event) => emit2("change", item)
             }, toDisplayString$1(item.label), 11, _hoisted_2$n),
             index2 != _ctx.options.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_3$h, [
-              _ctx.separator === "sprit" ? (openBlock(), createElementBlock("svg", _hoisted_4$c, _cache[0] || (_cache[0] = [
+              _ctx.separator === "sprit" ? (openBlock(), createElementBlock("svg", _hoisted_4$d, _cache[0] || (_cache[0] = [
                 createElementVNode("path", { d: "M29.506 6.502 18.493 41.498" }, null, -1)
               ]))) : createCommentVNode("", true),
               _ctx.separator === "shoulder" ? (openBlock(), createElementBlock("svg", _hoisted_5$7, _cache[1] || (_cache[1] = [
@@ -12051,7 +12072,7 @@ const _hoisted_3$g = {
   key: 1,
   class: "lew-input-prefixes-icon"
 };
-const _hoisted_4$b = {
+const _hoisted_4$c = {
   key: 2,
   class: "lew-input-prefixes-select"
 };
@@ -12231,7 +12252,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
               type: prefixesValue.value
             }, null, 8, ["size", "type"])
           ])) : createCommentVNode("", true),
-          _ctx.prefixes === "select" ? (openBlock(), createElementBlock("div", _hoisted_4$b, [
+          _ctx.prefixes === "select" ? (openBlock(), createElementBlock("div", _hoisted_4$c, [
             createVNode(unref(_sfc_main$O), {
               placement: "bottom",
               trigger: "click",
@@ -15110,7 +15131,7 @@ const _hoisted_3$e = {
   key: 1,
   class: "lew-result-count"
 };
-const _hoisted_4$a = ["onClick"];
+const _hoisted_4$b = ["onClick"];
 const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "LewSelect",
   props: /* @__PURE__ */ mergeModels(selectProps, {
@@ -15443,7 +15464,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
                               type: "check"
                             })) : createCommentVNode("", true)
                           ], 2))
-                        ], 12, _hoisted_4$a)
+                        ], 12, _hoisted_4$b)
                       ]),
                       _: 3
                     }, 8, ["list", "minSize"])) : createCommentVNode("", true)
@@ -15579,7 +15600,7 @@ const _hoisted_3$d = {
   key: 1,
   class: "lew-result-count"
 };
-const _hoisted_4$9 = ["onClick"];
+const _hoisted_4$a = ["onClick"];
 const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "LewSelectMultiple",
   props: /* @__PURE__ */ mergeModels(selectMultipleProps, {
@@ -16003,7 +16024,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
                             class: normalizeClass(["lew-select-label", { "is-group": templateProps.isGroup }])
                           }, null, 8, ["text", "class"])
                         ], 2))
-                      ], 12, _hoisted_4$9)
+                      ], 12, _hoisted_4$a)
                     ]),
                     _: 3
                   }, 8, ["list", "minSize", "style"])) : createCommentVNode("", true)
@@ -16414,7 +16435,7 @@ const dayjs = /* @__PURE__ */ getDefaultExportFromCjs(dayjs_minExports);
 const _hoisted_1$r = { class: "lew-date" };
 const _hoisted_2$g = { class: "lew-date-control-left" };
 const _hoisted_3$c = { class: "cur-date" };
-const _hoisted_4$8 = { class: "lew-date-control-right" };
+const _hoisted_4$9 = { class: "lew-date-control-right" };
 const _hoisted_5$5 = { class: "lew-date-box" };
 const _hoisted_6$4 = { class: "lew-date-num" };
 const _hoisted_7$2 = ["onClick"];
@@ -16543,7 +16564,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
               })
             ]),
             createElementVNode("div", _hoisted_3$c, toDisplayString$1(unref(dayjs)(`${unref(dateState).year}-${unref(dateState).month}`).format("YYYY-MM")), 1),
-            createElementVNode("div", _hoisted_4$8, [
+            createElementVNode("div", _hoisted_4$9, [
               createVNode(unref(LewButton), {
                 type: "light",
                 color: "gray",
@@ -16906,7 +16927,7 @@ const dateRangeProps = {
 const _hoisted_1$p = { class: "lew-date-range" };
 const _hoisted_2$e = { class: "lew-date" };
 const _hoisted_3$b = { class: "lew-date-control-left" };
-const _hoisted_4$7 = { class: "cur-date" };
+const _hoisted_4$8 = { class: "cur-date" };
 const _hoisted_5$4 = { class: "lew-date-control-right" };
 const _hoisted_6$3 = { class: "lew-date-box" };
 const _hoisted_7$1 = { class: "lew-date-num" };
@@ -17223,7 +17244,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                   _: 1
                 })
               ]),
-              createElementVNode("div", _hoisted_4$7, toDisplayString$1(unref(dayjs)(`${unref(dateState).year1}-${unref(dateState).month1}`).format("YYYY-MM")), 1),
+              createElementVNode("div", _hoisted_4$8, toDisplayString$1(unref(dayjs)(`${unref(dateState).year1}-${unref(dateState).month1}`).format("YYYY-MM")), 1),
               createElementVNode("div", _hoisted_5$4, [
                 createVNode(unref(LewButton), {
                   type: "light",
@@ -17386,7 +17407,7 @@ const _hoisted_3$a = {
   key: 1,
   class: "lew-date-range-picker-dateValue lew-date-range-picker-start"
 };
-const _hoisted_4$6 = { class: "lew-date-range-picker-mid" };
+const _hoisted_4$7 = { class: "lew-date-range-picker-mid" };
 const _hoisted_5$3 = {
   key: 2,
   class: "lew-date-range-picker-placeholder"
@@ -17497,7 +17518,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
               }, {
                 default: withCtx(() => [
                   !modelValue2.value || !modelValue2.value[unref(startKey)] ? (openBlock(), createElementBlock("div", _hoisted_2$d, toDisplayString$1(_ctx.placeholderStart ? _ctx.placeholderStart : unref(locale).t("dateRangePicker.placeholderStart")), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$a, toDisplayString$1(modelValue2.value[unref(startKey)]), 1)),
-                  createElementVNode("div", _hoisted_4$6, [
+                  createElementVNode("div", _hoisted_4$7, [
                     createVNode(Icon, {
                       size: 14,
                       type: "minus"
@@ -18290,7 +18311,7 @@ const _hoisted_3$8 = {
   key: 0,
   class: "result-count"
 };
-const _hoisted_4$5 = { class: "tree-select-wrapper lew-scrollbar" };
+const _hoisted_4$6 = { class: "tree-select-wrapper lew-scrollbar" };
 const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "LewTreeSelect",
   props: /* @__PURE__ */ mergeModels(treeSelectProps, {
@@ -18521,7 +18542,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "header", {}, void 0, true),
             createElementVNode("div", _hoisted_2$b, [
               _ctx.searchable && (unref(state).treeList || []).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$8, " 共 " + toDisplayString$1(unref(numFormat)(unref(searchCount))) + " 条结果 ", 1)) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_4$5, [
+              createElementVNode("div", _hoisted_4$6, [
                 createVNode(unref(LewTree), mergeProps({
                   ref_key: "lewTreeRef",
                   ref: lewTreeRef,
@@ -20058,7 +20079,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewSliderRange = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-fe8fb539"]]);
+const LewSliderRange = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-4ea82a0c"]]);
 const colorPickerModel = {
   modelValue: {
     type: String,
@@ -21182,7 +21203,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewUpload = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-ed98bac5"]]);
+const LewUpload = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-f27730be"]]);
 const rateModel = {
   modelValue: {
     type: Number,
@@ -21509,7 +21530,7 @@ const SortIcon = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v
 const _hoisted_1$c = { class: "lew-table-wrapper" };
 const _hoisted_2$8 = { class: "lew-table-header" };
 const _hoisted_3$7 = { class: "lew-table-tr" };
-const _hoisted_4$4 = { class: "lew-table-title-span" };
+const _hoisted_4$5 = { class: "lew-table-title-span" };
 const _hoisted_5$2 = { class: "lew-table-main" };
 const _hoisted_6$1 = { class: "lew-table-tr" };
 const _hoisted_7 = { class: "lew-table-title-span" };
@@ -21943,7 +21964,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                     onClick: ($event) => sort(column)
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("span", _hoisted_4$4, [
+                      createElementVNode("span", _hoisted_4$5, [
                         createTextVNode(toDisplayString$1(column.title) + " ", 1),
                         column.sortable ? (openBlock(), createBlock(SortIcon, {
                           key: 0,
@@ -22746,7 +22767,7 @@ const _hoisted_3$6 = {
   key: 0,
   class: "lew-tree-line"
 };
-const _hoisted_4$3 = { key: 3 };
+const _hoisted_4$4 = { key: 3 };
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "LewTree",
   props: /* @__PURE__ */ mergeModels(treeProps, {
@@ -22980,7 +23001,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
                       ...item,
                       checked: _ctx.multiple ? (modelValue2.value || []).includes(item.key) : modelValue2.value === item.key
                     }
-                  }, void 0, true) : (openBlock(), createElementBlock("span", _hoisted_4$3, toDisplayString$1(item.label), 1))
+                  }, void 0, true) : (openBlock(), createElementBlock("span", _hoisted_4$4, toDisplayString$1(item.label), 1))
                 ], 8, _hoisted_2$7)
               ], 6)) : createCommentVNode("", true)
             ]),
@@ -23874,7 +23895,7 @@ const _hoisted_3$5 = {
   key: 1,
   class: "lew-alert-title"
 };
-const _hoisted_4$2 = {
+const _hoisted_4$3 = {
   key: 2,
   class: "lew-alert-content"
 };
@@ -23910,7 +23931,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           _ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
             renderSlot(_ctx.$slots, "title", {}, void 0, true)
           ])) : (openBlock(), createElementBlock("div", _hoisted_3$5, toDisplayString$1(_ctx.title), 1)),
-          _ctx.$slots.content ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+          _ctx.$slots.content ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
             renderSlot(_ctx.$slots, "content", {}, void 0, true)
           ])) : _ctx.content ? (openBlock(), createElementBlock("div", _hoisted_5$1, toDisplayString$1(_ctx.content), 1)) : createCommentVNode("", true),
           _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6, [
@@ -24266,7 +24287,7 @@ const _hoisted_3$3 = {
   key: 0,
   class: "lew-popok-title"
 };
-const _hoisted_4$1 = {
+const _hoisted_4$2 = {
   key: 1,
   class: "lew-popok-content"
 };
@@ -24322,7 +24343,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             ]),
             createElementVNode("div", _hoisted_2$3, [
               _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_3$3, toDisplayString$1(_ctx.title), 1)) : createCommentVNode("", true),
-              _ctx.content ? (openBlock(), createElementBlock("div", _hoisted_4$1, toDisplayString$1(_ctx.content), 1)) : createCommentVNode("", true),
+              _ctx.content ? (openBlock(), createElementBlock("div", _hoisted_4$2, toDisplayString$1(_ctx.content), 1)) : createCommentVNode("", true),
               createElementVNode("div", _hoisted_5, [
                 createVNode(unref(LewButton), mergeProps({
                   text: "取消",
@@ -25117,6 +25138,7 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   descProps,
   drawerModel,
   drawerProps,
+  dropdownModel,
   dropdownProps,
   emptyProps,
   expandProps,
@@ -25315,33 +25337,21 @@ const LewLoading = {
 const initLewContextMenu = () => {
   window.LewContextMenu = {
     menu: {},
-    // 存储菜单配置
-    disabledIds: [],
-    // 禁用右键菜单的元素ID
     contextMenu: null,
-    // 右键菜单事件处理函数
     instance: tippy(document.body, {
       theme: "light",
       animation: "shift-away-subtle",
       trigger: "manual",
-      // 手动触发
       interactive: true,
-      // 允许与菜单交互
       placement: "right-start",
-      // 菜单出现位置
       duration: [250, 250],
-      // 动画持续时间
       delay: [250, 0],
-      // 显示和隐藏的延迟
       arrow: false,
-      // 不显示箭头
       appendTo: () => document.body,
-      // 添加到body
-      allowHTML: true
-      // 允许HTML内容
+      allowHTML: true,
+      zIndex: 2e3
     }),
     menuInstance: {}
-    // 存储子菜单实例
   };
   window.LewContextMenu.instance.popper.children[0].setAttribute(
     "data-lew",
@@ -25357,52 +25367,55 @@ const findContextMenuId = (el) => {
     return "";
   }
 };
+const createContextMenu = (options, onSelect) => {
+  const menuDom = document.createElement("div");
+  createApp({
+    render() {
+      return h(_LewContextMenu, { options, onSelect });
+    }
+  }).mount(menuDom);
+  return menuDom;
+};
 const LewVContextMenu = {
   install(app2) {
     app2.directive("context-menu", {
-      // 指令挂载时的处理
       mounted(el, binding) {
         if (!window.LewContextMenu) {
           initLewContextMenu();
         }
-        let elId = el.id;
-        if (!elId) {
-          elId = getUniqueId();
-          el.setAttribute("lew-context-menu-id", elId);
-          const { options } = binding.value;
-          window.LewContextMenu.menu[elId] = options || [];
-        }
-        const { disabled } = binding.value;
-        if (disabled) {
-          window.LewContextMenu.disabledIds.push(elId);
-        }
+        const {
+          options = [],
+          disabled = false,
+          selectHandler = () => {
+          }
+        } = binding.value;
+        const elId = el.id || getUniqueId();
+        el.setAttribute("lew-context-menu-id", elId);
+        window.LewContextMenu.menu[elId] = { options, selectHandler, disabled };
         if (!window.LewContextMenu.contextMenu) {
           window.LewContextMenu.contextMenu = (e) => {
             const id = findContextMenuId(e.target);
-            if (window.LewContextMenu.disabledIds.includes(id) || !id) {
-              return;
-            }
+            const menuConfig = window.LewContextMenu.menu[id];
+            if (!id || (menuConfig == null ? void 0 : menuConfig.disabled)) return;
             e.preventDefault();
-            const options = window.LewContextMenu.menu[id];
             const { instance } = window.LewContextMenu;
             instance.hide();
-            const menuDom = document.createElement("div");
-            createApp({
-              render() {
-                return h(_LewContextMenu, {
-                  options,
-                  onSelect: (item) => {
-                    const { selectHandler } = binding.value;
-                    if (isFunction$1(selectHandler)) {
-                      selectHandler(item);
-                    }
-                    if (!(item.children || []).length) {
-                      instance.hide();
-                    }
-                  }
-                });
+            const menuDom = createContextMenu(
+              menuConfig.options,
+              ({ item, parent, value }) => {
+                if (isFunction$1(menuConfig.selectHandler)) {
+                  menuConfig.selectHandler({
+                    item,
+                    parent,
+                    value,
+                    menuConfig
+                  });
+                }
+                if (!(item.children || []).length) {
+                  instance.hide();
+                }
               }
-            }).mount(menuDom);
+            );
             setTimeout(() => {
               instance.setProps({
                 content: menuDom,
@@ -25418,27 +25431,31 @@ const LewVContextMenu = {
               instance.show();
             }, 120);
           };
-          window.addEventListener("contextmenu", (e) => {
-            window.LewContextMenu.contextMenu(e, "contextmenu");
-          });
+          window.addEventListener(
+            "contextmenu",
+            window.LewContextMenu.contextMenu
+          );
         }
       },
-      // 指令更新时的处理
       updated(el, binding) {
         const id = findContextMenuId(el);
         if (id) {
-          const { options, disabled } = binding.value;
-          window.LewContextMenu.menu[id] = options || [];
-          if (disabled) {
-            window.LewContextMenu.disabledIds.push(id);
-          } else {
-            window.LewContextMenu.disabledIds = window.LewContextMenu.disabledIds.filter(
-              (item) => item !== id
-            );
-          }
+          const {
+            options = [],
+            disabled = false,
+            selectHandler = () => {
+            }
+          } = binding.value;
+          window.LewContextMenu.menu[id] = { options, disabled, selectHandler };
         } else {
           console.error("发生未知错误！找不到 lew-context-menu-id。");
         }
+      },
+      unmounted(el) {
+        const id = findContextMenuId(el);
+        if (id) {
+          delete window.LewContextMenu.menu[id];
+        }
       }
     });
   }
@@ -25462,8 +25479,12 @@ const contextMenuProps = {
   }
 };
 const _hoisted_1$1 = ["onClick"];
-const _hoisted_2$1 = { class: "lew-context-menu-label" };
-const _hoisted_3$1 = { class: "lew-context-menu-label-text" };
+const _hoisted_2$1 = {
+  key: 0,
+  class: "lew-context-menu-checkbox"
+};
+const _hoisted_3$1 = { class: "lew-context-menu-label" };
+const _hoisted_4$1 = { class: "lew-context-menu-label-text" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "LewContextMenu",
   props: contextMenuProps,
@@ -25471,8 +25492,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   setup(__props2, { emit: __emit2 }) {
     const props2 = __props2;
     const emit2 = __emit2;
-    const clickItem = (item) => {
-      emit2("select", item);
+    const clickItem = (item, options) => {
+      emit2("select", {
+        item,
+        parent: options,
+        value: item.value
+      });
     };
     const uniqueId2 = getUniqueId();
     let itemRefs = ref([]);
@@ -25487,8 +25512,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           render() {
             return h(_LewContextMenu, {
               options: item.children,
-              onSelect: (item2) => {
-                emit2("select", item2);
+              onSelect: (e) => {
+                emit2("select", e);
               }
             });
           }
@@ -25546,24 +25571,36 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               createElementVNode("div", {
                 ref_for: true,
                 ref: (el) => unref(itemRefs).push(el),
-                onClick: ($event) => clickItem(item),
+                onClick: ($event) => clickItem(item, _ctx.options),
                 class: normalizeClass(["lew-context-menu-item", {
                   "lew-context-menu-item-active": item.active
                 }]),
                 style: normalizeStyle({ "animation-delay": index2 * 15 + "ms" })
               }, [
-                createElementVNode("div", _hoisted_2$1, [
+                _ctx.options.filter((e) => e.checkbox).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+                  item.checked ? (openBlock(), createBlock(Icon, {
+                    key: 0,
+                    size: 12,
+                    "stroke-width": 2.5,
+                    type: "check"
+                  })) : createCommentVNode("", true)
+                ])) : createCommentVNode("", true),
+                createElementVNode("div", _hoisted_3$1, [
                   item.renderIcon ? (openBlock(), createBlock(renderIcon, {
                     key: 0,
                     renderIcon: item.renderIcon
                   }, null, 8, ["renderIcon"])) : createCommentVNode("", true),
-                  createElementVNode("div", _hoisted_3$1, toDisplayString$1(item.label), 1)
+                  createElementVNode("div", _hoisted_4$1, toDisplayString$1(item.label), 1)
                 ]),
-                (item.children || []).length > 0 ? (openBlock(), createBlock(Icon, {
-                  key: 0,
+                _ctx.options.filter((e) => e.children).length > 0 ? (openBlock(), createBlock(Icon, {
+                  key: 1,
+                  class: "lew-context-menu-item-chevron",
+                  style: normalizeStyle({
+                    opacity: (item.children || []).length > 0 ? 1 : 0
+                  }),
                   size: 14,
                   type: "chevron-right"
-                })) : createCommentVNode("", true)
+                }, null, 8, ["style"])) : createCommentVNode("", true)
               ], 14, _hoisted_1$1)
             ], 2);
           }), 128)) : (openBlock(), createBlock(unref(_sfc_main$2), {
@@ -25580,7 +25617,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _LewContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-189cc6df"]]);
+const _LewContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-31b81ff7"]]);
 const initLewHoverMenu = () => {
   window.LewHoverMenu = {
     menu: {},
@@ -31625,22 +31662,30 @@ if (process.env.NODE_ENV !== "production") ;
 const en = {
   name: "en",
   image: {
-    fail: "Image load failed"
+    fail: "Unable to load image, please try again later"
   },
   input: {
     placeholder: "Please input",
     copy: "Copy",
-    copySuccess: "Copy success!",
-    copyFailed: "Copy failed!"
+    copySuccess: "Copied to clipboard",
+    copyFailed: "Copy failed, please try again"
   },
-  textarea: {
-    placeholder: "Please input"
+  inputTag: {
+    placeholder: "Press Enter after input to add tag",
+    maxLength: "Reached the limit of {maxLength} tags, delete some tags to continue adding",
+    duplicate: "Tag already exists, please input a new tag"
   },
   select: {
     placeholder: "Please select"
   },
-  inputTag: {
-    placeholder: "Press Enter to add"
+  selectMultiple: {
+    placeholder: "Please select"
+  },
+  cascader: {
+    placeholder: "Please select"
+  },
+  textarea: {
+    placeholder: "Please input"
   },
   datePicker: {
     Mon: "Mon",
@@ -31650,21 +31695,23 @@ const en = {
     Fri: "Fri",
     Sat: "Sat",
     Sun: "Sun",
-    placeholder: "Please select date",
+    placeholder: "Select date"
+  },
+  dateRangePicker: {
     placeholderStart: "Start date",
     placeholderEnd: "End date"
   },
   upload: {
-    dropActive: "Drop to upload file",
-    click: "Click,",
-    paste: "Ctrl + V paste,",
-    drag: "Drag file to here",
-    accept: "Support {accept}",
-    limit: "Upload up to {limit} files",
-    maxFileSize: "File size limit {maxFileSize}"
+    dropActive: "Release to start uploading",
+    click: "Click to upload, ",
+    paste: "paste, ",
+    drag: "or drag files here",
+    accept: "Support uploading {accept}",
+    limit: "Maximum {limit} files can be uploaded",
+    maxFileSize: "Single file should not exceed {maxFileSize}"
   },
   pagination: {
-    pageSize: "{pageSize} / Page"
+    pageSize: "{pageSize} items/page"
   }
 };
 const zh = {
@@ -31722,6 +31769,391 @@ const zh = {
     pageSize: "{pageSize} 条/页"
   }
 };
+const ja = {
+  name: "ja",
+  image: {
+    fail: "画像を読み込めませんでした。後でもう一度お試しください。"
+  },
+  input: {
+    placeholder: "入力してください",
+    copy: "コピー",
+    copySuccess: "クリップボードにコピーしました",
+    copyFailed: "コピーに失敗しました。もう一度お試しください"
+  },
+  inputTag: {
+    placeholder: "タグを入力してEnterキーを押してください",
+    maxLength: "タグの上限({maxLength}個)に達しました。新しいタグを追加するには、既存のタグを削除してください",
+    duplicate: "同じタグが既に存在します。別のタグを入力してください"
+  },
+  select: {
+    placeholder: "選択してください"
+  },
+  selectMultiple: {
+    placeholder: "選択してください"
+  },
+  cascader: {
+    placeholder: "選択してください"
+  },
+  textarea: {
+    placeholder: "入力してください"
+  },
+  datePicker: {
+    Mon: "月",
+    Tue: "火",
+    Wed: "水",
+    Thu: "木",
+    Fri: "金",
+    Sat: "土",
+    Sun: "日",
+    placeholder: "日付を選択"
+  },
+  dateRangePicker: {
+    placeholderStart: "開始日",
+    placeholderEnd: "終了日"
+  },
+  upload: {
+    dropActive: "ドロップしてアップロードを開始",
+    click: "クリックして、",
+    paste: "貼り付けて、",
+    drag: "またはファイルをここにドラッグ",
+    accept: "{accept}形式のファイルに対応",
+    limit: "最大{limit}個のファイルをアップロード可能",
+    maxFileSize: "1ファイルあたり{maxFileSize}まで"
+  },
+  pagination: {
+    pageSize: "表示件数：{pageSize}件"
+  }
+};
+const ko = {
+  name: "ko",
+  image: {
+    fail: "이미지를 불러올 수 없습니다. 나중에 다시 시도해주세요"
+  },
+  input: {
+    placeholder: "입력해주세요",
+    copy: "복사",
+    copySuccess: "클립보드에 복사되었습니다",
+    copyFailed: "복사에 실패했습니다. 다시 시도해주세요"
+  },
+  inputTag: {
+    placeholder: "태그를 입력하고 Enter를 눌러주세요",
+    maxLength: "태그 {maxLength}개 제한에 도달했습니다. 새로운 태그를 추가하려면 기존 태그를 삭제해주세요",
+    duplicate: "동일한 태그가 이미 존재합니다. 다른 태그를 입력해주세요"
+  },
+  select: {
+    placeholder: "선택해주세요"
+  },
+  selectMultiple: {
+    placeholder: "선택해주세요"
+  },
+  cascader: {
+    placeholder: "선택해주세요"
+  },
+  textarea: {
+    placeholder: "입력해주세요"
+  },
+  datePicker: {
+    Mon: "월",
+    Tue: "화",
+    Wed: "수",
+    Thu: "목",
+    Fri: "금",
+    Sat: "토",
+    Sun: "일",
+    placeholder: "날짜 선택"
+  },
+  dateRangePicker: {
+    placeholderStart: "시작일",
+    placeholderEnd: "종료일"
+  },
+  upload: {
+    dropActive: "파일을 놓으면 업로드가 시작됩니다",
+    click: "클릭하여 업로드",
+    paste: "붙여넣기",
+    drag: "또는 여기에 파일을 끌어다 놓으세요",
+    accept: "{accept} 파일 업로드 가능",
+    limit: "최대 {limit}개의 파일을 업로드할 수 있습니다",
+    maxFileSize: "파일당 {maxFileSize} 이하여야 합니다"
+  },
+  pagination: {
+    pageSize: "페이지당 {pageSize}개"
+  }
+};
+const fr = {
+  name: "fr",
+  image: {
+    fail: "Impossible de charger l'image pour le moment, veuillez réessayer plus tard"
+  },
+  input: {
+    placeholder: "Veuillez saisir",
+    copy: "Copier",
+    copySuccess: "Copié dans le presse-papiers",
+    copyFailed: "La copie a échoué, veuillez réessayer"
+  },
+  inputTag: {
+    placeholder: "Saisissez une étiquette et appuyez sur Entrée pour l'ajouter",
+    maxLength: "Vous avez atteint la limite de {maxLength} étiquettes, supprimez-en quelques-unes pour continuer",
+    duplicate: "Cette étiquette existe déjà, veuillez en saisir une nouvelle"
+  },
+  select: {
+    placeholder: "Veuillez sélectionner"
+  },
+  selectMultiple: {
+    placeholder: "Veuillez sélectionner"
+  },
+  cascader: {
+    placeholder: "Veuillez sélectionner"
+  },
+  textarea: {
+    placeholder: "Veuillez saisir"
+  },
+  datePicker: {
+    Mon: "Lun",
+    Tue: "Mar",
+    Wed: "Mer",
+    Thu: "Jeu",
+    Fri: "Ven",
+    Sat: "Sam",
+    Sun: "Dim",
+    placeholder: "Sélectionner une date"
+  },
+  dateRangePicker: {
+    placeholderStart: "Date de début",
+    placeholderEnd: "Date de fin"
+  },
+  upload: {
+    dropActive: "Relâchez pour commencer le téléchargement",
+    click: "Cliquez pour télécharger, ",
+    paste: "collez, ",
+    drag: "ou faites glisser les fichiers ici",
+    accept: "Prend en charge le téléchargement de {accept}",
+    limit: "Vous pouvez télécharger jusqu'à {limit} fichiers",
+    maxFileSize: "Chaque fichier ne doit pas dépasser {maxFileSize}"
+  },
+  pagination: {
+    pageSize: "{pageSize} par page"
+  }
+};
+const it = {
+  name: "it",
+  image: {
+    fail: "Impossibile caricare l'immagine, si prega di riprovare più tardi"
+  },
+  input: {
+    placeholder: "Inserisci",
+    copy: "Copia",
+    copySuccess: "Copiato negli appunti",
+    copyFailed: "Copia fallita, si prega di riprovare"
+  },
+  inputTag: {
+    placeholder: "Digita e premi Invio per aggiungere un tag",
+    maxLength: "Hai raggiunto il limite di {maxLength} tag, rimuovine alcuni per continuare",
+    duplicate: "Questo tag esiste già, inserisci un nuovo tag"
+  },
+  select: {
+    placeholder: "Seleziona"
+  },
+  selectMultiple: {
+    placeholder: "Seleziona"
+  },
+  cascader: {
+    placeholder: "Seleziona"
+  },
+  textarea: {
+    placeholder: "Inserisci"
+  },
+  datePicker: {
+    Mon: "Lun",
+    Tue: "Mar",
+    Wed: "Mer",
+    Thu: "Gio",
+    Fri: "Ven",
+    Sat: "Sab",
+    Sun: "Dom",
+    placeholder: "Seleziona data"
+  },
+  dateRangePicker: {
+    placeholderStart: "Data iniziale",
+    placeholderEnd: "Data finale"
+  },
+  upload: {
+    dropActive: "Rilascia per iniziare il caricamento",
+    click: "Clicca per caricare, ",
+    paste: "incolla, ",
+    drag: "o trascina i file qui",
+    accept: "Supporta il caricamento di {accept}",
+    limit: "È possibile caricare un massimo di {limit} file",
+    maxFileSize: "Ogni file non deve superare {maxFileSize}"
+  },
+  pagination: {
+    pageSize: "{pageSize} per pagina"
+  }
+};
+const es = {
+  name: "es",
+  image: {
+    fail: "No se puede cargar la imagen, por favor inténtelo de nuevo más tarde"
+  },
+  input: {
+    placeholder: "Por favor, introduzca",
+    copy: "Copiar",
+    copySuccess: "Copiado al portapapeles",
+    copyFailed: "Error al copiar, por favor inténtelo de nuevo"
+  },
+  inputTag: {
+    placeholder: "Escriba y presione Enter para añadir una etiqueta",
+    maxLength: "Ha alcanzado el límite de {maxLength} etiquetas, elimine algunas para continuar añadiendo",
+    duplicate: "Esta etiqueta ya existe, por favor introduzca una nueva"
+  },
+  select: {
+    placeholder: "Por favor, seleccione"
+  },
+  selectMultiple: {
+    placeholder: "Por favor, seleccione"
+  },
+  cascader: {
+    placeholder: "Por favor, seleccione"
+  },
+  textarea: {
+    placeholder: "Por favor, introduzca"
+  },
+  datePicker: {
+    Mon: "Lun",
+    Tue: "Mar",
+    Wed: "Mié",
+    Thu: "Jue",
+    Fri: "Vie",
+    Sat: "Sáb",
+    Sun: "Dom",
+    placeholder: "Seleccionar fecha"
+  },
+  dateRangePicker: {
+    placeholderStart: "Fecha de inicio",
+    placeholderEnd: "Fecha de fin"
+  },
+  upload: {
+    dropActive: "Suelte para comenzar la carga",
+    click: "Haga clic para cargar, ",
+    paste: "pegue, ",
+    drag: "o arrastre archivos aquí",
+    accept: "Admite la carga de {accept}",
+    limit: "Se pueden cargar un máximo de {limit} archivos",
+    maxFileSize: "Cada archivo no debe exceder {maxFileSize}"
+  },
+  pagination: {
+    pageSize: "{pageSize} por página"
+  }
+};
+const de = {
+  name: "de",
+  image: {
+    fail: "Bild kann derzeit nicht geladen werden, bitte versuchen Sie es später erneut"
+  },
+  input: {
+    placeholder: "Bitte eingeben",
+    copy: "Kopieren",
+    copySuccess: "In die Zwischenablage kopiert",
+    copyFailed: "Kopieren fehlgeschlagen, bitte versuchen Sie es erneut"
+  },
+  inputTag: {
+    placeholder: "Tag eingeben und Enter drücken zum Hinzufügen",
+    maxLength: "Sie haben das Limit von {maxLength} Tags erreicht, löschen Sie einige, um weitere hinzuzufügen",
+    duplicate: "Dieser Tag existiert bereits, bitte geben Sie einen neuen Tag ein"
+  },
+  select: {
+    placeholder: "Bitte auswählen"
+  },
+  selectMultiple: {
+    placeholder: "Bitte auswählen"
+  },
+  cascader: {
+    placeholder: "Bitte auswählen"
+  },
+  textarea: {
+    placeholder: "Bitte eingeben"
+  },
+  datePicker: {
+    Mon: "Mo",
+    Tue: "Di",
+    Wed: "Mi",
+    Thu: "Do",
+    Fri: "Fr",
+    Sat: "Sa",
+    Sun: "So",
+    placeholder: "Datum auswählen"
+  },
+  dateRangePicker: {
+    placeholderStart: "Startdatum",
+    placeholderEnd: "Enddatum"
+  },
+  upload: {
+    dropActive: "Loslassen, um mit dem Upload zu beginnen",
+    click: "Klicken zum Hochladen, ",
+    paste: "Einfügen, ",
+    drag: "oder Dateien hierher ziehen",
+    accept: "Unterstützt {accept}",
+    limit: "Maximal {limit} Dateien",
+    maxFileSize: "Einzelne Datei nicht größer als {maxFileSize}"
+  },
+  pagination: {
+    pageSize: "{pageSize} pro Seite"
+  }
+};
+const pt = {
+  name: "pt",
+  image: {
+    fail: "Não foi possível carregar a imagem, por favor tente novamente mais tarde"
+  },
+  input: {
+    placeholder: "Por favor, digite",
+    copy: "Copiar",
+    copySuccess: "Copiado para a área de transferência",
+    copyFailed: "Falha ao copiar, por favor tente novamente"
+  },
+  inputTag: {
+    placeholder: "Digite e pressione Enter para adicionar uma tag",
+    maxLength: "Atingiu o limite de {maxLength} tags, remova algumas para continuar adicionando",
+    duplicate: "Esta tag já existe, por favor digite uma nova tag"
+  },
+  select: {
+    placeholder: "Por favor, selecione"
+  },
+  selectMultiple: {
+    placeholder: "Por favor, selecione"
+  },
+  cascader: {
+    placeholder: "Por favor, selecione"
+  },
+  textarea: {
+    placeholder: "Por favor, digite"
+  },
+  datePicker: {
+    Mon: "Seg",
+    Tue: "Ter",
+    Wed: "Qua",
+    Thu: "Qui",
+    Fri: "Sex",
+    Sat: "Sáb",
+    Sun: "Dom",
+    placeholder: "Selecionar data"
+  },
+  dateRangePicker: {
+    placeholderStart: "Data inicial",
+    placeholderEnd: "Data final"
+  },
+  upload: {
+    dropActive: "Solte para iniciar o upload",
+    click: "Clique para fazer upload, ",
+    paste: "cole, ",
+    drag: "ou arraste arquivos para aqui",
+    accept: "Suporta upload de {accept}",
+    limit: "Máximo de {limit} arquivos podem ser enviados",
+    maxFileSize: "Cada arquivo não deve exceder {maxFileSize}"
+  },
+  pagination: {
+    pageSize: "{pageSize} por página"
+  }
+};
 let i18nInstance = null;
 let currentLocale = "zh";
 const setLocale = (locale2) => {
@@ -31739,12 +32171,20 @@ const getLocale = () => {
 const useI18n = () => {
   if (!i18nInstance) {
     i18nInstance = createI18n({
+      globalInjection: true,
       legacy: false,
       locale: currentLocale,
       fallbackLocale: currentLocale,
       messages: {
         en,
-        zh
+        zh,
+        ja,
+        ko,
+        de,
+        pt,
+        fr,
+        it,
+        es
       }
     });
   }
@@ -31866,6 +32306,7 @@ export {
   dateRangePickerModel,
   dateRangePickerProps,
   dateRangeProps,
+  de,
   index as default,
   descItemProps,
   descProps,
@@ -31873,9 +32314,11 @@ export {
   dragmove,
   drawerModel,
   drawerProps,
+  dropdownModel,
   dropdownProps,
   emptyProps,
   en,
+  es,
   expandProps,
   flattenNestedObject,
   flexProps,
@@ -31884,6 +32327,7 @@ export {
   formTypeAsMap,
   formatBytes,
   formatFormByMap,
+  fr,
   getAssetsFile,
   getColorType,
   getFileIcon,
@@ -31904,6 +32348,9 @@ export {
   inputTagModel,
   inputTagProps,
   isValidCssValue,
+  it,
+  ja,
+  ko,
   lewDescSizePaddingMap,
   locale,
   markProps,
@@ -31923,6 +32370,7 @@ export {
   poll,
   popokProps,
   popoverProps,
+  pt,
   radioGroupModel,
   radioGroupProps,
   radioProps,