@deskhero/dh_ui 1.41.8 → 1.42.0

package/dist/dh_ui.es.js

@@ -1,4 +1,4 @@
-import { reactive, ref, defineComponent, useSlots, toRef, provide, computed, onMounted, onUnmounted, watch, openBlock, createElementBlock, normalizeClass, unref, createVNode, mergeProps, isRef, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createBlock, Teleport, createCommentVNode, inject, withKeys, withModifiers, Transition, createElementVNode, Fragment, normalizeStyle, createTextVNode, toDisplayString, resolveDynamicComponent, nextTick, withDirectives, vShow, onBeforeUpdate, getCurrentScope, onScopeDispose, vModelCheckbox, shallowRef, onBeforeUnmount, toRaw, h, isProxy, resolveComponent, useCssVars, toRefs, getCurrentInstance, vModelDynamic, vModelText, pushScopeId, popScopeId } from "vue";
+import { reactive, ref, defineComponent, useSlots, toRef, provide, computed, onMounted, onUnmounted, watch, openBlock, createElementBlock, normalizeClass, unref, createVNode, mergeProps, isRef, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createBlock, Teleport, createCommentVNode, inject, withKeys, withModifiers, Transition, createElementVNode, Fragment, normalizeStyle, createTextVNode, toDisplayString, resolveDynamicComponent, nextTick, withDirectives, vShow, onBeforeUpdate, getCurrentScope, onScopeDispose, vModelCheckbox, shallowRef, onBeforeUnmount, toRaw, h, isProxy, resolveComponent, vModelText, useCssVars, toRefs, getCurrentInstance, vModelDynamic, pushScopeId, popScopeId } from "vue";
 var main$1 = "";
 function toInteger(dirtyNumber) {
   if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
@@ -10853,12 +10853,12 @@ const _sfc_main$o = defineComponent({
   }
 });
 const _hoisted_1$o = { class: "dp__options" };
-const _hoisted_2$m = { class: "dp__options_switch" };
+const _hoisted_2$n = { class: "dp__options_switch" };
 const _hoisted_3$f = /* @__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$o, [
     createElementVNode("span", null, toDisplayString(_ctx.label), 1),
-    createElementVNode("div", _hoisted_2$m, [
+    createElementVNode("div", _hoisted_2$n, [
       withDirectives(createElementVNode("input", {
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.checkedValue = $event),
         name: "switch",
@@ -23071,7 +23071,7 @@ const _sfc_main$n = {
   }
 };
 const _hoisted_1$n = { class: "bar" };
-const _hoisted_2$l = ["min", "max", "step", "value"];
+const _hoisted_2$m = ["min", "max", "step", "value"];
 const _hoisted_3$e = { class: "caption" };
 const _hoisted_4$b = { class: "min-caption" };
 const _hoisted_5$8 = { class: "bar-inner" };
@@ -23109,7 +23109,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$l),
+      }, null, 40, _hoisted_2$m),
       createElementVNode("div", {
         class: "thumb thumb-left",
         onMousedown: _cache[2] || (_cache[2] = (...args) => $options.onLeftThumbMousedown && $options.onLeftThumbMousedown(...args)),
@@ -23238,7 +23238,7 @@ const _sfc_main$m = defineComponent({
   }
 });
 const _hoisted_1$m = { class: "dh-advanced-filter-container" };
-const _hoisted_2$k = { class: "advance_section" };
+const _hoisted_2$l = { class: "advance_section" };
 const _hoisted_3$d = { key: 0 };
 const _hoisted_4$a = { class: "list-none" };
 const _hoisted_5$7 = ["checked"];
@@ -23247,7 +23247,7 @@ 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$m, [
-    createElementVNode("div", _hoisted_2$k, [
+    createElementVNode("div", _hoisted_2$l, [
       createElementVNode("span", {
         class: "toggle-icon",
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.toggleFilter())
@@ -23555,7 +23555,7 @@ const _sfc_main$l = defineComponent({
   }
 });
 const _hoisted_1$l = { class: "dh-range-container" };
-const _hoisted_2$j = { class: "bar-chart" };
+const _hoisted_2$k = { class: "bar-chart" };
 const _hoisted_3$c = {
   key: 0,
   class: "input-group-section"
@@ -23569,7 +23569,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_MultiRangeSlider = resolveComponent("MultiRangeSlider");
   const _component_dh_advanced_filter = resolveComponent("dh-advanced-filter");
   return openBlock(), createElementBlock("div", _hoisted_1$l, [
-    createElementVNode("div", _hoisted_2$j, [
+    createElementVNode("div", _hoisted_2$k, [
       createVNode(_component_Bar, {
         "chart-data": _ctx.chartData,
         "chart-id": _ctx.chartId,
@@ -23643,7 +23643,7 @@ var DhNumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_re
 var main = "";
 var AdvancedDatePicker_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$k = { id: "dp-container" };
-const _hoisted_2$i = /* @__PURE__ */ createElementVNode("div", { class: "dp__calendar_range" }, [
+const _hoisted_2$j = /* @__PURE__ */ createElementVNode("div", { class: "dp__calendar_range" }, [
   /* @__PURE__ */ createElementVNode("p", null, "From"),
   /* @__PURE__ */ createElementVNode("p", null, "To")
 ], -1);
@@ -23757,7 +23757,7 @@ const _sfc_main$k = {
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$k, [
-        _hoisted_2$i,
+        _hoisted_2$j,
         createVNode(unref(ca), {
           ref_key: "datePicker",
           ref: datePicker,
@@ -23902,8 +23902,8 @@ const _sfc_main$j = defineComponent({
     target: { type: String, required: true },
     trigger: { type: String, required: true },
     placement: {
-      type: Object,
-      default: () => ({ placement: "bottom" }),
+      type: String,
+      default: () => "bottom",
       required: false
     },
     tooltipText: { type: String, required: true }
@@ -23927,7 +23927,7 @@ const _sfc_main$j = defineComponent({
   }
 });
 const _hoisted_1$j = ["placement", "target", "tooltipText", "trigger"];
-const _hoisted_2$h = ["id"];
+const _hoisted_2$i = ["id"];
 const _hoisted_3$a = { class: "text" };
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
@@ -23948,12 +23948,13 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(`tooltiptext ${_ctx.show}`)
     }, [
       createElementVNode("span", _hoisted_3$a, toDisplayString(_ctx.tooltipText), 1)
-    ], 10, _hoisted_2$h)
+    ], 10, _hoisted_2$i)
   ], 40, _hoisted_1$j);
 }
 var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$3]]);
 var Copiable_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$i = { class: "copy__text" };
+const _hoisted_2$h = ["readonly"];
 const _sfc_main$i = {
   __name: "Copiable",
   props: {
@@ -23964,29 +23965,48 @@ const _sfc_main$i = {
     placement: {
       type: String,
       default: "bottom"
+    },
+    readonly: {
+      type: Boolean,
+      default: true
     }
   },
   setup(__props) {
+    const props = __props;
+    const inputText = ref("");
     const copied = ref("copy text");
     function copyText(data) {
       navigator.clipboard.writeText(data);
       copied.value = "copied !";
     }
+    function resetCopyText() {
+      copied.value = "copy text";
+    }
+    onMounted(() => {
+      inputText.value = props.text;
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", _hoisted_1$i, [
-        createTextVNode(toDisplayString(__props.text) + " ", 1),
+        withDirectives(createElementVNode("input", {
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputText.value = $event),
+          readonly: __props.readonly,
+          type: "text",
+          onInput: resetCopyText
+        }, null, 40, _hoisted_2$h), [
+          [vModelText, inputText.value]
+        ]),
         createVNode(Tooltip, {
           placement: __props.placement,
           target: "tooltiptext",
           "tooltip-text": copied.value,
           trigger: "hover",
-          onClick: _cache[0] || (_cache[0] = ($event) => copyText(__props.text))
+          onClick: _cache[1] || (_cache[1] = ($event) => copyText(inputText.value))
         }, {
           default: withCtx(() => [
             createVNode(DhIcon, {
               class: "copy__text_icon",
               "icon-name": "copy",
-              size: "18"
+              size: 18
             })
           ]),
           _: 1
@@ -27299,7 +27319,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 2),
         createElementVNode("div", _hoisted_3$4, [
           createElementVNode("div", {
-            class: normalizeClass(`title title-${_ctx.notificationType}`)
+            class: normalizeClass(`body-section-title title-${_ctx.notificationType}`)
           }, toDisplayString(_ctx.limitTitle(_ctx.title, _ctx.notificationType)), 3),
           !["bottom-message"].includes(_ctx.notificationType) ? (openBlock(), createElementBlock("div", _hoisted_4$4, toDisplayString(_ctx.message.length >= 280 ? `${_ctx.message.substring(0, 280)}..` : _ctx.message), 1)) : createCommentVNode("", true)
         ]),