@deskhero/dh_ui 1.44.1 → 1.44.2

package/dist/dh_ui.es.js

@@ -10784,7 +10784,7 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$q = defineComponent({
+const _sfc_main$r = defineComponent({
   props: {
     iconName: {
       type: String,
@@ -10818,7 +10818,7 @@ const _sfc_main$q = defineComponent({
     }
   }
 });
-const _hoisted_1$q = ["alt", "data-e2e", "height", "src", "width"];
+const _hoisted_1$r = ["alt", "data-e2e", "height", "src", "width"];
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("img", {
     alt: _ctx.iconName + `-icon`,
@@ -10831,10 +10831,10 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     height: _ctx.size,
     src: _ctx.getIconUrl(),
     width: _ctx.size
-  }, null, 10, _hoisted_1$q);
+  }, null, 10, _hoisted_1$r);
 }
-var DhIcon = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$8], ["__scopeId", "data-v-346530c9"]]);
-const _sfc_main$p = defineComponent({
+var DhIcon = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$8], ["__scopeId", "data-v-346530c9"]]);
+const _sfc_main$q = defineComponent({
   props: {
     data: {
       type: Boolean,
@@ -10864,11 +10864,11 @@ const _sfc_main$p = defineComponent({
     }
   }
 });
-const _hoisted_1$p = { class: "dp__options" };
+const _hoisted_1$q = { class: "dp__options" };
 const _hoisted_2$o = { class: "dp__options_switch" };
 const _hoisted_3$g = /* @__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$p, [
+  return openBlock(), createElementBlock("label", _hoisted_1$q, [
     createElementVNode("span", null, toDisplayString(_ctx.label), 1),
     createElementVNode("div", _hoisted_2$o, [
       withDirectives(createElementVNode("input", {
@@ -10882,7 +10882,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var DhSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$7]]);
+var DhSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$7]]);
 /*!
  * Chart.js v3.9.1
  * https://www.chartjs.org
@@ -22784,7 +22784,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$o = {
+const _sfc_main$p = {
   name: "MultiRangeSlider",
   props: {
     baseClassName: {
@@ -23082,7 +23082,7 @@ const _sfc_main$o = {
   mounted() {
   }
 };
-const _hoisted_1$o = { class: "bar" };
+const _hoisted_1$p = { class: "bar" };
 const _hoisted_2$n = ["min", "max", "step", "value"];
 const _hoisted_3$f = { class: "caption" };
 const _hoisted_4$d = { class: "min-caption" };
@@ -23107,7 +23107,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$o, [
+    createElementVNode("div", _hoisted_1$p, [
       createElementVNode("div", {
         class: "bar-left",
         style: normalizeStyle({ width: $options.barMin + "%" }),
@@ -23191,8 +23191,8 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 34);
 }
-var MultiRangeSlider = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$6]]);
-const _sfc_main$n = defineComponent({
+var MultiRangeSlider = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$6]]);
+const _sfc_main$o = defineComponent({
   components: { DhIcon },
   props: {
     mainText: {
@@ -23249,7 +23249,7 @@ const _sfc_main$n = defineComponent({
     }
   }
 });
-const _hoisted_1$n = { class: "dh-advanced-filter-container" };
+const _hoisted_1$o = { class: "dh-advanced-filter-container" };
 const _hoisted_2$m = { class: "advance_section" };
 const _hoisted_3$e = { key: 0 };
 const _hoisted_4$c = { class: "list-none" };
@@ -23258,7 +23258,7 @@ const _hoisted_6$7 = ["checked"];
 const _hoisted_7$6 = ["checked"];
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dh_icon = resolveComponent("dh-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$n, [
+  return openBlock(), createElementBlock("div", _hoisted_1$o, [
     createElementVNode("div", _hoisted_2$m, [
       createElementVNode("span", {
         class: "toggle-icon",
@@ -23309,10 +23309,10 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var DhAdvancedFilter = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$5]]);
+var DhAdvancedFilter = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$5]]);
 var MultiRangeSliderBarOnly = "";
 Chart.register(plugin_tooltip, BarElement, CategoryScale, LinearScale);
-const _sfc_main$m = defineComponent({
+const _sfc_main$n = defineComponent({
   components: { Bar, MultiRangeSlider, DhAdvancedFilter },
   props: {
     numberRange: {
@@ -23566,7 +23566,7 @@ const _sfc_main$m = defineComponent({
     }
   }
 });
-const _hoisted_1$m = { class: "dh-range-container" };
+const _hoisted_1$n = { class: "dh-range-container" };
 const _hoisted_2$l = { class: "bar-chart" };
 const _hoisted_3$d = {
   key: 0,
@@ -23580,7 +23580,7 @@ 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$m, [
+  return openBlock(), createElementBlock("div", _hoisted_1$n, [
     createElementVNode("div", _hoisted_2$l, [
       createVNode(_component_Bar, {
         "chart-data": _ctx.chartData,
@@ -23651,10 +23651,10 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["onExclude", "onFilter_missing", "onMatch"])
   ]);
 }
-var DhNumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$4]]);
+var DhNumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$4]]);
 var main = "";
 var AdvancedDatePicker_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$l = { id: "dp-container" };
+const _hoisted_1$m = { id: "dp-container" };
 const _hoisted_2$k = /* @__PURE__ */ createElementVNode("div", { class: "dp__calendar_range" }, [
   /* @__PURE__ */ createElementVNode("p", null, "From"),
   /* @__PURE__ */ createElementVNode("p", null, "To")
@@ -23675,7 +23675,7 @@ const _hoisted_15$2 = /* @__PURE__ */ createElementVNode("div", {
   id: "tags",
   class: "dp__calendar_tags"
 }, null, -1);
-const _sfc_main$l = {
+const _sfc_main$m = {
   __name: "AdvancedDatePicker",
   props: {
     numberRange: {
@@ -23768,7 +23768,7 @@ const _sfc_main$l = {
       datePicker.value.openMenu();
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$l, [
+      return openBlock(), createElementBlock("div", _hoisted_1$m, [
         _hoisted_2$k,
         createVNode(unref(ca), {
           ref_key: "datePicker",
@@ -23909,7 +23909,7 @@ const _sfc_main$l = {
     };
   }
 };
-const _sfc_main$k = defineComponent({
+const _sfc_main$l = defineComponent({
   props: {
     target: { type: String, required: true },
     trigger: { type: String, required: true },
@@ -23938,7 +23938,7 @@ const _sfc_main$k = defineComponent({
     }
   }
 });
-const _hoisted_1$k = ["placement", "target", "tooltipText", "trigger"];
+const _hoisted_1$l = ["placement", "target", "tooltipText", "trigger"];
 const _hoisted_2$j = ["id"];
 const _hoisted_3$b = { class: "text" };
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
@@ -23961,13 +23961,13 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       createElementVNode("span", _hoisted_3$b, toDisplayString(_ctx.tooltipText), 1)
     ], 10, _hoisted_2$j)
-  ], 40, _hoisted_1$k);
+  ], 40, _hoisted_1$l);
 }
-var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$3]]);
+var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$3]]);
 var Copiable_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$j = { class: "copy__text" };
+const _hoisted_1$k = { class: "copy__text" };
 const _hoisted_2$i = ["readonly"];
-const _sfc_main$j = {
+const _sfc_main$k = {
   __name: "Copiable",
   props: {
     text: {
@@ -23998,7 +23998,7 @@ const _sfc_main$j = {
       inputText.value = props.text;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", _hoisted_1$j, [
+      return openBlock(), createElementBlock("span", _hoisted_1$k, [
         withDirectives(createElementVNode("input", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputText.value = $event),
           readonly: __props.readonly,
@@ -24028,9 +24028,9 @@ const _sfc_main$j = {
   }
 };
 var DatePicker_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$i = /* @__PURE__ */ createTextVNode(" Back ");
+const _hoisted_1$j = /* @__PURE__ */ createTextVNode(" Back ");
 const _hoisted_2$h = /* @__PURE__ */ createElementVNode("div", null, "today", -1);
-const _sfc_main$i = {
+const _sfc_main$j = {
   __name: "DatePicker",
   props: {
     inline: {
@@ -24087,7 +24087,7 @@ const _sfc_main$i = {
             })
           ]),
           "calendar-icon": withCtx(() => [
-            _hoisted_1$i
+            _hoisted_1$j
           ]),
           "clear-icon": withCtx(() => []),
           "action-preview": withCtx(() => []),
@@ -24101,12 +24101,12 @@ const _sfc_main$i = {
   }
 };
 var DropdownMenuItem_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$h = ["src"];
+const _hoisted_1$i = ["src"];
 const _hoisted_2$g = {
   key: 3,
   class: "menu-item-text-wrapper"
 };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenuItem",
   props: {
     item: {
@@ -24136,7 +24136,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           alt: "icon image",
           class: "icon icon-url",
           src: __props.item.iconUrl
-        }, null, 8, _hoisted_1$h)) : createCommentVNode("", true),
+        }, null, 8, _hoisted_1$i)) : createCommentVNode("", true),
         !__props.item.iconUrl ? (openBlock(), createBlock(DhIcon, mergeProps({
           key: 1,
           class: "icon"
@@ -24163,11 +24163,11 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var DhDropdownMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-3a3f37c0"]]);
+var DhDropdownMenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-3a3f37c0"]]);
 var DropdownMenu_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$g = ["data-e2e", "onClick"];
+const _hoisted_1$h = ["data-e2e", "onClick"];
 const _hoisted_2$f = ["onClick"];
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "DropdownMenu",
   props: {
     items: {
@@ -24263,19 +24263,19 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                 "text-ellipsis-style": __props.textEllipsisStyle
               }, null, 8, ["icon-size", "item", "text-ellipsis-style"])
             ], 8, _hoisted_2$f))
-          ], 8, _hoisted_1$g);
+          ], 8, _hoisted_1$h);
         }), 128))
       ], 4);
     };
   }
 });
-var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-2fa20f7b"]]);
+var DropdownMenu = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-2fa20f7b"]]);
 var Error_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$f = {
+const _hoisted_1$g = {
   key: 0,
   class: "invalid-feedback"
 };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "Error",
   props: {
     errors: {
@@ -24288,7 +24288,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     const props = __props;
     return (_ctx, _cache) => {
       var _a;
-      return unref(props).errors && ((_a = unref(props).errors) == null ? void 0 : _a.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
+      return unref(props).errors && ((_a = unref(props).errors) == null ? void 0 : _a.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.errors, (error) => {
           return openBlock(), createElementBlock("span", { key: error }, toDisplayString(error), 1);
         }), 128))
@@ -24296,7 +24296,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$e = defineComponent({
+const _sfc_main$f = defineComponent({
   components: { DhIcon },
   props: {
     title: {
@@ -24322,7 +24322,7 @@ const _sfc_main$e = defineComponent({
     this.isAdvancedSettingsCurrentlyOpen = this.isAdvancedSettingsOpen;
   }
 });
-const _hoisted_1$e = { class: "dh-body-1-medium" };
+const _hoisted_1$f = { class: "dh-body-1-medium" };
 const _hoisted_2$e = /* @__PURE__ */ createTextVNode(" Content ");
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dh_icon = resolveComponent("dh-icon");
@@ -24335,7 +24335,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
       "data-e2e": "expansion-panel-button",
       onClick: _cache[0] || (_cache[0] = ($event) => _ctx.isAdvancedSettingsCurrentlyOpen = !_ctx.isAdvancedSettingsCurrentlyOpen)
     }, [
-      createElementVNode("h4", _hoisted_1$e, toDisplayString(_ctx.title), 1),
+      createElementVNode("h4", _hoisted_1$f, toDisplayString(_ctx.title), 1),
       createVNode(_component_dh_icon, {
         class: "icon",
         "icon-name": _ctx.isAdvancedSettingsCurrentlyOpen ? "arrow-up" : "arrow-down",
@@ -24347,9 +24347,9 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     ]) : createCommentVNode("", true)
   ], 64);
 }
-var ExpansionPanel = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$2]]);
+var ExpansionPanel = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$2]]);
 var FileUpload_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$d = /* @__PURE__ */ createElementVNode("label", { for: "upload_pdf" }, [
+const _hoisted_1$e = /* @__PURE__ */ createElementVNode("label", { for: "upload_pdf" }, [
   /* @__PURE__ */ createTextVNode(" Drag and drop file or "),
   /* @__PURE__ */ createElementVNode("span", { id: "upload" }, "browse")
 ], -1);
@@ -24387,7 +24387,7 @@ const _hoisted_16$1 = {
   class: "file__upload_action"
 };
 const _hoisted_17$1 = /* @__PURE__ */ createElementVNode("button", { class: "file__upload_action_cancel" }, "Cancel", -1);
-const _sfc_main$d = {
+const _sfc_main$e = {
   __name: "FileUpload",
   props: {
     uploadProgress: {
@@ -24544,7 +24544,7 @@ const _sfc_main$d = {
             "icon-name": "upload",
             size: 24
           }),
-          _hoisted_1$d,
+          _hoisted_1$e,
           createElementVNode("input", {
             id: "upload_pdf",
             ref_key: "upload",
@@ -24678,13 +24678,13 @@ const _sfc_main$d = {
   }
 };
 var InputDropdown_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$c = { class: "input__dropdown" };
+const _hoisted_1$d = { class: "input__dropdown" };
 const _hoisted_2$c = ["placeholder", "value"];
 const _hoisted_3$9 = { class: "input__dropdown_second" };
 const _hoisted_4$8 = ["tabindex"];
 const _hoisted_5$3 = ["onClick"];
 const _hoisted_6$3 = ["onClick"];
-const _sfc_main$c = {
+const _sfc_main$d = {
   __name: "InputDropdown",
   props: {
     list: {
@@ -24737,7 +24737,7 @@ const _sfc_main$c = {
       emit("update", name.value.value, selected.value, props.inputIndex);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$c, [
+      return openBlock(), createElementBlock("div", _hoisted_1$d, [
         createElementVNode("input", {
           ref_key: "name",
           ref: name,
@@ -24798,6 +24798,105 @@ const _sfc_main$c = {
     };
   }
 };
+var InputDropdownMultiple_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1$c = { class: "input-group-multiple" };
+const _sfc_main$c = {
+  __name: "InputDropdownMultiple",
+  props: {
+    labelProp: {
+      type: String,
+      default: "Label"
+    },
+    icon: {
+      type: String,
+      required: true
+    },
+    placeholderInput: {
+      type: String,
+      default: "Enter value"
+    },
+    tabindex: {
+      type: Number,
+      required: false,
+      default: 0
+    },
+    inputValue: {
+      type: String,
+      required: false,
+      default: ""
+    },
+    inputIndex: {
+      type: Number,
+      required: false,
+      default: 0
+    },
+    inputWidth: {
+      type: String,
+      required: false,
+      default: "75%"
+    },
+    multipleProp: {
+      type: Array,
+      required: true
+    }
+  },
+  emits: ["update"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const multiple = reactive(props.multipleProp);
+    function updateDropdown(name, email, index) {
+      console.log(multiple);
+      if (multiple) {
+        multiple.map((item) => {
+          if (item.id === index) {
+            item.input = name;
+            item.optionSelected = email;
+          }
+        });
+        emit("update", multiple);
+      }
+    }
+    function addMultiple() {
+      if (multiple) {
+        multiple.push({
+          id: multiple.length + 1,
+          list: multiple[0].list,
+          input: null,
+          optionSelected: null
+        });
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", _hoisted_1$c, [
+          createElementVNode("label", null, toDisplayString(__props.labelProp), 1),
+          createElementVNode("button", {
+            class: "btn btn-secondary btn-multiple",
+            onClick: addMultiple
+          }, [
+            createVNode(DhIcon, {
+              "icon-name": "plus",
+              size: 24
+            })
+          ])
+        ]),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(multiple, (item, index) => {
+          return openBlock(), createBlock(_sfc_main$d, {
+            key: index,
+            icon: props.icon,
+            "input-index": item.id,
+            "input-value": item.input,
+            "input-width": props.inputWidth,
+            list: item.list,
+            "placeholder-input": props.placeholderInput,
+            tabindex: props.tabindex,
+            onUpdate: updateDropdown
+          }, null, 8, ["icon", "input-index", "input-value", "input-width", "list", "placeholder-input", "tabindex"]);
+        }), 128))
+      ], 64);
+    };
+  }
+};
 var InputGroup_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$b = { class: "input__group" };
 const _hoisted_2$b = ["type"];
@@ -43634,4 +43733,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 var VerificationCode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2ace876a"]]);
-export { _sfc_main$l as DhAdvancedDatePicker, DhAdvancedFilter, _sfc_main$j as DhCopyText, _sfc_main$i as DhDatePicker, DropdownMenu as DhDropdownMenu, _sfc_main$f as DhError, ExpansionPanel as DhExpansionPanel, _sfc_main$d as DhFileUpload, DhIcon, _sfc_main$c as DhInputDropdown, _sfc_main$b as DhInputGroup, _sfc_main$a as DhInputList, Modal as DhModal, Notification as DhNotification, DhNumberRange, PasswordField as DhPasswordField, DhRadioBox, _sfc_main$5 as DhRadioBoxGroup, SearchInput as DhSearchInput, Stepper as DhStepper, DhSwitch, _sfc_main$1 as DhTextEditor, Tooltip as DhTooltip, VerificationCode as DhVerificationCode };
+export { _sfc_main$m as DhAdvancedDatePicker, DhAdvancedFilter, _sfc_main$k as DhCopyText, _sfc_main$j as DhDatePicker, DropdownMenu as DhDropdownMenu, _sfc_main$g as DhError, ExpansionPanel as DhExpansionPanel, _sfc_main$e as DhFileUpload, DhIcon, _sfc_main$d as DhInputDropdown, _sfc_main$c as DhInputDropdownMultiple, _sfc_main$b as DhInputGroup, _sfc_main$a as DhInputList, Modal as DhModal, Notification as DhNotification, DhNumberRange, PasswordField as DhPasswordField, DhRadioBox, _sfc_main$5 as DhRadioBoxGroup, SearchInput as DhSearchInput, Stepper as DhStepper, DhSwitch, _sfc_main$1 as DhTextEditor, Tooltip as DhTooltip, VerificationCode as DhVerificationCode };