@ldmjs/ui 1.0.38 → 1.0.40
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/css/index.css +2 -2
- package/dist/index.d.ts +1 -0
- package/dist/index.js +80 -53
- package/dist/types/dialogs.d.ts +1 -0
- package/package.json +1 -1
package/dist/css/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.loader[data-v-364c8417]{width:100%;height:100%;top:0px;left:0px;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:opacity .15s linear}.loader__icon[data-v-364c8417]{vertical-align:middle;height:48px}.loader__icon-gray[data-v-364c8417]{color:var(--grey-l-5)}.loader .circle.small[data-v-364c8417]{width:calc(var(--font-size) + 4px);height:calc(var(--font-size) + 4px);border-width:3px}.loader .circle.big[data-v-364c8417]{width:calc(var(--font-size)*3);height:calc(var(--font-size)*3);border-width:3px}.loader .circle[data-v-364c8417]{animation:rotating-364c8417 .7s linear infinite;width:calc(var(--font-size)*2);height:calc(var(--font-size)*2);border-radius:50%;border:2px solid rgba(0,0,0,0)}.loader.loader__color-primary[data-v-364c8417]:not(.loader__transparent){background:
|
|
1
|
+
.loader[data-v-364c8417]{width:100%;height:100%;top:0px;left:0px;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:opacity .15s linear}.loader__icon[data-v-364c8417]{vertical-align:middle;height:48px}.loader__icon-gray[data-v-364c8417]{color:var(--grey-l-5)}.loader .circle.small[data-v-364c8417]{width:calc(var(--font-size) + 4px);height:calc(var(--font-size) + 4px);border-width:3px}.loader .circle.big[data-v-364c8417]{width:calc(var(--font-size)*3);height:calc(var(--font-size)*3);border-width:3px}.loader .circle[data-v-364c8417]{animation:rotating-364c8417 .7s linear infinite;width:calc(var(--font-size)*2);height:calc(var(--font-size)*2);border-radius:50%;border:2px solid rgba(0,0,0,0)}.loader.loader__color-primary[data-v-364c8417]:not(.loader__transparent){background:hsla(0,0%,100%,.5)}.loader.loader__color-primary .circle[data-v-364c8417]{border-right-color:var(--primary);border-bottom-color:var(--primary)}.loader.loader__color-white[data-v-364c8417]{background:none}.loader.loader__color-white .circle[data-v-364c8417]{border-right-color:var(--white);border-bottom-color:var(--white)}.loader.loader__white-bg[data-v-364c8417]:not(.loader__transparent){background:#fff}.loading-mask-global[data-v-364c8417]{position:fixed !important;width:100vw !important;height:100vh !important}.loading-mask[data-v-364c8417]{position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden}.loader__relative[data-v-364c8417]{position:relative}@-moz-keyframes rotating-364c8417{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes rotating-364c8417{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-o-keyframes rotating-364c8417{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotating-364c8417{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
|
|
2
2
|
.ld-splitter[data-v-1efbeaf2]{height:inherit;display:flex}.ld-splitter .splitter-pane[data-v-1efbeaf2]{height:inherit;overflow-y:auto;background:var(--white)}.ld-splitter .splitter[data-v-1efbeaf2]{display:flex;background-color:var(--white) !important;border-color:var(--grey-l-5);border-style:solid}.ld-splitter .splitter--hor[data-v-1efbeaf2]{justify-content:center;width:100%;height:7px;cursor:ns-resize;border-width:1px 0}.ld-splitter .splitter--hor.splitter--disabled[data-v-1efbeaf2]{height:1px;border-top:none}.ld-splitter .splitter--ver[data-v-1efbeaf2]{align-items:center;width:7px;height:100%;cursor:ew-resize;border-width:0 1px}.ld-splitter .splitter--ver.splitter--disabled[data-v-1efbeaf2]{width:1px;border-left:none}.ld-splitter .splitter--disabled[data-v-1efbeaf2]{cursor:default}.ld-splitter .splitter--disabled svg[data-v-1efbeaf2]{display:none}.ld-splitter.splitter[data-v-1efbeaf2]{width:100%;border-left:none;border-right:none}
|
|
3
3
|
.label[data-v-12071c41]{word-wrap:break-word;max-width:100%;padding-bottom:2px;color:var(--label) !important;font-size:var(--font-size)}.label-wrapper[data-v-12071c41]{display:flex;align-items:center;min-height:var(--input-height)}.require[data-v-12071c41]::after{content:"*";display:inline-block;color:var(--error)}
|
|
4
4
|
.ld-edit-text[data-v-e4dd6820]{min-width:100%}.input-class[data-v-e4dd6820]{height:var(--input-height);font-size:var(--font-size);max-width:100%;border-radius:var(--border-radius);border:1px solid var(--grey-l-5);padding:0 6px}.input-class[data-v-e4dd6820]:not(.disabled){background-color:var(--white)}.input-class[data-v-e4dd6820]:focus{border:1px solid var(--grey-l-4);outline:none}.input-class__suffix[data-v-e4dd6820]{position:absolute;top:3px;right:6px;color:var(--label)}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
.ld-tabs[data-v-bd490ea2]{margin-left:0;display:flex;height:100%;width:100%;overflow-y:auto}.ld-tabs .header-text[data-v-bd490ea2]{font-size:var(--font-size-2)}.ld-tabs-mobile[data-v-bd490ea2]{height:100%}.ld-tabs .vertical-body[data-v-bd490ea2]{--w: 44px;display:flex;flex-flow:column nowrap;width:calc(100% - var(--w)) !important;height:100%}.v-window[data-v-bd490ea2]{background-color:var(--white);box-shadow:1px 0 var(--grey-l-5),-1px 0 0 var(--grey-l-5);overflow-y:auto;height:100%;width:100%}.vertical-window.v-window[data-v-bd490ea2]{padding:10px 12px;border-bottom:1px solid var(--grey-l-5);border-right:1px solid var(--grey-l-5);border-top:1px solid var(--grey-l-5)}.vertical-window.v-window--no-padding[data-v-bd490ea2]{padding:0 !important}[data-v-bd490ea2] .ld-tabs .v-tabs--vertical{background:var(--grey-l-6)}[data-v-bd490ea2] .ld-tabs .v-tabs--vertical .v-tab{justify-content:flex-start;border:1px solid var(--grey-l-5);border-bottom:none;border-radius:0 !important;text-transform:none !important;width:100%;min-width:auto !important}[data-v-bd490ea2] .ld-tabs .v-tabs--vertical .v-tab--selected{background-color:var(--white);border-right-color:rgba(0,0,0,0)}[data-v-bd490ea2] .ld-tabs .v-tabs--vertical .v-tab:last-child{border-bottom:1px solid var(--grey-l-5) !important}[data-v-bd490ea2] .ld-tabs .v-tabs--vertical .v-slide-group__content{flex-flow:column nowrap;height:100% !important;width:100% !important}[data-v-bd490ea2] .ld-tabs .v-tabs--vertical .v-slide-group__content .v-btn__content{text-overflow:ellipsis;display:inline-flex;justify-content:flex-start;gap:4px;white-space:nowrap;overflow:hidden}[data-v-bd490ea2] .ld-tabs .v-tabs--horizontal .v-tab--selected{border-bottom:1px solid var(--primary)}[data-v-bd490ea2] .ld-tabs .v-tabs .v-tab--selected .v-btn__content{font-weight:bold;color:var(--primary) !important}[data-v-bd490ea2] .ld-tabs .v-tab{height:var(--ld-tab-height) !important;display:flex !important;text-transform:uppercase !important;padding:0 12px !important;font-size:var(--font-size);color:var(--text) !important;letter-spacing:0 !important}[data-v-bd490ea2] .v-window.mobile .tg-field .v-row .v-col{flex:1 0 0 !important}[data-v-bd490ea2] .v-window.mobile .tg-field .text-viewer-wrapper .v-col{flex:1 0 0 !important}[data-v-bd490ea2] .v-slide-group--vertical{border-color:var(--grey-l-5);border:1px}[data-v-bd490ea2] .v-slide-group--vertical .v-tab__slider{width:0px}[data-v-bd490ea2] .v-slide-group__prev{display:none}[data-v-bd490ea2] .v-slide-group__next{display:none}[data-v-bd490ea2] .v-tabs-bar{flex:none;height:fit-content;height:-moz-max-content;max-height:fit-content;max-height:-moz-max-content;z-index:1}[data-v-bd490ea2] .v-window-item{height:100%}[data-v-bd490ea2] .ld-tabs-mobile.hide-tabs .v-tab{display:none !important}[data-v-bd490ea2] .ld-tabs-mobile.hide-body .v-slide-group{width:100% !important}[data-v-bd490ea2] .ld-tabs-mobile.hide-body .v-window{display:none !important}[data-v-bd490ea2] .v-tabs-mobile .v-slide-group__content .v-btn__content{display:block !important}
|
|
7
7
|
.v-toolbar[data-v-79e04ede]{position:relative;background-color:var(--white);box-shadow:var(--shadow-1);z-index:1}.toolbar-wrapper[data-v-79e04ede]{display:grid;width:100%;height:100%;padding:0 12px}.toolbar-wrapper[data-v-79e04ede]:not(.--preview){grid-template-columns:100%;grid-template-rows:var(--input-height);row-gap:4px}.toolbar-wrapper.--preview[data-v-79e04ede]{grid-template-columns:1fr}.toolbar-inner[data-v-79e04ede]{display:grid;grid-template-rows:100%;grid-template-columns:1fr max-content;column-gap:8px}.toolbar-caption[data-v-79e04ede]{--left: calc(var(--input-height) + 8px);display:flex;align-items:center;position:absolute;height:100%;width:calc(100% - var(--left));top:0;left:var(--left)}
|
|
8
8
|
.ld-select-list-box[data-v-2977fc13]{display:flex;min-width:100%;max-width:100%;width:100%}.ld-select-list-box .select-list-box-validate[data-v-2977fc13]{overflow:hidden;height:20px}.ld-select-list-box .select-list-box-loading[data-v-2977fc13]{position:absolute;left:0;bottom:0;width:calc(100% - var(--input-height));height:3px;overflow:hidden;background-color:var(--grey-l-5)}.ld-select-list-box .select-list-box-loading[data-v-2977fc13]:before{content:"";display:block;position:absolute;top:0;left:0;width:25%;height:100%;background-color:var(--primary);animation:loading-2977fc13 1.4s linear;animation-iteration-count:infinite}@keyframes loading-2977fc13{from{transform:translateX(-300%)}to{transform:translateX(500%)}}
|
|
9
|
-
.ld-checkbox{display:flex;align-items:center;position:relative;height:var(--input-height);font-size:var(--font-size);cursor:pointer}.ld-checkbox input[type=checkbox]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.ld-checkbox input[type=checkbox]+.v-icon{display:flex;align-items:center;width:14px !important;height:15px !important;font-size:11px !important;background-color:var(--white);color:rgba(0,0,0,0);border:1px solid var(--grey-l-5)}.ld-checkbox input[type=checkbox]:focus+.v-icon{background-color:var(--grey-l-6)}.ld-checkbox input[type=checkbox]:checked+.v-icon{background-color:var(--primary-l-2);color:var(--white);font-size:10px;font-weight:bold}.ld-checkbox input[type=checkbox]:checked:focus+.v-icon{background-color:var(--primary-l-3)}.ld-checkbox input[type=checkbox]:disabled+.v-icon{background-color:var(--grey-l-3)}.checkbox-label{word-wrap:break-word;max-width:100%}.checkbox-label--disabled{color:var(--grey-l-3) !important}
|
|
9
|
+
.ld-checkbox{display:flex;align-items:center;position:relative;height:var(--input-height);font-size:var(--font-size);cursor:pointer}.ld-checkbox input[type=checkbox]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.ld-checkbox input[type=checkbox]+.v-icon{display:flex;align-items:center;width:14px !important;height:15px !important;font-size:11px !important;background-color:var(--white);color:rgba(0,0,0,0);border:1px solid var(--grey-l-5)}.ld-checkbox input[type=checkbox]:focus+.v-icon{background-color:var(--grey-l-6)}.ld-checkbox input[type=checkbox]:checked+.v-icon{background-color:var(--primary-l-2);border:1px solid var(--primary);color:var(--white);font-size:10px;font-weight:bold}.ld-checkbox input[type=checkbox]:checked:focus+.v-icon{background-color:var(--primary-l-3)}.ld-checkbox input[type=checkbox]:checked:disabled+.v-icon{background-color:var(--grey-l-3)}.checkbox-label{word-wrap:break-word;max-width:100%}.checkbox-label--disabled{color:var(--grey-l-3) !important}
|
|
10
10
|
.ld-radiobutton[data-v-2d8a7abd]{display:flex;align-items:center;font-size:var(--font-size)}
|
|
11
11
|
.ld-ragiogroup .validate[data-v-bd740210]{overflow:hidden;height:20px}.ld-ragiogroup--row[data-v-bd740210] .ld-radiobutton:not(:first-child){margin-left:8px}
|
|
12
12
|
.ld-textarea[data-v-5e5438c4]{display:flex;min-width:100%;max-width:100%;width:100%}[data-v-5e5438c4] .none-resizable textarea{resize:none}
|
package/dist/index.d.ts
CHANGED
|
@@ -149,6 +149,7 @@ export declare const ValidateMixinOptions: Record<string, any>;
|
|
|
149
149
|
|
|
150
150
|
export declare class DialogManager {
|
|
151
151
|
static exec<T>(modal: Dialog, fetchData?: () => Promise<any>): Promise<T>;
|
|
152
|
+
static id: (value: string) => DialogManager
|
|
152
153
|
}
|
|
153
154
|
|
|
154
155
|
declare const ldmui: {
|
package/dist/index.js
CHANGED
|
@@ -11263,14 +11263,17 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
|
|
|
11263
11263
|
emitClick() {
|
|
11264
11264
|
return true;
|
|
11265
11265
|
}
|
|
11266
|
-
async onValueChanged(value) {
|
|
11266
|
+
async onValueChanged(value, oldValue) {
|
|
11267
11267
|
if (!this.$utils.isDefined(value)) {
|
|
11268
11268
|
if (this.hasSelected) {
|
|
11269
11269
|
this.clear();
|
|
11270
11270
|
}
|
|
11271
11271
|
return;
|
|
11272
11272
|
}
|
|
11273
|
-
|
|
11273
|
+
if (this.$utils.isDefined(value) && this.$utils.isDefined(oldValue) && lodash_es_isEqual(value, oldValue)) {
|
|
11274
|
+
return;
|
|
11275
|
+
}
|
|
11276
|
+
let val = Array.from(new Set(this.toArray(value)));
|
|
11274
11277
|
if (lodash_es_isEqual(val, this.selectedIds)) {
|
|
11275
11278
|
return;
|
|
11276
11279
|
}
|
|
@@ -11642,7 +11645,7 @@ ld_select_list_boxvue_type_script_lang_ts_external_decorate([
|
|
|
11642
11645
|
ld_select_list_boxvue_type_script_lang_ts_external_decorate([
|
|
11643
11646
|
(0,external_vue_property_decorator_.Watch)('modelValue', { immediate: true }),
|
|
11644
11647
|
ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", Function),
|
|
11645
|
-
ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:paramtypes", [Object]),
|
|
11648
|
+
ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:paramtypes", [Object, Object]),
|
|
11646
11649
|
ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:returntype", Promise)
|
|
11647
11650
|
], SelectListBoxComponent.prototype, "onValueChanged", null);
|
|
11648
11651
|
ld_select_list_boxvue_type_script_lang_ts_external_decorate([
|
|
@@ -11681,14 +11684,14 @@ function ld_select_list_box_reg(vue, options) {
|
|
|
11681
11684
|
}
|
|
11682
11685
|
/* harmony default export */ const src_ld_select_list_box = (ld_select_list_box_reg);
|
|
11683
11686
|
|
|
11684
|
-
;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-checkbox/ld-checkbox.vue?vue&type=template&id=
|
|
11687
|
+
;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-checkbox/ld-checkbox.vue?vue&type=template&id=3fbd6592&ts=true
|
|
11685
11688
|
|
|
11686
|
-
const
|
|
11689
|
+
const ld_checkboxvue_type_template_id_3fbd6592_ts_true_hoisted_1 = {
|
|
11687
11690
|
class: "d-flex align-center",
|
|
11688
11691
|
style: { "position": "relative" }
|
|
11689
11692
|
};
|
|
11690
|
-
const
|
|
11691
|
-
const
|
|
11693
|
+
const ld_checkboxvue_type_template_id_3fbd6592_ts_true_hoisted_2 = ["checked", "data-testid", "tabindex", "disabled"];
|
|
11694
|
+
const ld_checkboxvue_type_template_id_3fbd6592_ts_true_hoisted_3 = /*#__PURE__*/ (0,external_vue_.createElementVNode)("i", { class: "v-icon" }, [
|
|
11692
11695
|
/*#__PURE__*/ (0,external_vue_.createElementVNode)("svg", {
|
|
11693
11696
|
width: "14",
|
|
11694
11697
|
height: "15",
|
|
@@ -11705,7 +11708,7 @@ const ld_checkboxvue_type_template_id_068cc5f6_ts_true_hoisted_3 = /*#__PURE__*/
|
|
|
11705
11708
|
})
|
|
11706
11709
|
])
|
|
11707
11710
|
], -1);
|
|
11708
|
-
function
|
|
11711
|
+
function ld_checkboxvue_type_template_id_3fbd6592_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
11709
11712
|
const _component_v_tooltip = (0,external_vue_.resolveComponent)("v-tooltip");
|
|
11710
11713
|
return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
|
|
11711
11714
|
class: (0,external_vue_.normalizeClass)(["ld-checkbox", { 'ld-checkbox--focused': _ctx.isFocused }])
|
|
@@ -11740,7 +11743,7 @@ function ld_checkboxvue_type_template_id_068cc5f6_ts_true_render(_ctx, _cache, $
|
|
|
11740
11743
|
]))
|
|
11741
11744
|
: (0,external_vue_.createCommentVNode)("", true),
|
|
11742
11745
|
(0,external_vue_.createTextVNode)(),
|
|
11743
|
-
(0,external_vue_.createElementVNode)("label",
|
|
11746
|
+
(0,external_vue_.createElementVNode)("label", ld_checkboxvue_type_template_id_3fbd6592_ts_true_hoisted_1, [
|
|
11744
11747
|
(0,external_vue_.createElementVNode)("input", {
|
|
11745
11748
|
ref: "checkbox",
|
|
11746
11749
|
type: "checkbox",
|
|
@@ -11757,9 +11760,9 @@ function ld_checkboxvue_type_template_id_068cc5f6_ts_true_render(_ctx, _cache, $
|
|
|
11757
11760
|
onInput: _cache[3] || (_cache[3] =
|
|
11758
11761
|
//@ts-ignore
|
|
11759
11762
|
(...args) => (_ctx.onChange && _ctx.onChange(...args)))
|
|
11760
|
-
}, null, 40,
|
|
11763
|
+
}, null, 40, ld_checkboxvue_type_template_id_3fbd6592_ts_true_hoisted_2),
|
|
11761
11764
|
(0,external_vue_.createTextVNode)(),
|
|
11762
|
-
|
|
11765
|
+
ld_checkboxvue_type_template_id_3fbd6592_ts_true_hoisted_3
|
|
11763
11766
|
]),
|
|
11764
11767
|
(0,external_vue_.createTextVNode)(),
|
|
11765
11768
|
(_ctx.label && !_ctx.labelOnLeft)
|
|
@@ -11795,7 +11798,7 @@ function ld_checkboxvue_type_template_id_068cc5f6_ts_true_render(_ctx, _cache, $
|
|
|
11795
11798
|
], 2));
|
|
11796
11799
|
}
|
|
11797
11800
|
|
|
11798
|
-
;// CONCATENATED MODULE: ./src/ld-checkbox/ld-checkbox.vue?vue&type=template&id=
|
|
11801
|
+
;// CONCATENATED MODULE: ./src/ld-checkbox/ld-checkbox.vue?vue&type=template&id=3fbd6592&ts=true
|
|
11799
11802
|
|
|
11800
11803
|
;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./src/ld-checkbox/ld-checkbox.ts?vue&type=script&lang=ts&external
|
|
11801
11804
|
var ld_checkboxvue_type_script_lang_ts_external_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
@@ -11968,7 +11971,7 @@ ld_checkboxvue_type_script_lang_ts_external_decorate([
|
|
|
11968
11971
|
;
|
|
11969
11972
|
|
|
11970
11973
|
|
|
11971
|
-
const ld_checkbox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(CheckboxComponent, [['render',
|
|
11974
|
+
const ld_checkbox_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(CheckboxComponent, [['render',ld_checkboxvue_type_template_id_3fbd6592_ts_true_render]])
|
|
11972
11975
|
|
|
11973
11976
|
/* harmony default export */ const ld_checkbox = (ld_checkbox_exports_);
|
|
11974
11977
|
;// CONCATENATED MODULE: ./src/ld-checkbox/index.ts
|
|
@@ -15488,10 +15491,10 @@ function ld_switch_reg(vue, options) {
|
|
|
15488
15491
|
}
|
|
15489
15492
|
/* harmony default export */ const src_ld_switch = (ld_switch_reg);
|
|
15490
15493
|
|
|
15491
|
-
;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-dialog/ld-dialog.vue?vue&type=template&id=
|
|
15494
|
+
;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-dialog/ld-dialog.vue?vue&type=template&id=a2e3c6ee&ts=true
|
|
15492
15495
|
|
|
15493
|
-
const
|
|
15494
|
-
function
|
|
15496
|
+
const ld_dialogvue_type_template_id_a2e3c6ee_ts_true_hoisted_1 = { class: "ld-dialog" };
|
|
15497
|
+
function ld_dialogvue_type_template_id_a2e3c6ee_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
15495
15498
|
const _component_minimized = (0,external_vue_.resolveComponent)("minimized");
|
|
15496
15499
|
const _component_v_spacer = (0,external_vue_.resolveComponent)("v-spacer");
|
|
15497
15500
|
const _component_square_button = (0,external_vue_.resolveComponent)("square-button");
|
|
@@ -15501,13 +15504,14 @@ function ld_dialogvue_type_template_id_184339ee_ts_true_render(_ctx, _cache, $pr
|
|
|
15501
15504
|
const _component_v_card_actions = (0,external_vue_.resolveComponent)("v-card-actions");
|
|
15502
15505
|
const _component_v_card = (0,external_vue_.resolveComponent)("v-card");
|
|
15503
15506
|
const _component_v_dialog = (0,external_vue_.resolveComponent)("v-dialog");
|
|
15504
|
-
return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div",
|
|
15507
|
+
return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_dialogvue_type_template_id_a2e3c6ee_ts_true_hoisted_1, [
|
|
15505
15508
|
(0,external_vue_.createVNode)(_component_minimized, {
|
|
15509
|
+
id: _ctx.id,
|
|
15506
15510
|
dialogs: _ctx.minimized,
|
|
15507
15511
|
onMaximize: _cache[0] || (_cache[0] = ($event) => (_ctx.onMinimize($event))),
|
|
15508
15512
|
onClose: _cache[1] || (_cache[1] = ($event) => (_ctx.handleCancel($event))),
|
|
15509
15513
|
onCloseAll: _ctx.handleCancelAll
|
|
15510
|
-
}, null, 8, ["dialogs", "onCloseAll"]),
|
|
15514
|
+
}, null, 8, ["id", "dialogs", "onCloseAll"]),
|
|
15511
15515
|
(0,external_vue_.createTextVNode)(),
|
|
15512
15516
|
((0,external_vue_.openBlock)(true), (0,external_vue_.createElementBlock)(external_vue_.Fragment, null, (0,external_vue_.renderList)(_ctx.modals, (modal) => {
|
|
15513
15517
|
return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
|
|
@@ -15735,7 +15739,7 @@ function ld_dialogvue_type_template_id_184339ee_ts_true_render(_ctx, _cache, $pr
|
|
|
15735
15739
|
]));
|
|
15736
15740
|
}
|
|
15737
15741
|
|
|
15738
|
-
;// CONCATENATED MODULE: ./src/ld-dialog/ld-dialog.vue?vue&type=template&id=
|
|
15742
|
+
;// CONCATENATED MODULE: ./src/ld-dialog/ld-dialog.vue?vue&type=template&id=a2e3c6ee&ts=true
|
|
15739
15743
|
|
|
15740
15744
|
// EXTERNAL MODULE: ./node_modules/@ldmjs/core/dist/index.js
|
|
15741
15745
|
var dist = __webpack_require__(634);
|
|
@@ -15760,23 +15764,6 @@ const GAP = 17;
|
|
|
15760
15764
|
const MARGIN_RIGHT = 25;
|
|
15761
15765
|
const MARGIN_BOTTOM = 68;
|
|
15762
15766
|
class DialogManager {
|
|
15763
|
-
static exec(modal, fetchData) {
|
|
15764
|
-
switch (modal.constructor.name) {
|
|
15765
|
-
case 'AlertDialog':
|
|
15766
|
-
return DialogManager.alert(modal);
|
|
15767
|
-
case 'PromptDialog':
|
|
15768
|
-
return DialogManager.prompt(modal);
|
|
15769
|
-
case 'ConfirmDialog':
|
|
15770
|
-
return DialogManager.confirm(modal);
|
|
15771
|
-
case 'InfoDialog':
|
|
15772
|
-
return DialogManager.info(modal, fetchData);
|
|
15773
|
-
case 'SelectDialog':
|
|
15774
|
-
return DialogManager.select(modal, fetchData);
|
|
15775
|
-
case 'CreateEditDialog':
|
|
15776
|
-
return DialogManager.createEdit(modal, fetchData);
|
|
15777
|
-
}
|
|
15778
|
-
return null;
|
|
15779
|
-
}
|
|
15780
15767
|
constructor() {
|
|
15781
15768
|
this._visibled = [];
|
|
15782
15769
|
this._minimized = [];
|
|
@@ -16016,18 +16003,41 @@ class DialogManager {
|
|
|
16016
16003
|
uniqKey(info) {
|
|
16017
16004
|
return `dlg-${info.id}`;
|
|
16018
16005
|
}
|
|
16006
|
+
static id(value) {
|
|
16007
|
+
DialogManager._id = value;
|
|
16008
|
+
return DialogManager;
|
|
16009
|
+
}
|
|
16010
|
+
static exec(modal, fetchData) {
|
|
16011
|
+
switch (modal.constructor.name) {
|
|
16012
|
+
case 'AlertDialog':
|
|
16013
|
+
return DialogManager.alert(modal);
|
|
16014
|
+
case 'PromptDialog':
|
|
16015
|
+
return DialogManager.prompt(modal);
|
|
16016
|
+
case 'ConfirmDialog':
|
|
16017
|
+
return DialogManager.confirm(modal);
|
|
16018
|
+
case 'InfoDialog':
|
|
16019
|
+
return DialogManager.info(modal, fetchData);
|
|
16020
|
+
case 'SelectDialog':
|
|
16021
|
+
return DialogManager.select(modal, fetchData);
|
|
16022
|
+
case 'CreateEditDialog':
|
|
16023
|
+
return DialogManager.createEdit(modal, fetchData);
|
|
16024
|
+
}
|
|
16025
|
+
return null;
|
|
16026
|
+
}
|
|
16019
16027
|
static alert(modal) {
|
|
16020
16028
|
const modalInfo = {
|
|
16021
16029
|
title: modal.title,
|
|
16022
16030
|
content: modal.content,
|
|
16023
16031
|
type: ModalType.Alert,
|
|
16032
|
+
managerId: DialogManager._id
|
|
16024
16033
|
};
|
|
16025
16034
|
return DialogManager.execAsync(modalInfo);
|
|
16026
16035
|
}
|
|
16027
16036
|
static prompt(modal) {
|
|
16028
16037
|
const modalInfo = {
|
|
16029
16038
|
...modal,
|
|
16030
|
-
type: ModalType.Prompt
|
|
16039
|
+
type: ModalType.Prompt,
|
|
16040
|
+
managerId: DialogManager._id
|
|
16031
16041
|
};
|
|
16032
16042
|
return DialogManager.execAsync(modalInfo);
|
|
16033
16043
|
}
|
|
@@ -16037,6 +16047,7 @@ class DialogManager {
|
|
|
16037
16047
|
content: modal.text,
|
|
16038
16048
|
type: ModalType.Confirm,
|
|
16039
16049
|
closable: true,
|
|
16050
|
+
managerId: DialogManager._id
|
|
16040
16051
|
};
|
|
16041
16052
|
return DialogManager.execAsync(modalInfo);
|
|
16042
16053
|
}
|
|
@@ -16044,6 +16055,7 @@ class DialogManager {
|
|
|
16044
16055
|
const modalInfo = {
|
|
16045
16056
|
...modal,
|
|
16046
16057
|
type: ModalType.Info,
|
|
16058
|
+
managerId: DialogManager._id
|
|
16047
16059
|
};
|
|
16048
16060
|
if (!modalInfo.hostObject) {
|
|
16049
16061
|
modalInfo.hostObject = {
|
|
@@ -16058,6 +16070,7 @@ class DialogManager {
|
|
|
16058
16070
|
const modalInfo = {
|
|
16059
16071
|
...modal,
|
|
16060
16072
|
type: ModalType.Select,
|
|
16073
|
+
managerId: DialogManager._id
|
|
16061
16074
|
};
|
|
16062
16075
|
if (!modalInfo.hostObject) {
|
|
16063
16076
|
modalInfo.hostObject = {
|
|
@@ -16072,6 +16085,7 @@ class DialogManager {
|
|
|
16072
16085
|
const modalInfo = {
|
|
16073
16086
|
...modal,
|
|
16074
16087
|
type: ModalType.CreateEdit,
|
|
16088
|
+
managerId: DialogManager._id
|
|
16075
16089
|
};
|
|
16076
16090
|
if (!modalInfo.hostObject) {
|
|
16077
16091
|
modalInfo.hostObject = {
|
|
@@ -16086,22 +16100,24 @@ class DialogManager {
|
|
|
16086
16100
|
return new Promise(resolve => {
|
|
16087
16101
|
modalInfo.resolveFunction = resolve;
|
|
16088
16102
|
let fetchProps = null;
|
|
16103
|
+
const managerId = modalInfo.managerId || '';
|
|
16089
16104
|
if (fetchData instanceof Function) {
|
|
16090
16105
|
fetchProps = async (host) => {
|
|
16091
16106
|
if (host.id === modalInfo.hostObject.id) {
|
|
16092
16107
|
if (fetchData instanceof Function) {
|
|
16093
16108
|
const props = await fetchData();
|
|
16094
|
-
dist.eventBus.$off('dialog:created', fetchProps);
|
|
16095
|
-
dist.eventBus.$emit('dialog:props', props, modalInfo.hostObject);
|
|
16109
|
+
dist.eventBus.$off('dialog:created' + managerId, fetchProps);
|
|
16110
|
+
dist.eventBus.$emit('dialog:props' + managerId, props, modalInfo.hostObject);
|
|
16096
16111
|
}
|
|
16097
16112
|
}
|
|
16098
16113
|
};
|
|
16099
|
-
dist.eventBus.$on('dialog:created', fetchProps);
|
|
16114
|
+
dist.eventBus.$on('dialog:created' + managerId, fetchProps);
|
|
16100
16115
|
}
|
|
16101
|
-
dist.eventBus.$emit('dialog:open', modalInfo);
|
|
16116
|
+
dist.eventBus.$emit('dialog:open' + managerId, modalInfo);
|
|
16102
16117
|
});
|
|
16103
16118
|
}
|
|
16104
16119
|
}
|
|
16120
|
+
DialogManager._id = '';
|
|
16105
16121
|
|
|
16106
16122
|
;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-dialog/dialog.minimized.vue?vue&type=template&id=719819aa&ts=true
|
|
16107
16123
|
|
|
@@ -16324,10 +16340,10 @@ var dialog_minimizedvue_type_script_lang_ts_external_a;
|
|
|
16324
16340
|
let DialogMinimizedComponent = class DialogMinimizedComponent extends external_vue_property_decorator_.Vue {
|
|
16325
16341
|
created() {
|
|
16326
16342
|
this.maximizeHandler = this.onMaximize.bind(this);
|
|
16327
|
-
dist.eventBus.$on('modal-maximize', this.maximizeHandler);
|
|
16343
|
+
dist.eventBus.$on('modal-maximize' + this.id, this.maximizeHandler);
|
|
16328
16344
|
}
|
|
16329
16345
|
beforeUnmount() {
|
|
16330
|
-
dist.eventBus.$off('modal-maximize', this.maximizeHandler);
|
|
16346
|
+
dist.eventBus.$off('modal-maximize' + this.id, this.maximizeHandler);
|
|
16331
16347
|
}
|
|
16332
16348
|
onMaximize(item) {
|
|
16333
16349
|
const dlg = this.dialogs.find(d => d.id === item.id);
|
|
@@ -16360,6 +16376,10 @@ let DialogMinimizedComponent = class DialogMinimizedComponent extends external_v
|
|
|
16360
16376
|
return this.items.length && this.items.length < 5;
|
|
16361
16377
|
}
|
|
16362
16378
|
};
|
|
16379
|
+
dialog_minimizedvue_type_script_lang_ts_external_decorate([
|
|
16380
|
+
(0,external_vue_property_decorator_.Prop)({ type: String, default: '' }),
|
|
16381
|
+
dialog_minimizedvue_type_script_lang_ts_external_metadata("design:type", String)
|
|
16382
|
+
], DialogMinimizedComponent.prototype, "id", void 0);
|
|
16363
16383
|
dialog_minimizedvue_type_script_lang_ts_external_decorate([
|
|
16364
16384
|
(0,external_vue_property_decorator_.Prop)(),
|
|
16365
16385
|
dialog_minimizedvue_type_script_lang_ts_external_metadata("design:type", typeof (dialog_minimizedvue_type_script_lang_ts_external_a = typeof Array !== "undefined" && Array) === "function" ? dialog_minimizedvue_type_script_lang_ts_external_a : Object)
|
|
@@ -16525,15 +16545,15 @@ let DialogComponent = class DialogComponent extends (0,external_vue_class_compon
|
|
|
16525
16545
|
}
|
|
16526
16546
|
mounted() {
|
|
16527
16547
|
this.$nextTick(() => {
|
|
16528
|
-
dist.eventBus.$on('dialog:open', this.open);
|
|
16529
|
-
dist.eventBus.$on('dialog:props', this.onSetProps);
|
|
16530
|
-
dist.eventBus.$on('dialog:close:all', this.closeAll);
|
|
16548
|
+
dist.eventBus.$on('dialog:open' + this.id, this.open);
|
|
16549
|
+
dist.eventBus.$on('dialog:props' + this.id, this.onSetProps);
|
|
16550
|
+
dist.eventBus.$on('dialog:close:all' + this.id, this.closeAll);
|
|
16531
16551
|
});
|
|
16532
16552
|
}
|
|
16533
16553
|
beforeUnmount() {
|
|
16534
|
-
dist.eventBus.$off('dialog:open', this.open);
|
|
16535
|
-
dist.eventBus.$off('dialog:props', this.onSetProps);
|
|
16536
|
-
dist.eventBus.$off('dialog:close:all', this.closeAll);
|
|
16554
|
+
dist.eventBus.$off('dialog:open' + this.id, this.open);
|
|
16555
|
+
dist.eventBus.$off('dialog:props' + this.id, this.onSetProps);
|
|
16556
|
+
dist.eventBus.$off('dialog:close:all' + this.id, this.closeAll);
|
|
16537
16557
|
}
|
|
16538
16558
|
async open(modalInfo) {
|
|
16539
16559
|
if (modalInfo.hostObject) {
|
|
@@ -16639,7 +16659,7 @@ let DialogComponent = class DialogComponent extends (0,external_vue_class_compon
|
|
|
16639
16659
|
}
|
|
16640
16660
|
}
|
|
16641
16661
|
this.dialogManager.dialogCreated(modal);
|
|
16642
|
-
dist.eventBus.$emit('dialog:created', modal.hostObject);
|
|
16662
|
+
dist.eventBus.$emit('dialog:created' + this.id, modal.hostObject);
|
|
16643
16663
|
}
|
|
16644
16664
|
}, 100);
|
|
16645
16665
|
}
|
|
@@ -16647,6 +16667,9 @@ let DialogComponent = class DialogComponent extends (0,external_vue_class_compon
|
|
|
16647
16667
|
const result = [
|
|
16648
16668
|
`${this.uniqKey(modal)} ${ModalType[modal.type]}`
|
|
16649
16669
|
];
|
|
16670
|
+
if (this.id) {
|
|
16671
|
+
result.push(`${ModalType[modal.type]}-${this.id}`);
|
|
16672
|
+
}
|
|
16650
16673
|
if (this.isMobileGlobal) {
|
|
16651
16674
|
return result;
|
|
16652
16675
|
}
|
|
@@ -16802,7 +16825,7 @@ let DialogComponent = class DialogComponent extends (0,external_vue_class_compon
|
|
|
16802
16825
|
if (!modal.show) {
|
|
16803
16826
|
this.remove(modal);
|
|
16804
16827
|
this.listenerMap.remove(modal);
|
|
16805
|
-
dist.eventBus.$emit('modal-cancel');
|
|
16828
|
+
dist.eventBus.$emit('modal-cancel' + this.id);
|
|
16806
16829
|
}
|
|
16807
16830
|
}
|
|
16808
16831
|
}
|
|
@@ -16873,7 +16896,7 @@ let DialogComponent = class DialogComponent extends (0,external_vue_class_compon
|
|
|
16873
16896
|
onMinimize(modal) {
|
|
16874
16897
|
modal.minimized = !modal.minimized;
|
|
16875
16898
|
this.dialogManager.dialogMinimizeChanged(modal);
|
|
16876
|
-
dist.eventBus.$emit('on-minimize', modal.minimized);
|
|
16899
|
+
dist.eventBus.$emit('on-minimize' + this.id, modal.minimized);
|
|
16877
16900
|
}
|
|
16878
16901
|
onActivate(modal) {
|
|
16879
16902
|
modal.processingDescription = null;
|
|
@@ -17030,6 +17053,10 @@ let DialogComponent = class DialogComponent extends (0,external_vue_class_compon
|
|
|
17030
17053
|
};
|
|
17031
17054
|
}
|
|
17032
17055
|
};
|
|
17056
|
+
ld_dialogvue_type_script_lang_ts_external_decorate([
|
|
17057
|
+
(0,external_vue_property_decorator_.Prop)({ type: String, default: '' }),
|
|
17058
|
+
ld_dialogvue_type_script_lang_ts_external_metadata("design:type", String)
|
|
17059
|
+
], DialogComponent.prototype, "id", void 0);
|
|
17033
17060
|
ld_dialogvue_type_script_lang_ts_external_decorate([
|
|
17034
17061
|
Emit('modal-in-focus'),
|
|
17035
17062
|
ld_dialogvue_type_script_lang_ts_external_metadata("design:type", Function),
|
|
@@ -17059,7 +17086,7 @@ DialogComponent = ld_dialogvue_type_script_lang_ts_external_decorate([
|
|
|
17059
17086
|
|
|
17060
17087
|
|
|
17061
17088
|
;
|
|
17062
|
-
const ld_dialog_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_dialogvue_type_script_lang_ts_external, [['render',
|
|
17089
|
+
const ld_dialog_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_dialogvue_type_script_lang_ts_external, [['render',ld_dialogvue_type_template_id_a2e3c6ee_ts_true_render]])
|
|
17063
17090
|
|
|
17064
17091
|
/* harmony default export */ const ld_dialog = (ld_dialog_exports_);
|
|
17065
17092
|
;// CONCATENATED MODULE: ./src/ld-dialog/index.ts
|
package/dist/types/dialogs.d.ts
CHANGED
|
@@ -26,6 +26,7 @@ export interface IModalInfo {
|
|
|
26
26
|
description?: string | (() => string);
|
|
27
27
|
processingDescription?: string | (() => string);
|
|
28
28
|
el?: HTMLElement;
|
|
29
|
+
managerId?: string;
|
|
29
30
|
hostObject?: IHostObject;
|
|
30
31
|
/**
|
|
31
32
|
* Окно немодальное - это начит окно отображается поверх контента страницы и не ограничивает пользователя
|