@deskhero/dh_ui 1.35.2 → 1.35.4

package/dist/dh_ui.es.js

@@ -10775,7 +10775,7 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$l = defineComponent({
+const _sfc_main$m = defineComponent({
   props: {
     iconName: {
       type: String,
@@ -10804,7 +10804,7 @@ const _sfc_main$l = defineComponent({
     }
   }
 });
-const _hoisted_1$l = ["height", "src", "width"];
+const _hoisted_1$m = ["height", "src", "width"];
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("img", {
     alt: "icon",
@@ -10815,10 +10815,10 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     height: _ctx.size,
     src: _ctx.getIconUrl(),
     width: _ctx.size
-  }, null, 10, _hoisted_1$l);
+  }, null, 10, _hoisted_1$m);
 }
-var DhIcon = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$8], ["__scopeId", "data-v-201309a0"]]);
-const _sfc_main$k = defineComponent({
+var DhIcon = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$8], ["__scopeId", "data-v-201309a0"]]);
+const _sfc_main$l = defineComponent({
   props: {
     data: {
       type: Boolean,
@@ -10848,13 +10848,13 @@ const _sfc_main$k = defineComponent({
     }
   }
 });
-const _hoisted_1$k = { class: "dp__options" };
-const _hoisted_2$i = { class: "dp__options_switch" };
+const _hoisted_1$l = { class: "dp__options" };
+const _hoisted_2$j = { class: "dp__options_switch" };
 const _hoisted_3$d = /* @__PURE__ */ createElementVNode("span", { class: "dp__options_slider" }, null, -1);
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("label", _hoisted_1$k, [
+  return openBlock(), createElementBlock("label", _hoisted_1$l, [
     createElementVNode("span", null, toDisplayString(_ctx.label), 1),
-    createElementVNode("div", _hoisted_2$i, [
+    createElementVNode("div", _hoisted_2$j, [
       withDirectives(createElementVNode("input", {
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.checkedValue = $event),
         name: "switch",
@@ -10866,7 +10866,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var DhSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$7]]);
+var DhSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$7]]);
 /*!
  * Chart.js v3.9.1
  * https://www.chartjs.org
@@ -22768,7 +22768,7 @@ const generateChart = (chartId, chartType, chartController) => {
 };
 const Bar = /* @__PURE__ */ generateChart("bar-chart", "bar", BarController);
 var MultiRangeSlider_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$j = {
+const _sfc_main$k = {
   name: "MultiRangeSlider",
   props: {
     baseClassName: {
@@ -23066,8 +23066,8 @@ const _sfc_main$j = {
   mounted() {
   }
 };
-const _hoisted_1$j = { class: "bar" };
-const _hoisted_2$h = ["min", "max", "step", "value"];
+const _hoisted_1$k = { class: "bar" };
+const _hoisted_2$i = ["min", "max", "step", "value"];
 const _hoisted_3$c = { class: "caption" };
 const _hoisted_4$9 = { class: "min-caption" };
 const _hoisted_5$6 = { class: "bar-inner" };
@@ -23091,7 +23091,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass([$props.baseClassName, $data.rangeMarginValue === 0 ? "zero-ranage-margin" : ""]),
     onMousewheel: _cache[10] || (_cache[10] = withModifiers((...args) => $options.onMouseWheel && $options.onMouseWheel(...args), ["prevent", "stop"]))
   }, [
-    createElementVNode("div", _hoisted_1$j, [
+    createElementVNode("div", _hoisted_1$k, [
       createElementVNode("div", {
         class: "bar-left",
         style: normalizeStyle({ width: $options.barMin + "%" }),
@@ -23105,7 +23105,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
         step: $props.step,
         value: $data.valueMin,
         onInput: _cache[1] || (_cache[1] = withModifiers((...args) => $options.onInputMinChange && $options.onInputMinChange(...args), ["stop", "prevent"]))
-      }, null, 40, _hoisted_2$h),
+      }, null, 40, _hoisted_2$i),
       createElementVNode("div", {
         class: "thumb thumb-left",
         onMousedown: _cache[2] || (_cache[2] = (...args) => $options.onLeftThumbMousedown && $options.onLeftThumbMousedown(...args)),
@@ -23175,8 +23175,8 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 34);
 }
-var MultiRangeSlider = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$6]]);
-const _sfc_main$i = defineComponent({
+var MultiRangeSlider = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$6]]);
+const _sfc_main$j = defineComponent({
   components: { DhIcon },
   props: {
     mainText: {
@@ -23233,8 +23233,8 @@ const _sfc_main$i = defineComponent({
     }
   }
 });
-const _hoisted_1$i = { class: "dh-advanced-filter-container" };
-const _hoisted_2$g = { class: "advance_section" };
+const _hoisted_1$j = { class: "dh-advanced-filter-container" };
+const _hoisted_2$h = { class: "advance_section" };
 const _hoisted_3$b = { key: 0 };
 const _hoisted_4$8 = { class: "list-none" };
 const _hoisted_5$5 = ["checked"];
@@ -23242,8 +23242,8 @@ const _hoisted_6$5 = ["checked"];
 const _hoisted_7$4 = ["checked"];
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dh_icon = resolveComponent("dh-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$i, [
-    createElementVNode("div", _hoisted_2$g, [
+  return openBlock(), createElementBlock("div", _hoisted_1$j, [
+    createElementVNode("div", _hoisted_2$h, [
       createElementVNode("span", {
         class: "toggle-icon",
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.toggleFilter())
@@ -23293,10 +23293,10 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var DhAdvancedFilter = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$5]]);
+var DhAdvancedFilter = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$5]]);
 var MultiRangeSliderBarOnly = "";
 Chart.register(plugin_tooltip, BarElement, CategoryScale, LinearScale);
-const _sfc_main$h = defineComponent({
+const _sfc_main$i = defineComponent({
   components: { Bar, MultiRangeSlider, DhAdvancedFilter },
   props: {
     numberRange: {
@@ -23550,8 +23550,8 @@ const _sfc_main$h = defineComponent({
     }
   }
 });
-const _hoisted_1$h = { class: "dh-range-container" };
-const _hoisted_2$f = { class: "bar-chart" };
+const _hoisted_1$i = { class: "dh-range-container" };
+const _hoisted_2$g = { class: "bar-chart" };
 const _hoisted_3$a = {
   key: 0,
   class: "input-group-section"
@@ -23564,8 +23564,8 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Bar = resolveComponent("Bar");
   const _component_MultiRangeSlider = resolveComponent("MultiRangeSlider");
   const _component_dh_advanced_filter = resolveComponent("dh-advanced-filter");
-  return openBlock(), createElementBlock("div", _hoisted_1$h, [
-    createElementVNode("div", _hoisted_2$f, [
+  return openBlock(), createElementBlock("div", _hoisted_1$i, [
+    createElementVNode("div", _hoisted_2$g, [
       createVNode(_component_Bar, {
         "chart-data": _ctx.chartData,
         "chart-id": _ctx.chartId,
@@ -23635,11 +23635,11 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["onExclude", "onFilter_missing", "onMatch"])
   ]);
 }
-var DhNumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$4]]);
+var DhNumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$4]]);
 var main = "";
 var AdvancedDatePicker_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$g = { id: "dp-container" };
-const _hoisted_2$e = /* @__PURE__ */ createElementVNode("div", { class: "dp__calendar_range" }, [
+const _hoisted_1$h = { id: "dp-container" };
+const _hoisted_2$f = /* @__PURE__ */ createElementVNode("div", { class: "dp__calendar_range" }, [
   /* @__PURE__ */ createElementVNode("p", null, "From"),
   /* @__PURE__ */ createElementVNode("p", null, "To")
 ], -1);
@@ -23659,7 +23659,7 @@ const _hoisted_15$2 = /* @__PURE__ */ createElementVNode("div", {
   id: "tags",
   class: "dp__calendar_tags"
 }, null, -1);
-const _sfc_main$g = {
+const _sfc_main$h = {
   __name: "AdvancedDatePicker",
   props: {
     numberRange: {
@@ -23752,8 +23752,8 @@ const _sfc_main$g = {
       datePicker.value.openMenu();
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$g, [
-        _hoisted_2$e,
+      return openBlock(), createElementBlock("div", _hoisted_1$h, [
+        _hoisted_2$f,
         createVNode(unref(ca), {
           ref_key: "datePicker",
           ref: datePicker,
@@ -23893,9 +23893,9 @@ const _sfc_main$g = {
   }
 };
 var DatePicker_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$f = /* @__PURE__ */ createTextVNode(" Back ");
-const _hoisted_2$d = /* @__PURE__ */ createElementVNode("div", null, "today", -1);
-const _sfc_main$f = {
+const _hoisted_1$g = /* @__PURE__ */ createTextVNode(" Back ");
+const _hoisted_2$e = /* @__PURE__ */ createElementVNode("div", null, "today", -1);
+const _sfc_main$g = {
   __name: "DatePicker",
   props: {
     inline: {
@@ -23952,12 +23952,12 @@ const _sfc_main$f = {
             })
           ]),
           "calendar-icon": withCtx(() => [
-            _hoisted_1$f
+            _hoisted_1$g
           ]),
           "clear-icon": withCtx(() => []),
           "action-preview": withCtx(() => []),
           "marker-tooltip": withCtx(() => [
-            _hoisted_2$d
+            _hoisted_2$e
           ]),
           _: 1
         }, 8, ["modelValue", "inline", "markers"])
@@ -23965,12 +23965,70 @@ const _sfc_main$f = {
     };
   }
 };
-var DropdownMenu_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$e = ["src"];
-const _hoisted_2$c = {
+var DropdownMenuItem_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$f = ["src"];
+const _hoisted_2$d = {
   key: 3,
   class: "menu-item-text-wrapper"
 };
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  __name: "DropdownMenuItem",
+  props: {
+    item: {
+      type: Object,
+      required: true
+    },
+    textEllipsis: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    iconSize: {
+      type: Number,
+      required: false,
+      default: 24
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        __props.item.iconUrl ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          alt: "icon image",
+          class: "icon icon-url",
+          src: __props.item.iconUrl
+        }, null, 8, _hoisted_1$f)) : createCommentVNode("", true),
+        !__props.item.iconUrl ? (openBlock(), createBlock(DhIcon, mergeProps({
+          key: 1,
+          class: "icon"
+        }, { ...__props.item, size: props.iconSize }), null, 16)) : createCommentVNode("", true),
+        !__props.item.subText ? (openBlock(), createElementBlock("span", {
+          key: 2,
+          class: normalizeClass(["body-2", { "text-ellipsis": props.textEllipsis }])
+        }, toDisplayString(__props.item.text), 3)) : createCommentVNode("", true),
+        __props.item.subText ? (openBlock(), createElementBlock("div", _hoisted_2$d, [
+          createElementVNode("span", {
+            class: normalizeClass(["body-4-medium", { "text-ellipsis": props.textEllipsis }])
+          }, toDisplayString(__props.item.text), 3),
+          createElementVNode("span", {
+            class: normalizeClass(["body-1", { "text-ellipsis": props.textEllipsis }])
+          }, toDisplayString(__props.item.subText), 3)
+        ])) : createCommentVNode("", true),
+        __props.item.isSelected ? (openBlock(), createBlock(DhIcon, {
+          key: 4,
+          class: "icon-blue icon-accept",
+          "icon-name": "accept",
+          size: 16
+        })) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+var DhDropdownMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-a4d6fb5c"]]);
+var DropdownMenu_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$e = ["data-e2e", "onClick"];
+const _hoisted_2$c = ["onClick"];
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenu",
   props: {
@@ -24033,51 +24091,44 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         style: normalizeStyle({ "z-index": props.zIndex })
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
-          return openBlock(), createBlock(_component_router_link, {
+          return openBlock(), createElementBlock("div", {
             key: item.iconName,
             class: "menu-item",
             "data-e2e": item.dataE2eTag,
-            to: { path: item.url },
             onClick: ($event) => itemSelected(item)
-          }, {
-            default: withCtx(() => [
-              item.iconUrl ? (openBlock(), createElementBlock("img", {
-                key: 0,
-                alt: "icon image",
-                class: "icon icon-url",
-                src: item.iconUrl
-              }, null, 8, _hoisted_1$e)) : createCommentVNode("", true),
-              !item.iconUrl ? (openBlock(), createBlock(DhIcon, mergeProps({
-                key: 1,
-                class: "icon"
-              }, { ...item, size: props.iconSize }), null, 16)) : createCommentVNode("", true),
-              !item.subText ? (openBlock(), createElementBlock("span", {
-                key: 2,
-                class: normalizeClass(["text-2", { "text-ellipsis": props.textEllipsis }])
-              }, toDisplayString(item.text), 3)) : createCommentVNode("", true),
-              item.subText ? (openBlock(), createElementBlock("div", _hoisted_2$c, [
-                createElementVNode("span", {
-                  class: normalizeClass(["text-4", { "text-ellipsis": props.textEllipsis }])
-                }, toDisplayString(item.text), 3),
-                createElementVNode("span", {
-                  class: normalizeClass(["text-1", { "text-ellipsis": props.textEllipsis }])
-                }, toDisplayString(item.subText), 3)
-              ])) : createCommentVNode("", true),
-              item.isSelected ? (openBlock(), createBlock(DhIcon, {
-                key: 4,
-                class: "icon-blue icon-accept",
-                "icon-name": "accept",
-                size: 16
-              })) : createCommentVNode("", true)
-            ]),
-            _: 2
-          }, 1032, ["data-e2e", "to", "onClick"]);
+          }, [
+            item.url ? (openBlock(), createBlock(_component_router_link, {
+              key: 0,
+              class: "center-vertical",
+              to: { path: item.url },
+              onClick: ($event) => itemSelected(item)
+            }, {
+              default: withCtx(() => [
+                createVNode(DhDropdownMenuItem, {
+                  "icon-size": __props.iconSize,
+                  item,
+                  "text-ellipsis": __props.textEllipsis
+                }, null, 8, ["icon-size", "item", "text-ellipsis"])
+              ]),
+              _: 2
+            }, 1032, ["to", "onClick"])) : (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: "center-vertical",
+              onClick: ($event) => itemSelected(item)
+            }, [
+              createVNode(DhDropdownMenuItem, {
+                "icon-size": __props.iconSize,
+                item,
+                "text-ellipsis": __props.textEllipsis
+              }, null, 8, ["icon-size", "item", "text-ellipsis"])
+            ], 8, _hoisted_2$c))
+          ], 8, _hoisted_1$e);
         }), 128))
       ], 4);
     };
   }
 });
-var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-5a15fe7d"]]);
+var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-61362fef"]]);
 var Error_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$d = {
   key: 0,
@@ -27661,4 +27712,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 var VerificationCode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7d5513ee"]]);
-export { _sfc_main$g as DhAdvancedDatePicker, DhAdvancedFilter, _sfc_main$f as DhDatePicker, DropdownMenu as DhDropdownMenu, _sfc_main$d as DhError, ExpansionPanel as DhExpansionPanel, _sfc_main$b as DhFileUpload, DhIcon, _sfc_main$a as DhInputDropdown, _sfc_main$9 as DhInputList, Modal as DhModal, Notification as DhNotification, DhNumberRange, PasswordField as DhPasswordField, DhRadioBox, _sfc_main$4 as DhRadioBoxGroup, SearchInput as DhSearchInput, Stepper as DhStepper, DhSwitch, Tooltip as DhTooltip, VerificationCode as DhVerificationCode };
+export { _sfc_main$h as DhAdvancedDatePicker, DhAdvancedFilter, _sfc_main$g as DhDatePicker, DropdownMenu as DhDropdownMenu, _sfc_main$d as DhError, ExpansionPanel as DhExpansionPanel, _sfc_main$b as DhFileUpload, DhIcon, _sfc_main$a as DhInputDropdown, _sfc_main$9 as DhInputList, Modal as DhModal, Notification as DhNotification, DhNumberRange, PasswordField as DhPasswordField, DhRadioBox, _sfc_main$4 as DhRadioBoxGroup, SearchInput as DhSearchInput, Stepper as DhStepper, DhSwitch, Tooltip as DhTooltip, VerificationCode as DhVerificationCode };