@deskhero/dh_ui 1.19.0 → 1.19.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/dh_ui.es.js +175 -149
- package/dist/dh_ui.umd.js +5 -5
- package/dist/src/index.d.ts +2 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/dh_ui.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, resolveComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createVNode, createCommentVNode, normalizeClass, createBlock, Transition, withCtx, withModifiers, renderSlot, shallowRef, ref, watch, onMounted, onBeforeUnmount, toRaw, h, isProxy, normalizeStyle,
|
|
1
|
+
import { defineComponent, resolveComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createVNode, createCommentVNode, unref, Fragment, renderList, normalizeClass, createBlock, Transition, withCtx, withModifiers, renderSlot, shallowRef, ref, watch, onMounted, onBeforeUnmount, toRaw, h, isProxy, normalizeStyle, withDirectives, vModelDynamic, vModelText, pushScopeId, popScopeId, vModelCheckbox } from "vue";
|
|
2
2
|
var main = "";
|
|
3
3
|
var _export_sfc = (sfc, props) => {
|
|
4
4
|
const target = sfc.__vccOpts || sfc;
|
|
@@ -7,7 +7,7 @@ var _export_sfc = (sfc, props) => {
|
|
|
7
7
|
}
|
|
8
8
|
return target;
|
|
9
9
|
};
|
|
10
|
-
const _sfc_main$
|
|
10
|
+
const _sfc_main$b = defineComponent({
|
|
11
11
|
components: { DhIcon },
|
|
12
12
|
props: {
|
|
13
13
|
mainText: {
|
|
@@ -68,7 +68,7 @@ const _sfc_main$a = defineComponent({
|
|
|
68
68
|
}
|
|
69
69
|
}
|
|
70
70
|
});
|
|
71
|
-
const _hoisted_1$
|
|
71
|
+
const _hoisted_1$b = { class: "dh-advanced-filter-container" };
|
|
72
72
|
const _hoisted_2$9 = { class: "advance_section" };
|
|
73
73
|
const _hoisted_3$8 = {
|
|
74
74
|
key: 0,
|
|
@@ -79,7 +79,7 @@ const _hoisted_5$5 = ["checked"];
|
|
|
79
79
|
const _hoisted_6$5 = ["checked"];
|
|
80
80
|
function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
|
|
81
81
|
const _component_dh_icon = resolveComponent("dh-icon");
|
|
82
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
82
|
+
return openBlock(), createElementBlock("div", _hoisted_1$b, [
|
|
83
83
|
createElementVNode("div", _hoisted_2$9, [
|
|
84
84
|
createElementVNode("span", {
|
|
85
85
|
class: "toggle-icon",
|
|
@@ -126,7 +126,33 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
126
126
|
])
|
|
127
127
|
]);
|
|
128
128
|
}
|
|
129
|
-
var AdvancedFilter = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
129
|
+
var AdvancedFilter = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$7]]);
|
|
130
|
+
var Error_vue_vue_type_style_index_0_lang = "";
|
|
131
|
+
const _hoisted_1$a = {
|
|
132
|
+
key: 0,
|
|
133
|
+
class: "invalid-feedback"
|
|
134
|
+
};
|
|
135
|
+
const _sfc_main$a = /* @__PURE__ */ defineComponent({
|
|
136
|
+
__name: "Error",
|
|
137
|
+
props: {
|
|
138
|
+
errors: {
|
|
139
|
+
type: Object,
|
|
140
|
+
required: false,
|
|
141
|
+
default: void 0
|
|
142
|
+
}
|
|
143
|
+
},
|
|
144
|
+
setup(__props) {
|
|
145
|
+
const props = __props;
|
|
146
|
+
return (_ctx, _cache) => {
|
|
147
|
+
var _a;
|
|
148
|
+
return unref(props).errors && ((_a = unref(props).errors) == null ? void 0 : _a.length) > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
|
|
149
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.errors, (error) => {
|
|
150
|
+
return openBlock(), createElementBlock("span", { key: error }, toDisplayString(error), 1);
|
|
151
|
+
}), 128))
|
|
152
|
+
])) : createCommentVNode("", true);
|
|
153
|
+
};
|
|
154
|
+
}
|
|
155
|
+
});
|
|
130
156
|
var __glob_1_0$1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDIxIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjk4NzgxMyA5QzAuOTIzODEzIDkgMC44Njc4MTMgOC45NzYgMC44MTk4MTMgOC45MjhDMC43NzE4MTMgOC44OCAwLjc0NzgxMyA4LjgyNCAwLjc0NzgxMyA4Ljc2QzAuNzQ3ODEzIDguNjk2IDAuNzUxODEzIDguNjUyIDAuNzU5ODEzIDguNjI4TDMuNzM1ODEgMC44NjRDMy43OTk4MSAwLjY4Nzk5OSAzLjkyNzgxIDAuNTk5OTk5IDQuMTE5ODEgMC41OTk5OTlINC45MzU4MUM1LjEyNzgxIDAuNTk5OTk5IDUuMjU1ODEgMC42ODc5OTkgNS4zMTk4MSAwLjg2NEw4LjI4MzgxIDguNjI4TDguMzA3ODEgOC43NkM4LjMwNzgxIDguODI0IDguMjgzODEgOC44OCA4LjIzNTgxIDguOTI4QzguMTg3ODEgOC45NzYgOC4xMzE4MSA5IDguMDY3ODEgOUg3LjQ1NTgxQzcuMzY3ODEgOSA3LjI5OTgxIDguOTggNy4yNTE4MSA4Ljk0QzcuMjAzODEgOC44OTIgNy4xNzE4MSA4Ljg0NCA3LjE1NTgxIDguNzk2TDYuNDk1ODEgNy4wOTJIMi41NTk4MUwxLjg5OTgxIDguNzk2QzEuODgzODEgOC44NDQgMS44NDc4MSA4Ljg5MiAxLjc5MTgxIDguOTRDMS43NDM4MSA4Ljk4IDEuNjc5ODEgOSAxLjU5OTgxIDlIMC45ODc4MTNaTTYuMTQ3ODEgNi4wNkw0LjUyNzgxIDEuOEwyLjkwNzgxIDYuMDZINi4xNDc4MVpNOS4zNjk2MyA1LjkwNEM5LjI4OTYzIDUuOTA0IDkuMjIxNjMgNS44OCA5LjE2NTYzIDUuODMyQzkuMTE3NjMgNS43NzYgOS4wOTM2MyA1LjcwOCA5LjA5MzYzIDUuNjI4VjUuMTcyQzkuMDkzNjMgNS4wOTIgOS4xMTc2MyA1LjAyOCA5LjE2NTYzIDQuOThDOS4yMjE2MyA0LjkyNCA5LjI4OTYzIDQuODk2IDkuMzY5NjMgNC44OTZIMTIuOTY5NkMxMy4wNDk2IDQuODk2IDEzLjExMzYgNC45MjQgMTMuMTYxNiA0Ljk4QzEzLjIxNzYgNS4wMjggMTMuMjQ1NiA1LjA5MiAxMy4yNDU2IDUuMTcyVjUuNjI4QzEzLjI0NTYgNS43MDggMTMuMjE3NiA1Ljc3NiAxMy4xNjE2IDUuODMyQzEzLjExMzYgNS44OCAxMy4wNDk2IDUuOTA0IDEyLjk2OTYgNS45MDRIOS4zNjk2M1pNMTQuMzUzOSA5QzE0LjI3MzkgOSAxNC4yMDU5IDguOTc2IDE0LjE0OTkgOC45MjhDMTQuMTAxOSA4Ljg3MiAxNC4wNzc5IDguOCAxNC4wNzc5IDguNzEyVjguMTk2QzE0LjA3NzkgOC4wOTIgMTQuMDkzOSA4LjAwOCAxNC4xMjU5IDcuOTQ0QzE0LjE2NTkgNy44OCAxNC4yMDk5IDcuODE2IDE0LjI1NzkgNy43NTJMMTguNzIxOSAxLjY0NEgxNC40NjE5QzE0LjM4MTkgMS42NDQgMTQuMzEzOSAxLjYyIDE0LjI1NzkgMS41NzJDMTQuMjA5OSAxLjUxNiAxNC4xODU5IDEuNDQ4IDE0LjE4NTkgMS4zNjhWMC44ODc5OTlDMTQuMTg1OSAwLjc5OTk5OSAxNC4yMDk5IDAuNzMyIDE0LjI1NzkgMC42ODRDMTQuMzEzOSAwLjYyOCAxNC4zODE5IDAuNTk5OTk5IDE0LjQ2MTkgMC41OTk5OTlIMTkuODk3OUMxOS45ODU5IDAuNTk5OTk5IDIwLjA1MzkgMC42MjggMjAuMTAxOSAwLjY4NEMyMC4xNTc5IDAuNzMyIDIwLjE4NTkgMC43OTk5OTkgMjAuMTg1OSAwLjg4Nzk5OVYxLjQwNEMyMC4xODU5IDEuNDkyIDIwLjE2OTkgMS41NjQgMjAuMTM3OSAxLjYyQzIwLjExMzkgMS42NzYgMjAuMDc3OSAxLjc0NCAyMC4wMjk5IDEuODI0TDE1LjYwMTkgNy45NTZIMjAuMDE3OUMyMC4xMDU5IDcuOTU2IDIwLjE3MzkgNy45ODQgMjAuMjIxOSA4LjA0QzIwLjI3NzkgOC4wODggMjAuMzA1OSA4LjE1NiAyMC4zMDU5IDguMjQ0VjguNzI0QzIwLjMwNTkgOC44MDQgMjAuMjc3OSA4Ljg3MiAyMC4yMjE5IDguOTI4QzIwLjE3MzkgOC45NzYgMjAuMTA1OSA5IDIwLjAxNzkgOUgxNC4zNTM5WiIgZmlsbD0iIzgyODI4MiIvPgo8L3N2Zz4K";
|
|
131
157
|
var __glob_1_1$1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS40MjcxIDYuMjUyODlDMTkuODE3NiA2LjY0MzQxIDE5LjgxNzYgNy4yNzY1OCAxOS40MjcxIDcuNjY3MUwxMC4xODcgMTYuOTA3MUM5Ljk5OTUxIDE3LjA5NDcgOS43NDUxNSAxNy4yIDkuNDc5OTMgMTcuMkM5LjIxNDcyIDE3LjIgOC45NjAzNiAxNy4wOTQ3IDguNzcyODMgMTYuOTA3MUw0LjU3MjgzIDEyLjcwNzFDNC4xODIzMSAxMi4zMTY2IDQuMTgyMzEgMTEuNjgzNCA0LjU3MjgzIDExLjI5MjlDNC45NjMzNSAxMC45MDI0IDUuNTk2NTIgMTAuOTAyNCA1Ljk4NzA0IDExLjI5MjlMOS40Nzk5MyAxNC43ODU3TDE4LjAxMjggNi4yNTI4OUMxOC40MDMzIDUuODYyMzcgMTkuMDM2NSA1Ljg2MjM3IDE5LjQyNzEgNi4yNTI4OVoiIGZpbGw9IiMxRDgyNDUiLz4KPC9zdmc+Cg==";
|
|
132
158
|
var __glob_1_2$1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE3LjA1NiAxMi45NTdhLjkyNS45MjUgMCAwIDAtLjc1OC0uNDI1Ljg3Ny44NzcgMCAwIDAtLjc1OC40MjVjLS40OTkuODMyLTIuMTA3IDMuNjA0LTIuMTA3IDQuODYxYTIuODg3IDIuODg3IDAgMCAwIDIuODg0IDIuODg0IDIuODg3IDIuODg3IDAgMCAwIDIuODgzLTIuODg0Yy0uMDM3LTEuMjU3LTEuNjQ1LTQuMDQ3LTIuMTQ0LTQuODZ6bS0uNzU4IDYuNjkxQTEuODU0IDEuODU0IDAgMCAxIDE0LjQ1IDE3LjhjMC0uODg3IDEuNDA1LTMuMzY0IDEuODQ4LTQuMTAzLjQyNS43MzkgMS44NDkgMy4yMTYgMS44NDkgNC4xMDMtLjAxOSAxLjAxNi0uODUgMS44NDgtMS44NDkgMS44NDh6bS0uNjY1LTguMjYyIDEuMTQ2LS4xM2EuOTEuOTEgMCAwIDAgLjc5NC0uNjQ2Ljk0OC45NDggMCAwIDAtLjIyMS0uOTk4bC02LjEzNi02LjE1NWEuNjcuNjcgMCAwIDAtLjk0MyAwbC0uOTk4Ljk5OC0uOTA2LS45MDVhMS40NCAxLjQ0IDAgMCAwLTIuMDUxIDAgMS40NCAxLjQ0IDAgMCAwIDAgMi4wNTFsLjkwNS45MDYtMS42NDUgMS42NDVhMi42OTIgMi42OTIgMCAwIDAtLjczOSAyLjM2NmMuMDkyLjU1NC40MDcgMS4wNTMuODEzIDEuNDZsMi42MjUgMi42MjRjLjQwNi40MDcuOTA1LjcwMyAxLjQ2LjgxM2EyLjU5MiAyLjU5MiAwIDAgMCAyLjM2Ni0uNzM5bDMuMDY4LTMuMDY4YS44My44MyAwIDAgMSAuNDYyLS4yMjJ6TTcuMDM4IDQuOWEuNDU4LjQ1OCAwIDAgMSAwLS42MjguNDU4LjQ1OCAwIDAgMSAuNjI5IDBsLjkwNi45MDUtLjYyOS42MjktLjkwNi0uOTA2em03LjYzNCA1LjYtMy4zNjQgMy4zNjRhMS41MTcgMS41MTcgMCAwIDEtMi4xNDQgMEw2LjQxIDExLjA5MWExLjU1OSAxLjU1OSAwIDAgMS0uNDQ0LTEuMDcyYzAtLjQwNy4xNjctLjc3Ny40NDQtMS4wNzJsMS42NDUtMS42NDUgMS45MDQgMS45MjJhLjkwNC45MDQgMCAwIDAgLjI0LjgxMy45MjYuOTI2IDAgMCAwIDEuMjk0IDAgLjkyNi45MjYgMCAwIDAgMC0xLjI5NC44OS44OSAwIDAgMC0uODEzLS4yNEw4Ljc1NyA2LjU5OWwxLjk5Ny0xLjk5NiA1LjU0NCA1LjU0NS0xLjE4My4xM2EuOTE4LjkxOCAwIDAgMC0uNDQzLjIyMXoiIGZpbGw9IiNCRkJGQkYiLz48L3N2Zz4=";
|
|
@@ -13176,10 +13202,123 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13176
13202
|
]);
|
|
13177
13203
|
}
|
|
13178
13204
|
var NumberRange = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$2]]);
|
|
13179
|
-
var
|
|
13180
|
-
const _hoisted_1$4 = { class: "
|
|
13181
|
-
const _hoisted_2$4 = ["placeholder"];
|
|
13205
|
+
var PasswordField_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
13206
|
+
const _hoisted_1$4 = { class: "password-panel" };
|
|
13207
|
+
const _hoisted_2$4 = ["type", "placeholder"];
|
|
13208
|
+
const _hoisted_3$3 = { class: "icon is-right" };
|
|
13209
|
+
const _hoisted_4 = {
|
|
13210
|
+
key: 0,
|
|
13211
|
+
class: "password-tooltip"
|
|
13212
|
+
};
|
|
13213
|
+
const _hoisted_5 = { class: "active-text" };
|
|
13214
|
+
const _hoisted_6 = { class: "active-text" };
|
|
13215
|
+
const _hoisted_7 = { class: "active-text" };
|
|
13182
13216
|
const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
13217
|
+
__name: "PasswordField",
|
|
13218
|
+
props: {
|
|
13219
|
+
modelValue: String,
|
|
13220
|
+
placeholder: String,
|
|
13221
|
+
tipChars: {
|
|
13222
|
+
type: String,
|
|
13223
|
+
default: "12 Characters"
|
|
13224
|
+
},
|
|
13225
|
+
tipNumbers: {
|
|
13226
|
+
type: String,
|
|
13227
|
+
default: "Numbers"
|
|
13228
|
+
},
|
|
13229
|
+
tipSymbols: {
|
|
13230
|
+
type: String,
|
|
13231
|
+
default: "Symbols"
|
|
13232
|
+
}
|
|
13233
|
+
},
|
|
13234
|
+
emits: ["submit", "clean", "update:modelValue"],
|
|
13235
|
+
setup(__props, { emit }) {
|
|
13236
|
+
const props = __props;
|
|
13237
|
+
const password = ref("");
|
|
13238
|
+
const tooltip = ref(false);
|
|
13239
|
+
const hasMinimumLength = ref(false);
|
|
13240
|
+
const hasNumber = ref(false);
|
|
13241
|
+
const hasSpecial = ref(false);
|
|
13242
|
+
const showPassword = ref(false);
|
|
13243
|
+
const isActive = ref(false);
|
|
13244
|
+
function emitChanged() {
|
|
13245
|
+
emit("submit", password.value);
|
|
13246
|
+
emit("update:modelValue", password.value);
|
|
13247
|
+
}
|
|
13248
|
+
function onFocus() {
|
|
13249
|
+
tooltip.value = true;
|
|
13250
|
+
isActive.value = true;
|
|
13251
|
+
}
|
|
13252
|
+
function outFocus() {
|
|
13253
|
+
tooltip.value = false;
|
|
13254
|
+
isActive.value = false;
|
|
13255
|
+
}
|
|
13256
|
+
function toggleShow() {
|
|
13257
|
+
showPassword.value = !showPassword.value;
|
|
13258
|
+
}
|
|
13259
|
+
onMounted(() => () => password.value = props.modelValue || "");
|
|
13260
|
+
watch(props, () => (password.value = props.modelValue || "", hasMinimumLength.value = password.value.length > 11, hasNumber.value = /\d/.test(password.value), hasSpecial.value = /[!@#\$%\^\&*\)\(+=._-]/.test(password.value)));
|
|
13261
|
+
return (_ctx, _cache) => {
|
|
13262
|
+
return openBlock(), createElementBlock("div", _hoisted_1$4, [
|
|
13263
|
+
withDirectives(createElementVNode("input", {
|
|
13264
|
+
type: showPassword.value ? "text" : "password",
|
|
13265
|
+
class: "form-input password-panel-input",
|
|
13266
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => password.value = $event),
|
|
13267
|
+
"data-e2e": "search-input",
|
|
13268
|
+
placeholder: props.placeholder,
|
|
13269
|
+
onKeyup: emitChanged,
|
|
13270
|
+
onFocus,
|
|
13271
|
+
onFocusout: outFocus
|
|
13272
|
+
}, null, 40, _hoisted_2$4), [
|
|
13273
|
+
[vModelDynamic, password.value]
|
|
13274
|
+
]),
|
|
13275
|
+
createElementVNode("button", {
|
|
13276
|
+
class: "password-panel-button",
|
|
13277
|
+
onClick: toggleShow
|
|
13278
|
+
}, [
|
|
13279
|
+
createElementVNode("span", _hoisted_3$3, [
|
|
13280
|
+
createVNode(DhIcon, {
|
|
13281
|
+
active: isActive.value,
|
|
13282
|
+
"icon-name": showPassword.value ? "invisible" : "visible",
|
|
13283
|
+
size: 20
|
|
13284
|
+
}, null, 8, ["active", "icon-name"])
|
|
13285
|
+
])
|
|
13286
|
+
]),
|
|
13287
|
+
tooltip.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
|
|
13288
|
+
createElementVNode("p", _hoisted_5, [
|
|
13289
|
+
createVNode(DhIcon, {
|
|
13290
|
+
class: "accept-icon",
|
|
13291
|
+
"icon-name": hasMinimumLength.value ? "accept" : "close",
|
|
13292
|
+
size: hasMinimumLength.value ? 10 : 16
|
|
13293
|
+
}, null, 8, ["icon-name", "size"]),
|
|
13294
|
+
createTextVNode(" " + toDisplayString(props.tipChars), 1)
|
|
13295
|
+
]),
|
|
13296
|
+
createElementVNode("p", _hoisted_6, [
|
|
13297
|
+
createVNode(DhIcon, {
|
|
13298
|
+
class: "accept-icon",
|
|
13299
|
+
"icon-name": hasNumber.value ? "accept" : "close",
|
|
13300
|
+
size: hasNumber.value ? 10 : 16
|
|
13301
|
+
}, null, 8, ["icon-name", "size"]),
|
|
13302
|
+
createTextVNode(" " + toDisplayString(props.tipNumbers), 1)
|
|
13303
|
+
]),
|
|
13304
|
+
createElementVNode("p", _hoisted_7, [
|
|
13305
|
+
createVNode(DhIcon, {
|
|
13306
|
+
class: "accept-icon",
|
|
13307
|
+
"icon-name": hasSpecial.value ? "accept" : "close",
|
|
13308
|
+
size: hasSpecial.value ? 10 : 16
|
|
13309
|
+
}, null, 8, ["icon-name", "size"]),
|
|
13310
|
+
createTextVNode(" " + toDisplayString(props.tipSymbols), 1)
|
|
13311
|
+
])
|
|
13312
|
+
])) : createCommentVNode("", true)
|
|
13313
|
+
]);
|
|
13314
|
+
};
|
|
13315
|
+
}
|
|
13316
|
+
});
|
|
13317
|
+
var PasswordField = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-e2840bb4"]]);
|
|
13318
|
+
var SearchInput_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
13319
|
+
const _hoisted_1$3 = { class: "search-panel" };
|
|
13320
|
+
const _hoisted_2$3 = ["placeholder"];
|
|
13321
|
+
const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
13183
13322
|
__name: "SearchInput",
|
|
13184
13323
|
props: {
|
|
13185
13324
|
modelValue: String,
|
|
@@ -13201,14 +13340,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
13201
13340
|
onMounted(() => () => search.value = props.modelValue || "");
|
|
13202
13341
|
watch(props, () => search.value = props.modelValue || "");
|
|
13203
13342
|
return (_ctx, _cache) => {
|
|
13204
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
13343
|
+
return openBlock(), createElementBlock("div", _hoisted_1$3, [
|
|
13205
13344
|
withDirectives(createElementVNode("input", {
|
|
13206
13345
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
|
|
13207
13346
|
class: "form-input search-panel-input",
|
|
13208
13347
|
"data-e2e": "search-input",
|
|
13209
13348
|
placeholder: props.placeholder,
|
|
13210
13349
|
onKeyup: emitChanged
|
|
13211
|
-
}, null, 40, _hoisted_2$
|
|
13350
|
+
}, null, 40, _hoisted_2$3), [
|
|
13212
13351
|
[vModelText, search.value]
|
|
13213
13352
|
]),
|
|
13214
13353
|
!search.value ? (openBlock(), createElementBlock("button", {
|
|
@@ -13239,13 +13378,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
13239
13378
|
};
|
|
13240
13379
|
}
|
|
13241
13380
|
});
|
|
13242
|
-
var SearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
13381
|
+
var SearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-f97055f4"]]);
|
|
13243
13382
|
var Stepper_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
13244
13383
|
const _withScopeId = (n) => (pushScopeId("data-v-cb51b2ba"), n = n(), popScopeId(), n);
|
|
13245
|
-
const _hoisted_1$
|
|
13246
|
-
const _hoisted_2$
|
|
13247
|
-
const _hoisted_3$
|
|
13248
|
-
const _sfc_main$
|
|
13384
|
+
const _hoisted_1$2 = { class: "stepper" };
|
|
13385
|
+
const _hoisted_2$2 = { class: "step" };
|
|
13386
|
+
const _hoisted_3$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("hr", { class: "solid" }, null, -1));
|
|
13387
|
+
const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
13249
13388
|
__name: "Stepper",
|
|
13250
13389
|
props: {
|
|
13251
13390
|
maxSteps: Number,
|
|
@@ -13257,21 +13396,21 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
13257
13396
|
return Array.from(Array(props.maxSteps || 0).keys());
|
|
13258
13397
|
}
|
|
13259
13398
|
return (_ctx, _cache) => {
|
|
13260
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
13399
|
+
return openBlock(), createElementBlock("div", _hoisted_1$2, [
|
|
13261
13400
|
(openBlock(true), createElementBlock(Fragment, null, renderList(getSteps(), (step) => {
|
|
13262
|
-
return openBlock(), createElementBlock("div", _hoisted_2$
|
|
13401
|
+
return openBlock(), createElementBlock("div", _hoisted_2$2, [
|
|
13263
13402
|
createElementVNode("span", {
|
|
13264
13403
|
class: normalizeClass(["step-number", { active: step === __props.currentStep }])
|
|
13265
13404
|
}, toDisplayString(step + 1), 3),
|
|
13266
|
-
_hoisted_3$
|
|
13405
|
+
_hoisted_3$2
|
|
13267
13406
|
]);
|
|
13268
13407
|
}), 256))
|
|
13269
13408
|
]);
|
|
13270
13409
|
};
|
|
13271
13410
|
}
|
|
13272
13411
|
});
|
|
13273
|
-
var Stepper = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
13274
|
-
const _sfc_main$
|
|
13412
|
+
var Stepper = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-cb51b2ba"]]);
|
|
13413
|
+
const _sfc_main$1 = defineComponent({
|
|
13275
13414
|
props: {
|
|
13276
13415
|
data: {
|
|
13277
13416
|
type: Boolean,
|
|
@@ -13301,13 +13440,13 @@ const _sfc_main$2 = defineComponent({
|
|
|
13301
13440
|
}
|
|
13302
13441
|
}
|
|
13303
13442
|
});
|
|
13304
|
-
const _hoisted_1$
|
|
13305
|
-
const _hoisted_2$
|
|
13306
|
-
const _hoisted_3$
|
|
13443
|
+
const _hoisted_1$1 = { class: "dp__options" };
|
|
13444
|
+
const _hoisted_2$1 = { class: "dp__options_switch" };
|
|
13445
|
+
const _hoisted_3$1 = /* @__PURE__ */ createElementVNode("span", { class: "dp__options_slider" }, null, -1);
|
|
13307
13446
|
function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
13308
|
-
return openBlock(), createElementBlock("div", _hoisted_1$
|
|
13447
|
+
return openBlock(), createElementBlock("div", _hoisted_1$1, [
|
|
13309
13448
|
createElementVNode("span", null, toDisplayString(_ctx.label), 1),
|
|
13310
|
-
createElementVNode("label", _hoisted_2$
|
|
13449
|
+
createElementVNode("label", _hoisted_2$1, [
|
|
13311
13450
|
withDirectives(createElementVNode("input", {
|
|
13312
13451
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.checkedValue = $event),
|
|
13313
13452
|
name: "switch",
|
|
@@ -13315,12 +13454,12 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13315
13454
|
}, null, 512), [
|
|
13316
13455
|
[vModelCheckbox, _ctx.checkedValue]
|
|
13317
13456
|
]),
|
|
13318
|
-
_hoisted_3$
|
|
13457
|
+
_hoisted_3$1
|
|
13319
13458
|
])
|
|
13320
13459
|
]);
|
|
13321
13460
|
}
|
|
13322
|
-
var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$
|
|
13323
|
-
const _sfc_main
|
|
13461
|
+
var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
|
|
13462
|
+
const _sfc_main = defineComponent({
|
|
13324
13463
|
props: {
|
|
13325
13464
|
target: { type: String, required: true },
|
|
13326
13465
|
trigger: { type: String, required: true },
|
|
@@ -13349,9 +13488,9 @@ const _sfc_main$1 = defineComponent({
|
|
|
13349
13488
|
}
|
|
13350
13489
|
}
|
|
13351
13490
|
});
|
|
13352
|
-
const _hoisted_1
|
|
13353
|
-
const _hoisted_2
|
|
13354
|
-
const _hoisted_3
|
|
13491
|
+
const _hoisted_1 = ["placement", "target", "tooltipText", "trigger"];
|
|
13492
|
+
const _hoisted_2 = ["id"];
|
|
13493
|
+
const _hoisted_3 = { class: "text" };
|
|
13355
13494
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
13356
13495
|
return openBlock(), createElementBlock("div", {
|
|
13357
13496
|
id: "main-contain",
|
|
@@ -13370,122 +13509,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13370
13509
|
ref: _ctx.target,
|
|
13371
13510
|
class: normalizeClass(`tooltiptext ${_ctx.show}`)
|
|
13372
13511
|
}, [
|
|
13373
|
-
createElementVNode("span", _hoisted_3
|
|
13374
|
-
], 10, _hoisted_2
|
|
13375
|
-
], 40, _hoisted_1
|
|
13512
|
+
createElementVNode("span", _hoisted_3, toDisplayString(_ctx.tooltipText), 1)
|
|
13513
|
+
], 10, _hoisted_2)
|
|
13514
|
+
], 40, _hoisted_1);
|
|
13376
13515
|
}
|
|
13377
|
-
var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main
|
|
13378
|
-
|
|
13379
|
-
const _hoisted_1 = { class: "password-panel" };
|
|
13380
|
-
const _hoisted_2 = ["type", "placeholder"];
|
|
13381
|
-
const _hoisted_3 = { class: "icon is-right" };
|
|
13382
|
-
const _hoisted_4 = {
|
|
13383
|
-
key: 0,
|
|
13384
|
-
class: "password-tooltip"
|
|
13385
|
-
};
|
|
13386
|
-
const _hoisted_5 = { class: "active-text" };
|
|
13387
|
-
const _hoisted_6 = { class: "active-text" };
|
|
13388
|
-
const _hoisted_7 = { class: "active-text" };
|
|
13389
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
13390
|
-
__name: "PasswordField",
|
|
13391
|
-
props: {
|
|
13392
|
-
modelValue: String,
|
|
13393
|
-
placeholder: String,
|
|
13394
|
-
tipChars: {
|
|
13395
|
-
type: String,
|
|
13396
|
-
default: "12 Characters"
|
|
13397
|
-
},
|
|
13398
|
-
tipNumbers: {
|
|
13399
|
-
type: String,
|
|
13400
|
-
default: "Numbers"
|
|
13401
|
-
},
|
|
13402
|
-
tipSymbols: {
|
|
13403
|
-
type: String,
|
|
13404
|
-
default: "Symbols"
|
|
13405
|
-
}
|
|
13406
|
-
},
|
|
13407
|
-
emits: ["submit", "clean", "update:modelValue"],
|
|
13408
|
-
setup(__props, { emit }) {
|
|
13409
|
-
const props = __props;
|
|
13410
|
-
const password = ref("");
|
|
13411
|
-
const tooltip = ref(false);
|
|
13412
|
-
const hasMinimumLength = ref(false);
|
|
13413
|
-
const hasNumber = ref(false);
|
|
13414
|
-
const hasSpecial = ref(false);
|
|
13415
|
-
const showPassword = ref(false);
|
|
13416
|
-
const isActive = ref(false);
|
|
13417
|
-
function emitChanged() {
|
|
13418
|
-
emit("submit", password.value);
|
|
13419
|
-
emit("update:modelValue", password.value);
|
|
13420
|
-
}
|
|
13421
|
-
function onFocus() {
|
|
13422
|
-
tooltip.value = true;
|
|
13423
|
-
isActive.value = true;
|
|
13424
|
-
}
|
|
13425
|
-
function outFocus() {
|
|
13426
|
-
tooltip.value = false;
|
|
13427
|
-
isActive.value = false;
|
|
13428
|
-
}
|
|
13429
|
-
function toggleShow() {
|
|
13430
|
-
showPassword.value = !showPassword.value;
|
|
13431
|
-
}
|
|
13432
|
-
onMounted(() => () => password.value = props.modelValue || "");
|
|
13433
|
-
watch(props, () => (password.value = props.modelValue || "", hasMinimumLength.value = password.value.length > 11, hasNumber.value = /\d/.test(password.value), hasSpecial.value = /[!@#\$%\^\&*\)\(+=._-]/.test(password.value)));
|
|
13434
|
-
return (_ctx, _cache) => {
|
|
13435
|
-
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
13436
|
-
withDirectives(createElementVNode("input", {
|
|
13437
|
-
type: showPassword.value ? "text" : "password",
|
|
13438
|
-
class: "form-input password-panel-input",
|
|
13439
|
-
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => password.value = $event),
|
|
13440
|
-
"data-e2e": "search-input",
|
|
13441
|
-
placeholder: props.placeholder,
|
|
13442
|
-
onKeyup: emitChanged,
|
|
13443
|
-
onFocus,
|
|
13444
|
-
onFocusout: outFocus
|
|
13445
|
-
}, null, 40, _hoisted_2), [
|
|
13446
|
-
[vModelDynamic, password.value]
|
|
13447
|
-
]),
|
|
13448
|
-
createElementVNode("button", {
|
|
13449
|
-
class: "password-panel-button",
|
|
13450
|
-
onClick: toggleShow
|
|
13451
|
-
}, [
|
|
13452
|
-
createElementVNode("span", _hoisted_3, [
|
|
13453
|
-
createVNode(DhIcon, {
|
|
13454
|
-
active: isActive.value,
|
|
13455
|
-
"icon-name": showPassword.value ? "invisible" : "visible",
|
|
13456
|
-
size: 20
|
|
13457
|
-
}, null, 8, ["active", "icon-name"])
|
|
13458
|
-
])
|
|
13459
|
-
]),
|
|
13460
|
-
tooltip.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
|
|
13461
|
-
createElementVNode("p", _hoisted_5, [
|
|
13462
|
-
createVNode(DhIcon, {
|
|
13463
|
-
class: "accept-icon",
|
|
13464
|
-
"icon-name": hasMinimumLength.value ? "accept" : "close",
|
|
13465
|
-
size: hasMinimumLength.value ? 10 : 16
|
|
13466
|
-
}, null, 8, ["icon-name", "size"]),
|
|
13467
|
-
createTextVNode(" " + toDisplayString(props.tipChars), 1)
|
|
13468
|
-
]),
|
|
13469
|
-
createElementVNode("p", _hoisted_6, [
|
|
13470
|
-
createVNode(DhIcon, {
|
|
13471
|
-
class: "accept-icon",
|
|
13472
|
-
"icon-name": hasNumber.value ? "accept" : "close",
|
|
13473
|
-
size: hasNumber.value ? 10 : 16
|
|
13474
|
-
}, null, 8, ["icon-name", "size"]),
|
|
13475
|
-
createTextVNode(" " + toDisplayString(props.tipNumbers), 1)
|
|
13476
|
-
]),
|
|
13477
|
-
createElementVNode("p", _hoisted_7, [
|
|
13478
|
-
createVNode(DhIcon, {
|
|
13479
|
-
class: "accept-icon",
|
|
13480
|
-
"icon-name": hasSpecial.value ? "accept" : "close",
|
|
13481
|
-
size: hasSpecial.value ? 10 : 16
|
|
13482
|
-
}, null, 8, ["icon-name", "size"]),
|
|
13483
|
-
createTextVNode(" " + toDisplayString(props.tipSymbols), 1)
|
|
13484
|
-
])
|
|
13485
|
-
])) : createCommentVNode("", true)
|
|
13486
|
-
]);
|
|
13487
|
-
};
|
|
13488
|
-
}
|
|
13489
|
-
});
|
|
13490
|
-
var PasswordField = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e2840bb4"]]);
|
|
13491
|
-
export { AdvancedFilter as DhAdvancedFilter, DhIcon, Modal as DhModal, Notification as DhNotification, NumberRange as DhNumberRange, PasswordField as DhPasswordField, SearchInput as DhSearchInput, Stepper as DhStepper, Switch as DhSwitch, Tooltip as DhTooltip };
|
|
13516
|
+
var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
13517
|
+
export { AdvancedFilter as DhAdvancedFilter, _sfc_main$a as DhError, DhIcon, Modal as DhModal, Notification as DhNotification, NumberRange as DhNumberRange, PasswordField as DhPasswordField, SearchInput as DhSearchInput, Stepper as DhStepper, Switch as DhSwitch, Tooltip as DhTooltip };
|