@deskhero/dh_ui 2.1.0 → 2.2.0
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 +22 -15
- package/dist/dh_ui.umd.js +1 -1
- package/dist/src/components/InputGroup.vue.d.ts +6 -0
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/dh_ui.es.js
CHANGED
|
@@ -25172,7 +25172,8 @@ const _sfc_main$b = {
|
|
|
25172
25172
|
},
|
|
25173
25173
|
inputType: {
|
|
25174
25174
|
type: String,
|
|
25175
|
-
default: "text"
|
|
25175
|
+
default: "text",
|
|
25176
|
+
required: true
|
|
25176
25177
|
},
|
|
25177
25178
|
iconName: {
|
|
25178
25179
|
type: String,
|
|
@@ -25186,32 +25187,37 @@ const _sfc_main$b = {
|
|
|
25186
25187
|
},
|
|
25187
25188
|
widthProp: {
|
|
25188
25189
|
type: String,
|
|
25189
|
-
default: "200px"
|
|
25190
|
+
default: "200px",
|
|
25191
|
+
required: false
|
|
25190
25192
|
},
|
|
25191
25193
|
heightProp: {
|
|
25192
25194
|
type: String,
|
|
25193
|
-
default: "30px"
|
|
25195
|
+
default: "30px",
|
|
25196
|
+
required: false
|
|
25194
25197
|
},
|
|
25195
25198
|
direction: {
|
|
25196
25199
|
type: String,
|
|
25197
|
-
default: "right"
|
|
25200
|
+
default: "right",
|
|
25201
|
+
required: false
|
|
25198
25202
|
},
|
|
25199
25203
|
placeholder: {
|
|
25200
25204
|
type: String,
|
|
25201
|
-
default: "type here"
|
|
25205
|
+
default: "type here",
|
|
25206
|
+
required: false
|
|
25202
25207
|
},
|
|
25203
25208
|
e2e: {
|
|
25204
25209
|
type: String,
|
|
25205
|
-
default: ""
|
|
25210
|
+
default: "",
|
|
25211
|
+
required: false
|
|
25206
25212
|
}
|
|
25207
25213
|
},
|
|
25208
25214
|
emits: ["update:modelValue"],
|
|
25209
25215
|
setup(__props) {
|
|
25210
25216
|
const props = __props;
|
|
25211
25217
|
useCssVars((_ctx) => ({
|
|
25212
|
-
"
|
|
25213
|
-
"
|
|
25214
|
-
"
|
|
25218
|
+
"7e4306ae": flexDir.value,
|
|
25219
|
+
"60ba4ca3": __props.widthProp,
|
|
25220
|
+
"6ed0ae10": __props.heightProp
|
|
25215
25221
|
}));
|
|
25216
25222
|
const flexDir = ref("row");
|
|
25217
25223
|
onMounted(() => {
|
|
@@ -25234,12 +25240,12 @@ const _sfc_main$b = {
|
|
|
25234
25240
|
value: __props.modelValue,
|
|
25235
25241
|
onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event.target.value))
|
|
25236
25242
|
}, null, 40, _hoisted_1$b),
|
|
25237
|
-
__props.direction == "left" ? (openBlock(), createBlock(DhIcon, {
|
|
25243
|
+
__props.direction == "left" && __props.iconName ? (openBlock(), createBlock(DhIcon, {
|
|
25238
25244
|
key: 0,
|
|
25239
25245
|
class: "text__area_icon text__area_icon--left",
|
|
25240
25246
|
"icon-name": __props.iconName
|
|
25241
25247
|
}, null, 8, ["icon-name"])) : createCommentVNode("", true),
|
|
25242
|
-
__props.direction == "right" ? (openBlock(), createBlock(DhIcon, {
|
|
25248
|
+
__props.direction == "right" && __props.iconName ? (openBlock(), createBlock(DhIcon, {
|
|
25243
25249
|
key: 1,
|
|
25244
25250
|
class: "text__area_icon text__area_icon--right",
|
|
25245
25251
|
"icon-name": __props.iconName
|
|
@@ -25256,7 +25262,7 @@ const _sfc_main$b = {
|
|
|
25256
25262
|
createElementVNode("span", {
|
|
25257
25263
|
class: normalizeClass(["form-span", __props.direction == "left" ? "form-span--left" : "form-span--right"])
|
|
25258
25264
|
}, toDisplayString(__props.sideContent), 3)
|
|
25259
|
-
])) : (openBlock(), createElementBlock("div", _hoisted_4$7, [
|
|
25265
|
+
])) : __props.inputType !== "multi-line" ? (openBlock(), createElementBlock("div", _hoisted_4$7, [
|
|
25260
25266
|
createElementVNode("input", {
|
|
25261
25267
|
class: "input__group_field",
|
|
25262
25268
|
"data-e2e": __props.e2e,
|
|
@@ -25265,11 +25271,12 @@ const _sfc_main$b = {
|
|
|
25265
25271
|
value: __props.modelValue,
|
|
25266
25272
|
onInput: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:modelValue", $event.target.value))
|
|
25267
25273
|
}, null, 40, _hoisted_5$3),
|
|
25268
|
-
|
|
25274
|
+
__props.iconName ? (openBlock(), createBlock(DhIcon, {
|
|
25275
|
+
key: 0,
|
|
25269
25276
|
class: "input__group_icon",
|
|
25270
25277
|
"icon-name": __props.iconName
|
|
25271
|
-
}, null, 8, ["icon-name"])
|
|
25272
|
-
]))
|
|
25278
|
+
}, null, 8, ["icon-name"])) : createCommentVNode("", true)
|
|
25279
|
+
])) : createCommentVNode("", true)
|
|
25273
25280
|
], 64);
|
|
25274
25281
|
};
|
|
25275
25282
|
}
|