@deskhero/dh_ui 1.36.3 → 1.36.4

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, 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, toRefs, getCurrentInstance, useCssVars, vModelDynamic, vModelText, pushScopeId, popScopeId } from "vue";
 var main$1 = "";
 function toInteger(dirtyNumber) {
   if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
@@ -23070,7 +23070,7 @@ const _hoisted_1$k = { class: "bar" };
 const _hoisted_2$j = ["min", "max", "step", "value"];
 const _hoisted_3$d = { class: "caption" };
 const _hoisted_4$a = { class: "min-caption" };
-const _hoisted_5$7 = { class: "bar-inner" };
+const _hoisted_5$8 = { class: "bar-inner" };
 const _hoisted_6$7 = ["min", "max", "step", "value"];
 const _hoisted_7$6 = { class: "caption" };
 const _hoisted_8$3 = { class: "max-caption" };
@@ -23115,7 +23115,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("span", _hoisted_4$a, toDisplayString($props.minCaption || $options.barMinVal), 1)
         ])
       ], 32),
-      createElementVNode("div", _hoisted_5$7, [
+      createElementVNode("div", _hoisted_5$8, [
         createElementVNode("div", {
           class: "bar-inner-left",
           onClick: _cache[4] || (_cache[4] = (...args) => $options.onInnerBarLeftClick && $options.onInnerBarLeftClick(...args))
@@ -23237,7 +23237,7 @@ const _hoisted_1$j = { class: "dh-advanced-filter-container" };
 const _hoisted_2$i = { class: "advance_section" };
 const _hoisted_3$c = { key: 0 };
 const _hoisted_4$9 = { class: "list-none" };
-const _hoisted_5$6 = ["checked"];
+const _hoisted_5$7 = ["checked"];
 const _hoisted_6$6 = ["checked"];
 const _hoisted_7$5 = ["checked"];
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
@@ -23264,7 +23264,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
                 name: "number_filter",
                 type: "checkbox",
                 onChange: _cache[1] || (_cache[1] = ($event) => _ctx.missingFilter())
-              }, null, 40, _hoisted_5$6),
+              }, null, 40, _hoisted_5$7),
               createTextVNode(" " + toDisplayString(_ctx.filterMissingText), 1)
             ])
           ]),
@@ -23557,7 +23557,7 @@ const _hoisted_3$b = {
   class: "input-group-section"
 };
 const _hoisted_4$8 = { class: "input-group sb-input" };
-const _hoisted_5$5 = ["disabled", "max", "value"];
+const _hoisted_5$6 = ["disabled", "max", "value"];
 const _hoisted_6$5 = { class: "input-group sb-input" };
 const _hoisted_7$4 = ["disabled", "max", "min", "value"];
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
@@ -23604,7 +23604,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
           type: "number",
           value: `${_ctx.min}`,
           onInput: _cache[0] || (_cache[0] = ($event) => _ctx.changeMin($event))
-        }, null, 40, _hoisted_5$5)
+        }, null, 40, _hoisted_5$6)
       ]),
       createElementVNode("div", _hoisted_6$5, [
         createElementVNode("label", {
@@ -23645,7 +23645,7 @@ const _hoisted_2$g = /* @__PURE__ */ createElementVNode("div", { class: "dp__cal
 ], -1);
 const _hoisted_3$a = { class: "dp__multi" };
 const _hoisted_4$7 = ["value"];
-const _hoisted_5$4 = ["value"];
+const _hoisted_5$5 = ["value"];
 const _hoisted_6$4 = /* @__PURE__ */ createTextVNode(" Back ");
 const _hoisted_7$3 = ["onClick"];
 const _hoisted_8$2 = ["onClick"];
@@ -23792,7 +23792,7 @@ const _sfc_main$h = {
                 type: "text",
                 value: maxDate.value ? maxDate.value : date.value[1],
                 onInput: _cache[1] || (_cache[1] = ($event) => changeSecondDate($event))
-              }, null, 40, _hoisted_5$4)
+              }, null, 40, _hoisted_5$5)
             ])
           ]),
           "arrow-left": withCtx(() => [
@@ -24224,7 +24224,7 @@ const _hoisted_2$b = {
 };
 const _hoisted_3$9 = { class: "file__upload_list_item" };
 const _hoisted_4$6 = { class: "file__upload_list_item_label" };
-const _hoisted_5$3 = ["title"];
+const _hoisted_5$4 = ["title"];
 const _hoisted_6$3 = {
   key: 0,
   class: "label__antivirus"
@@ -24463,7 +24463,7 @@ const _sfc_main$b = {
                   createElementVNode("div", null, [
                     createElementVNode("span", {
                       title: file.name
-                    }, toDisplayString(getName(file.name)) + toDisplayString(getExtension(file.name)), 9, _hoisted_5$3),
+                    }, toDisplayString(getName(file.name)) + toDisplayString(getExtension(file.name)), 9, _hoisted_5$4),
                     props.uploadProgress[id] == 100 && __props.fileSaved && !__props.errorOccurred[id] && __props.virusCheck[id] == "loading" ? (openBlock(), createElementBlock("span", _hoisted_6$3, [
                       createTextVNode(toDisplayString(__props.virusCheckText) + " ", 1),
                       createVNode(DhIcon, {
@@ -24546,6 +24546,7 @@ const _hoisted_1$a = { class: "input__dropdown" };
 const _hoisted_2$a = { class: "input__dropdown_second" };
 const _hoisted_3$8 = ["tabindex"];
 const _hoisted_4$5 = ["onClick"];
+const _hoisted_5$3 = ["onClick"];
 const _sfc_main$a = {
   __name: "InputDropdown",
   props: {
@@ -24553,14 +24554,17 @@ const _sfc_main$a = {
       type: Array,
       required: true
     },
+    labelProp: {
+      type: String,
+      default: "label"
+    },
     icon: {
       type: String,
       required: true
     },
-    default: {
+    placeholder: {
       type: String,
-      required: false,
-      default: null
+      default: "select from menu"
     },
     tabindex: {
       type: Number,
@@ -24571,7 +24575,7 @@ const _sfc_main$a = {
   emits: ["update"],
   setup(__props, { emit }) {
     const props = __props;
-    const selected = ref(props.default ? props.default : props.list.length > 0 ? props.list[0] : null);
+    const selected = ref(props.placeholder);
     const open = ref(false);
     const name = ref(null);
     onMounted(() => {
@@ -24603,20 +24607,36 @@ const _sfc_main$a = {
               class: normalizeClass(["custom__select_selected", { "custom__select--open": open.value }]),
               onClick: _cache[0] || (_cache[0] = ($event) => open.value = !open.value)
             }, toDisplayString(selected.value), 3),
-            createElementVNode("div", {
+            typeof __props.list[0] === "object" ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(["custom__select_items", { "custom__select--hide": !open.value }])
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.list, (option, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: index,
+                  onClick: ($event) => {
+                    selected.value = option[__props.labelProp];
+                    open.value = false;
+                    update();
+                  }
+                }, toDisplayString(option[__props.labelProp]), 9, _hoisted_4$5);
+              }), 128))
+            ], 2)) : createCommentVNode("", true),
+            typeof __props.list[0] === "string" ? (openBlock(), createElementBlock("div", {
+              key: 1,
               class: normalizeClass(["custom__select_items", { "custom__select--hide": !open.value }])
             }, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.list, (option, i2) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.list, (option, index) => {
                 return openBlock(), createElementBlock("div", {
-                  key: i2,
+                  key: index,
                   onClick: ($event) => {
                     selected.value = option;
                     open.value = false;
                     update();
                   }
-                }, toDisplayString(option), 9, _hoisted_4$5);
+                }, toDisplayString(option), 9, _hoisted_5$3);
               }), 128))
-            ], 2)
+            ], 2)) : createCommentVNode("", true)
           ], 40, _hoisted_3$8)
         ])
       ]);
@@ -26819,7 +26839,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 script.render = render;
 script.__file = "src/Multiselect.vue";
-var default_css_vue_type_style_index_0_src_14e9ea27_lang = "";
+var default_css_vue_type_style_index_0_src_11864558_lang = "";
 var InputList_vue_vue_type_style_index_1_lang = "";
 const _hoisted_1$8 = /* @__PURE__ */ createElementVNode("img", {
   alt: "",
@@ -26834,19 +26854,38 @@ const _sfc_main$9 = {
     list: {
       type: Array,
       required: true
+    },
+    maxHeight: {
+      type: String,
+      default: "200px"
+    },
+    labelProp: {
+      type: String,
+      default: "label"
+    },
+    idProp: {
+      type: String,
+      default: "id"
     }
   },
   setup(__props) {
+    useCssVars((_ctx) => ({
+      "6113b1b3": __props.maxHeight
+    }));
     const value = ref(null);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(unref(script), {
           modelValue: value.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+          label: __props.labelProp,
           mode: "tags",
+          native: false,
+          object: true,
           options: __props.list,
           placeholder: "Start typing a name",
-          searchable: true
+          searchable: true,
+          "value-prop": __props.idProp
         }, {
           tag: withCtx(({ option, handleTagRemove, disabled }) => [
             (openBlock(), createBlock(Teleport, { to: "#list" }, [
@@ -26854,7 +26893,7 @@ const _sfc_main$9 = {
                 class: normalizeClass(["list__item", { "is-disabled": disabled }])
               }, [
                 _hoisted_1$8,
-                createElementVNode("p", _hoisted_2$8, toDisplayString(option.value), 1),
+                createElementVNode("p", _hoisted_2$8, toDisplayString(option[__props.labelProp]), 1),
                 createVNode(DhIcon, {
                   class: "list__item_icon",
                   "icon-name": "delete",
@@ -26866,7 +26905,7 @@ const _sfc_main$9 = {
             ]))
           ]),
           _: 3
-        }, 8, ["modelValue", "options"]),
+        }, 8, ["modelValue", "label", "options", "value-prop"]),
         _hoisted_3$6
       ], 64);
     };