@qikdev/vue-ui 0.2.5 → 0.2.6
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/lib.es.js +32 -39
- package/dist/lib.es.js.map +1 -1
- package/dist/lib.umd.js +3 -3
- package/dist/lib.umd.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/lib.es.js
CHANGED
|
@@ -32,7 +32,7 @@ var __objRest = (source, exclude) => {
|
|
|
32
32
|
};
|
|
33
33
|
import { openBlock, createElementBlock, renderSlot, resolveComponent, createBlock, withCtx, createVNode, Fragment, renderList, normalizeClass, toDisplayString, withDirectives, resolveDynamicComponent, vShow, withModifiers, createTextVNode, createCommentVNode, createElementVNode, mergeProps, toHandlers, pushScopeId, popScopeId, normalizeStyle, Teleport, vModelText, vModelSelect, withKeys, TransitionGroup, defineComponent, h, nextTick, vModelDynamic, vModelCheckbox, reactive, watch } from "vue";
|
|
34
34
|
import { EventDispatcher } from "@qikdev/sdk";
|
|
35
|
-
const version$1 = "0.2.
|
|
35
|
+
const version$1 = "0.2.6";
|
|
36
36
|
var flexColumn_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
37
37
|
var _export_sfc = (sfc, props2) => {
|
|
38
38
|
const target = sfc.__vccOpts || sfc;
|
|
@@ -7112,7 +7112,7 @@ const _hoisted_8$7 = { class: "ux-text-wrap" };
|
|
|
7112
7112
|
const _hoisted_9$6 = ["placeholder", "onUpdate:modelValue"];
|
|
7113
7113
|
const _hoisted_10$5 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("option", { value: "" }, "None", -1));
|
|
7114
7114
|
const _hoisted_11$4 = ["value"];
|
|
7115
|
-
const _hoisted_12$
|
|
7115
|
+
const _hoisted_12$3 = { class: "ux-text-wrap" };
|
|
7116
7116
|
const _hoisted_13$3 = ["placeholder"];
|
|
7117
7117
|
function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
|
|
7118
7118
|
const _component_ux_button = resolveComponent("ux-button");
|
|
@@ -7240,7 +7240,7 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
7240
7240
|
}),
|
|
7241
7241
|
createVNode(_component_flex_cell, null, {
|
|
7242
7242
|
default: withCtx(() => [
|
|
7243
|
-
createElementVNode("div", _hoisted_12$
|
|
7243
|
+
createElementVNode("div", _hoisted_12$3, [
|
|
7244
7244
|
withDirectives(createElementVNode("input", {
|
|
7245
7245
|
class: "ux-field-focus ux-text-input-multiple",
|
|
7246
7246
|
placeholder: $options.actualPlaceholder,
|
|
@@ -11397,7 +11397,7 @@ const _hoisted_11$3 = {
|
|
|
11397
11397
|
key: 0,
|
|
11398
11398
|
class: "ux-text-prefix"
|
|
11399
11399
|
};
|
|
11400
|
-
const _hoisted_12$
|
|
11400
|
+
const _hoisted_12$2 = ["type", "placeholder"];
|
|
11401
11401
|
const _hoisted_13$2 = ["type", "placeholder"];
|
|
11402
11402
|
const _hoisted_14$2 = {
|
|
11403
11403
|
key: 3,
|
|
@@ -11507,7 +11507,7 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
11507
11507
|
placeholder: $options.actualPlaceholder,
|
|
11508
11508
|
onFocus: _cache[5] || (_cache[5] = (...args) => _ctx.touch && _ctx.touch(...args)),
|
|
11509
11509
|
"onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => _ctx.model = $event)
|
|
11510
|
-
}, null, 40, _hoisted_12$
|
|
11510
|
+
}, null, 40, _hoisted_12$2)), [
|
|
11511
11511
|
[
|
|
11512
11512
|
vModelDynamic,
|
|
11513
11513
|
_ctx.model,
|
|
@@ -12360,7 +12360,7 @@ const _hoisted_8$4 = { key: 4 };
|
|
|
12360
12360
|
const _hoisted_9$3 = { key: 5 };
|
|
12361
12361
|
const _hoisted_10$3 = { key: 6 };
|
|
12362
12362
|
const _hoisted_11$2 = { key: 7 };
|
|
12363
|
-
const _hoisted_12$
|
|
12363
|
+
const _hoisted_12$1 = { key: 8 };
|
|
12364
12364
|
const _hoisted_13$1 = { key: 9 };
|
|
12365
12365
|
const _hoisted_14$1 = { key: 10 };
|
|
12366
12366
|
function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
|
|
@@ -12497,7 +12497,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
12497
12497
|
[vModelCheckbox, $data.model.value]
|
|
12498
12498
|
])
|
|
12499
12499
|
])) : createCommentVNode("", true),
|
|
12500
|
-
$options.inputType == "none" ? (openBlock(), createElementBlock("div", _hoisted_12$
|
|
12500
|
+
$options.inputType == "none" ? (openBlock(), createElementBlock("div", _hoisted_12$1)) : createCommentVNode("", true),
|
|
12501
12501
|
$options.inputType == "number" ? (openBlock(), createElementBlock("div", _hoisted_13$1, [
|
|
12502
12502
|
createVNode(_component_text_field, {
|
|
12503
12503
|
field: $options.normalField,
|
|
@@ -14460,7 +14460,7 @@ const _hoisted_8$2 = ["onBlur", "on:update:modelValue", "onUpdate:modelValue"];
|
|
|
14460
14460
|
const _hoisted_9$2 = { class: "ux-text-wrap prefixed" };
|
|
14461
14461
|
const _hoisted_10$2 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("span", { class: "ux-text-prefix" }, "Value", -1));
|
|
14462
14462
|
const _hoisted_11$1 = ["onFocus", "onUpdate:modelValue"];
|
|
14463
|
-
const _hoisted_12
|
|
14463
|
+
const _hoisted_12 = ["onFocus", "onUpdate:modelValue"];
|
|
14464
14464
|
const _hoisted_13 = { class: "ux-text-wrap prefixed" };
|
|
14465
14465
|
const _hoisted_14 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("span", { class: "ux-text-prefix" }, "Label", -1));
|
|
14466
14466
|
const _hoisted_15 = { class: "ux-text-wrap prefixed" };
|
|
@@ -14554,7 +14554,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
14554
14554
|
ref: "valueInput",
|
|
14555
14555
|
onKeydown: _cache[5] || (_cache[5] = withKeys(withModifiers(($event) => _ctx.add(), ["stop", "prevent"]), ["enter"])),
|
|
14556
14556
|
"onUpdate:modelValue": ($event) => _ctx.model[index2].value = $event
|
|
14557
|
-
}, null, 40, _hoisted_12
|
|
14557
|
+
}, null, 40, _hoisted_12)), [
|
|
14558
14558
|
[vModelText, _ctx.model[index2].value]
|
|
14559
14559
|
]) : createCommentVNode("", true)
|
|
14560
14560
|
])
|
|
@@ -17608,15 +17608,6 @@ const _sfc_main$d = {
|
|
|
17608
17608
|
},
|
|
17609
17609
|
methods: {
|
|
17610
17610
|
multiLabel(entry, index2) {
|
|
17611
|
-
if (entry.title) {
|
|
17612
|
-
return entry.title;
|
|
17613
|
-
}
|
|
17614
|
-
if (entry.name) {
|
|
17615
|
-
return entry.name;
|
|
17616
|
-
}
|
|
17617
|
-
if (entry.firstName) {
|
|
17618
|
-
return entry.firstName;
|
|
17619
|
-
}
|
|
17620
17611
|
return `${this.label} ${index2 + 1}`;
|
|
17621
17612
|
}
|
|
17622
17613
|
}
|
|
@@ -17685,7 +17676,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
17685
17676
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model = $event)
|
|
17686
17677
|
}, null, 8, ["submission", "fields", "flex", "parentModel", "modelValue"]));
|
|
17687
17678
|
}
|
|
17688
|
-
var FieldGroup = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__scopeId", "data-v-
|
|
17679
|
+
var FieldGroup = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__scopeId", "data-v-32d789d7"]]);
|
|
17689
17680
|
var field_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
17690
17681
|
const _sfc_main$c = {
|
|
17691
17682
|
components: {
|
|
@@ -17827,6 +17818,10 @@ const _sfc_main$c = {
|
|
|
17827
17818
|
array.push(`ux-field-render-${this.type}`);
|
|
17828
17819
|
if (this.layoutGroup) {
|
|
17829
17820
|
array.push("ux-layout-only");
|
|
17821
|
+
} else {
|
|
17822
|
+
if (!this.fieldModel || Array.isArray(this.fieldModel) && !this.fieldModel.length) {
|
|
17823
|
+
array.push("ux-empty");
|
|
17824
|
+
}
|
|
17830
17825
|
}
|
|
17831
17826
|
return array;
|
|
17832
17827
|
},
|
|
@@ -17878,17 +17873,16 @@ const _sfc_main$c = {
|
|
|
17878
17873
|
}
|
|
17879
17874
|
};
|
|
17880
17875
|
const _hoisted_1$8 = { class: "ux-field-title" };
|
|
17881
|
-
const _hoisted_2$7 = {
|
|
17876
|
+
const _hoisted_2$7 = { key: 1 };
|
|
17882
17877
|
const _hoisted_3$6 = { key: 1 };
|
|
17883
17878
|
const _hoisted_4$6 = { key: 1 };
|
|
17884
|
-
const _hoisted_5$1 =
|
|
17885
|
-
const _hoisted_6$1 =
|
|
17886
|
-
const _hoisted_7$1 =
|
|
17879
|
+
const _hoisted_5$1 = ["href"];
|
|
17880
|
+
const _hoisted_6$1 = { key: 1 };
|
|
17881
|
+
const _hoisted_7$1 = ["href"];
|
|
17887
17882
|
const _hoisted_8 = ["href"];
|
|
17888
|
-
const _hoisted_9 =
|
|
17889
|
-
const _hoisted_10 =
|
|
17890
|
-
const _hoisted_11 =
|
|
17891
|
-
const _hoisted_12 = { key: 1 };
|
|
17883
|
+
const _hoisted_9 = { key: 1 };
|
|
17884
|
+
const _hoisted_10 = ["href"];
|
|
17885
|
+
const _hoisted_11 = { key: 1 };
|
|
17892
17886
|
function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
|
|
17893
17887
|
const _component_field_group = resolveComponent("field-group");
|
|
17894
17888
|
const _component_item = resolveComponent("item");
|
|
@@ -17897,7 +17891,6 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
17897
17891
|
class: normalizeClass(["ux-field-render", $options.classes])
|
|
17898
17892
|
}, [
|
|
17899
17893
|
createElementVNode("label", _hoisted_1$8, toDisplayString($options.title), 1),
|
|
17900
|
-
createElementVNode("div", _hoisted_2$7, toDisplayString($props.field.description), 1),
|
|
17901
17894
|
$options.widget === "group" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
|
|
17902
17895
|
$options.asObject ? (openBlock(), createBlock(_component_field_group, {
|
|
17903
17896
|
key: 0,
|
|
@@ -17938,49 +17931,49 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
17938
17931
|
$options.type == "string" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
|
|
17939
17932
|
$options.multiValue ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList($options.fieldModel, (value, index2) => {
|
|
17940
17933
|
return openBlock(), createElementBlock("div", null, toDisplayString(value), 1);
|
|
17941
|
-
}), 256)) : (openBlock(), createElementBlock("div",
|
|
17934
|
+
}), 256)) : (openBlock(), createElementBlock("div", _hoisted_2$7, toDisplayString($options.fieldModel), 1))
|
|
17942
17935
|
], 64)) : createCommentVNode("", true),
|
|
17943
17936
|
$options.type == "boolean" ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
|
|
17944
17937
|
$options.multiValue ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList($options.fieldModel, (value, index2) => {
|
|
17945
17938
|
return openBlock(), createElementBlock("div", null, toDisplayString(!!value), 1);
|
|
17946
|
-
}), 256)) : (openBlock(), createElementBlock("div",
|
|
17939
|
+
}), 256)) : (openBlock(), createElementBlock("div", _hoisted_3$6, toDisplayString(!!$options.fieldModel), 1))
|
|
17947
17940
|
], 64)) : createCommentVNode("", true),
|
|
17948
17941
|
$options.type == "date" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
|
|
17949
17942
|
$options.multiValue ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList($options.fieldModel, (value, index2) => {
|
|
17950
17943
|
return openBlock(), createElementBlock("div", null, toDisplayString(value), 1);
|
|
17951
|
-
}), 256)) : (openBlock(), createElementBlock("div",
|
|
17944
|
+
}), 256)) : (openBlock(), createElementBlock("div", _hoisted_4$6, toDisplayString($options.fieldModel), 1))
|
|
17952
17945
|
], 64)) : createCommentVNode("", true),
|
|
17953
17946
|
$options.type == "email" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
|
|
17954
17947
|
$options.multiValue ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList($options.fieldModel, (value, index2) => {
|
|
17955
17948
|
return openBlock(), createElementBlock("div", null, [
|
|
17956
17949
|
createElementVNode("a", {
|
|
17957
17950
|
href: `mailto:${value}`
|
|
17958
|
-
}, toDisplayString(value), 9,
|
|
17951
|
+
}, toDisplayString(value), 9, _hoisted_5$1)
|
|
17959
17952
|
]);
|
|
17960
|
-
}), 256)) : (openBlock(), createElementBlock("div",
|
|
17953
|
+
}), 256)) : (openBlock(), createElementBlock("div", _hoisted_6$1, [
|
|
17961
17954
|
createElementVNode("a", {
|
|
17962
17955
|
href: `mailto:${$options.fieldModel}`
|
|
17963
|
-
}, toDisplayString($options.fieldModel), 9,
|
|
17956
|
+
}, toDisplayString($options.fieldModel), 9, _hoisted_7$1)
|
|
17964
17957
|
]))
|
|
17965
17958
|
], 64)) : createCommentVNode("", true),
|
|
17966
17959
|
$options.type == "url" ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
|
|
17967
17960
|
$options.multiValue ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList($options.fieldModel, (value, index2) => {
|
|
17968
17961
|
return openBlock(), createElementBlock("div", null, [
|
|
17969
|
-
createElementVNode("a", { href: value }, toDisplayString(value), 9,
|
|
17962
|
+
createElementVNode("a", { href: value }, toDisplayString(value), 9, _hoisted_8)
|
|
17970
17963
|
]);
|
|
17971
|
-
}), 256)) : (openBlock(), createElementBlock("div",
|
|
17972
|
-
createElementVNode("a", { href: $options.fieldModel }, toDisplayString($options.fieldModel), 9,
|
|
17964
|
+
}), 256)) : (openBlock(), createElementBlock("div", _hoisted_9, [
|
|
17965
|
+
createElementVNode("a", { href: $options.fieldModel }, toDisplayString($options.fieldModel), 9, _hoisted_10)
|
|
17973
17966
|
]))
|
|
17974
17967
|
], 64)) : createCommentVNode("", true),
|
|
17975
17968
|
$options.isNumber ? (openBlock(), createElementBlock(Fragment, { key: 6 }, [
|
|
17976
17969
|
$options.multiValue ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList($options.fieldModel, (value, index2) => {
|
|
17977
17970
|
return openBlock(), createElementBlock("div", null, toDisplayString(value), 1);
|
|
17978
|
-
}), 256)) : (openBlock(), createElementBlock("div",
|
|
17971
|
+
}), 256)) : (openBlock(), createElementBlock("div", _hoisted_11, toDisplayString($options.fieldModel), 1))
|
|
17979
17972
|
], 64)) : createCommentVNode("", true)
|
|
17980
17973
|
], 64))
|
|
17981
17974
|
], 2)) : createCommentVNode("", true);
|
|
17982
17975
|
}
|
|
17983
|
-
var UXRenderField = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c], ["__scopeId", "data-v-
|
|
17976
|
+
var UXRenderField = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c], ["__scopeId", "data-v-c4aac172"]]);
|
|
17984
17977
|
var render_vue_vue_type_style_index_0_scoped_true_lang = "";
|
|
17985
17978
|
const _sfc_main$b = {
|
|
17986
17979
|
props: {
|