@deskhero/dh_ui 1.27.0 → 1.28.1

package/dist/dh_ui.es.js

@@ -70,13 +70,13 @@ const _sfc_main$h = defineComponent({
 });
 const _hoisted_1$g = { class: "dh-advanced-filter-container" };
 const _hoisted_2$c = { class: "advance_section" };
-const _hoisted_3$9 = {
+const _hoisted_3$8 = {
   key: 0,
   class: "list-none"
 };
-const _hoisted_4$7 = ["checked"];
-const _hoisted_5$5 = ["checked"];
-const _hoisted_6$5 = ["checked"];
+const _hoisted_4$6 = ["checked"];
+const _hoisted_5$4 = ["checked"];
+const _hoisted_6$4 = ["checked"];
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dh_icon = resolveComponent("dh-icon");
   return openBlock(), createElementBlock("div", _hoisted_1$g, [
@@ -91,14 +91,14 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
           size: 20
         }, null, 8, ["icon-name"])
       ]),
-      _ctx.activeFilter ? (openBlock(), createElementBlock("ul", _hoisted_3$9, [
+      _ctx.activeFilter ? (openBlock(), createElementBlock("ul", _hoisted_3$8, [
         createElementVNode("li", null, [
           createElementVNode("label", null, [
             createElementVNode("input", {
               checked: _ctx.isFilterMissing,
               type: "checkbox",
               onChange: _cache[1] || (_cache[1] = ($event) => _ctx.missingFilter())
-            }, null, 40, _hoisted_4$7),
+            }, null, 40, _hoisted_4$6),
             createTextVNode(" " + toDisplayString(_ctx.filterMissingText), 1)
           ])
         ]),
@@ -109,7 +109,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
               name: "number_filter",
               type: "radio",
               onChange: _cache[2] || (_cache[2] = ($event) => _ctx.matchFilter())
-            }, null, 40, _hoisted_5$5),
+            }, null, 40, _hoisted_5$4),
             createTextVNode(" " + toDisplayString(_ctx.matchText), 1)
           ]),
           createElementVNode("label", null, [
@@ -118,7 +118,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
               name: "number_filter",
               type: "radio",
               onChange: _cache[3] || (_cache[3] = ($event) => _ctx.excludeFilter())
-            }, null, 40, _hoisted_6$5),
+            }, null, 40, _hoisted_6$4),
             createTextVNode(" " + toDisplayString(_ctx.excludeText), 1)
           ])
         ])
@@ -10949,15 +10949,15 @@ const _hoisted_2$b = /* @__PURE__ */ createElementVNode("label", { for: "upload_
   /* @__PURE__ */ createTextVNode(" Drag and drop file or "),
   /* @__PURE__ */ createElementVNode("span", { id: "upload" }, "browse")
 ], -1);
-const _hoisted_3$8 = {
+const _hoisted_3$7 = {
   key: 0,
   class: "file__upload_items"
 };
-const _hoisted_4$6 = { class: "file__upload_list_item" };
-const _hoisted_5$4 = { class: "file__upload_list_item_label" };
-const _hoisted_6$4 = ["title"];
-const _hoisted_7$3 = ["value"];
-const _hoisted_8$3 = {
+const _hoisted_4$5 = { class: "file__upload_list_item" };
+const _hoisted_5$3 = { class: "file__upload_list_item_label" };
+const _hoisted_6$3 = ["title"];
+const _hoisted_7$2 = ["value"];
+const _hoisted_8$2 = {
   key: 1,
   class: "file__upload_placeholder"
 };
@@ -11055,7 +11055,7 @@ const _sfc_main$d = {
             onInput: _cache[0] || (_cache[0] = ($event) => uploadFile($event))
           }, null, 544)
         ], 32),
-        fileSelected.value ? (openBlock(), createElementBlock("div", _hoisted_3$8, [
+        fileSelected.value ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(files.value, (file, id) => {
             return openBlock(), createElementBlock("div", {
               key: id,
@@ -11065,18 +11065,18 @@ const _sfc_main$d = {
                 "icon-name": `file-` + iconName(file.type),
                 size: 40
               }, null, 8, ["icon-name"]),
-              createElementVNode("div", _hoisted_4$6, [
-                createElementVNode("div", _hoisted_5$4, [
+              createElementVNode("div", _hoisted_4$5, [
+                createElementVNode("div", _hoisted_5$3, [
                   createElementVNode("span", {
                     title: file.name
-                  }, toDisplayString(format2(file.name)) + "." + toDisplayString(extension(file.type)), 9, _hoisted_6$4),
+                  }, toDisplayString(format2(file.name)) + "." + toDisplayString(extension(file.type)), 9, _hoisted_6$3),
                   createElementVNode("span", null, toDisplayString(props.uploadProgress[id]) + "%", 1)
                 ]),
                 createElementVNode("progress", {
                   id: "file",
                   max: "100",
                   value: props.uploadProgress[id]
-                }, toDisplayString(props.uploadProgress[id]) + "% ", 9, _hoisted_7$3)
+                }, toDisplayString(props.uploadProgress[id]) + "% ", 9, _hoisted_7$2)
               ]),
               props.uploadProgress[id] !== 100 ? (openBlock(), createBlock(DhIcon, {
                 key: 0,
@@ -11094,7 +11094,7 @@ const _sfc_main$d = {
             ]);
           }), 128))
         ])) : createCommentVNode("", true),
-        !fileSelected.value ? (openBlock(), createElementBlock("div", _hoisted_8$3, " No file selected ")) : createCommentVNode("", true),
+        !fileSelected.value ? (openBlock(), createElementBlock("div", _hoisted_8$2, " No file selected ")) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_9$2, [
           _hoisted_10$2,
           createElementVNode("button", {
@@ -11116,6 +11116,22 @@ const _sfc_main$c = defineComponent({
       type: Boolean,
       default: true
     },
+    hasSideBarButtonBottom: {
+      type: Boolean,
+      default: true
+    },
+    hasHeader: {
+      type: Boolean,
+      default: true
+    },
+    hasFooter: {
+      type: Boolean,
+      default: true
+    },
+    hasFooterButtonRight: {
+      type: Boolean,
+      default: true
+    },
     sideBarPosition: {
       type: String,
       default: "left"
@@ -11136,17 +11152,12 @@ const _sfc_main$c = defineComponent({
     }
   }
 });
-const _hoisted_1$b = /* @__PURE__ */ createTextVNode("Modal sidebar! ");
-const _hoisted_2$a = /* @__PURE__ */ createElementVNode("button", { class: "btn btn-primary" }, "Button Bottom", -1);
-const _hoisted_3$7 = {
+const _hoisted_1$b = {
+  key: 0,
   id: "modalTitle",
   class: "modal-header"
 };
-const _hoisted_4$5 = /* @__PURE__ */ createTextVNode("Modal header! ");
-const _hoisted_5$3 = /* @__PURE__ */ createTextVNode("Modal body! ");
-const _hoisted_6$3 = { class: "modal-footer" };
-const _hoisted_7$2 = /* @__PURE__ */ createTextVNode("Modal footer! ");
-const _hoisted_8$2 = /* @__PURE__ */ createElementVNode("button", { class: "btn btn-primary" }, "Button right", -1);
+const _hoisted_2$a = { class: "modal-footer" };
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dh_icon = resolveComponent("dh-icon");
   const _component_sidebar = resolveComponent("sidebar");
@@ -11183,38 +11194,26 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
             class: "modal-sidebar"
           }, {
             default: withCtx(() => [
-              renderSlot(_ctx.$slots, "sidebar", {}, () => [
-                _hoisted_1$b
-              ]),
-              renderSlot(_ctx.$slots, "sidebar-button-bottom", {}, () => [
-                _hoisted_2$a
-              ])
+              renderSlot(_ctx.$slots, "sidebar"),
+              _ctx.hasSideBarButtonBottom ? renderSlot(_ctx.$slots, "sidebar-button-bottom", { key: 0 }) : createCommentVNode("", true)
             ]),
             _: 3
           })) : createCommentVNode("", true),
           createElementVNode("section", {
             class: normalizeClass(`right-section ${_ctx.hasSideBar ? "" : "full"}`)
           }, [
-            createElementVNode("header", _hoisted_3$7, [
-              renderSlot(_ctx.$slots, "header", {}, () => [
-                _hoisted_4$5
-              ])
-            ]),
+            _ctx.hasHeader ? (openBlock(), createElementBlock("header", _hoisted_1$b, [
+              renderSlot(_ctx.$slots, "header")
+            ])) : createCommentVNode("", true),
             createElementVNode("section", {
               id: "modalDescription",
               class: normalizeClass(["modal-body", _ctx.bodyClass])
             }, [
-              renderSlot(_ctx.$slots, "body", {}, () => [
-                _hoisted_5$3
-              ])
+              renderSlot(_ctx.$slots, "body")
             ], 2),
-            createElementVNode("footer", _hoisted_6$3, [
-              renderSlot(_ctx.$slots, "footer", {}, () => [
-                _hoisted_7$2
-              ]),
-              renderSlot(_ctx.$slots, "footer-button-right", {}, () => [
-                _hoisted_8$2
-              ])
+            createElementVNode("footer", _hoisted_2$a, [
+              _ctx.hasFooter ? renderSlot(_ctx.$slots, "footer", { key: 0 }) : createCommentVNode("", true),
+              _ctx.hasFooterButtonRight ? renderSlot(_ctx.$slots, "footer-button-right", { key: 1 }) : createCommentVNode("", true)
             ])
           ], 2)
         ], 2)
@@ -24585,10 +24584,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       submit();
     }
     function fillCell(secret) {
-      if (secret.length !== 6) {
+      const secretCode = secret.replace(/\D/g, "");
+      if (secretCode.length !== 6) {
         return;
       }
-      const [secret_1, secret_2, secret_3, secret_4, secret_5, secret_6] = secret.split("");
+      const [secret_1, secret_2, secret_3, secret_4, secret_5, secret_6] = secretCode.split("");
       if (txtInput1.value)
         txtInput1.value.value = secret_1;
       if (txtInput2.value)
@@ -24621,6 +24621,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           autofocus: "",
           class: "form-input input-1",
           "data-e2e": "input-1",
+          inputmode: "numeric",
           maxlength: "1",
           placeholder: "_",
           type: "text",
@@ -24637,6 +24638,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           ref: txtInput2,
           class: "form-input",
           "data-e2e": "input-2",
+          inputmode: "numeric",
           maxlength: "1",
           placeholder: "_",
           type: "text",
@@ -24653,6 +24655,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           ref: txtInput3,
           class: "form-input",
           "data-e2e": "input-3",
+          inputmode: "numeric",
           maxlength: "1",
           placeholder: "_",
           type: "text",
@@ -24669,6 +24672,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           ref: txtInput4,
           class: "form-input",
           "data-e2e": "input-4",
+          inputmode: "numeric",
           maxlength: "1",
           placeholder: "_",
           type: "text",
@@ -24685,6 +24689,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           ref: txtInput5,
           class: "form-input",
           "data-e2e": "input-5",
+          inputmode: "numeric",
           maxlength: "1",
           placeholder: "_",
           type: "text",
@@ -24701,6 +24706,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           ref: txtInput6,
           class: "form-input",
           "data-e2e": "input-6",
+          inputmode: "numeric",
           maxlength: "1",
           placeholder: "_",
           type: "text",
@@ -24716,7 +24722,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var VerificationCode = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-36ebd64c"]]);
+var VerificationCode = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-7d5513ee"]]);
 const _sfc_main = defineComponent({
   components: { DhIcon },
   props: {