@ldmjs/ui 1.0.45 → 1.0.46
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 +1 -1
- package/dist/index.js +40 -43
- package/package.json +1 -1
package/dist/css/index.css
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
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)}
|
|
5
|
-
.ld-datepicker[data-v-
|
|
5
|
+
.ld-datepicker[data-v-5d604ea8]{display:flex;min-width:100%;max-width:100%;width:100%;font-size:var(--font-size)}.ld-datepicker.column[data-v-5d604ea8]{flex-flow:column nowrap}.ld-datepicker-validate[data-v-5d604ea8]{overflow:hidden;height:20px}.custom-time-picker[data-v-5d604ea8]{max-width:var(--date-time-width);border-radius:var(--border-radius);background-color:var(--white);font-size:inherit !important}.custom-time-picker-validate[data-v-5d604ea8]{overflow:hidden;height:20px}.date-input[data-v-5d604ea8]{padding-left:5px;width:100%;font-size:var(--font-size)}.time-input[data-v-5d604ea8]{width:100%;padding-left:5px;font-size:var(--font-size)}.time-input-btn[data-v-5d604ea8]{padding-right:5px}.dt-col[data-v-5d604ea8]{max-width:110px}.time-selector[data-v-5d604ea8]{display:flex;flex-wrap:wrap;max-width:186px;padding:3px}.time-selector>span[data-v-5d604ea8]{display:inline-block;width:100%;text-align:center;font-family:"Roboto";font-size:var(--font-size-2);font-weight:700}.time-selector .v-btn[data-v-5d604ea8]{width:30px !important;height:30px !important;max-width:30px !important;max-height:30px !important;min-width:30px !important;min-height:30px !important;margin:3px}[data-v-5d604ea8] .v-input--is-disabled input{color:var(--text) !important}[data-v-5d604ea8] .vc-popover-content{border-color:var(--grey-l-5)}[data-v-5d604ea8] .vc-title span{color:var(--text);font-size:var(--font-size-2);font-weight:600;font-family:"Roboto"}[data-v-5d604ea8] .vc-arrow{color:var(--grey)}[data-v-5d604ea8] .vc-weekday{color:var(--grey-l-2);font-size:var(--font-size);font-weight:600;font-family:"Roboto"}[data-v-5d604ea8] .vc-day-content{color:var(--text);font-size:var(--font-size);font-weight:400;font-family:"Roboto"}[data-v-5d604ea8] .vc-day-content.vc-disabled{color:var(--grey-l-2) !important}[data-v-5d604ea8] .vc-day-content.vc-highlight-content-solid{color:var(--white) !important;font-weight:600 !important}
|
|
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-195dd2c7]{display:flex;min-width:100%;max-width:100%;width:100%}.ld-select-list-box .select-list-box-validate[data-v-195dd2c7]{overflow:hidden;height:20px}.ld-select-list-box .select-list-box-loading[data-v-195dd2c7]{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-195dd2c7]:before{content:"";display:block;position:absolute;top:0;left:0;width:25%;height:100%;background-color:var(--primary);animation:loading-195dd2c7 1.4s linear;animation-iteration-count:infinite}@keyframes loading-195dd2c7{from{transform:translateX(-300%)}to{transform:translateX(500%)}}
|
package/dist/index.js
CHANGED
|
@@ -3055,20 +3055,20 @@ function ld_edit_text_reg(vue, options) {
|
|
|
3055
3055
|
}
|
|
3056
3056
|
/* harmony default export */ const src_ld_edit_text = (ld_edit_text_reg);
|
|
3057
3057
|
|
|
3058
|
-
;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-datepicker/ld-datepicker.vue?vue&type=template&id=
|
|
3058
|
+
;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-datepicker/ld-datepicker.vue?vue&type=template&id=5d604ea8&scoped=true
|
|
3059
3059
|
|
|
3060
3060
|
|
|
3061
|
-
const
|
|
3062
|
-
const
|
|
3063
|
-
const
|
|
3064
|
-
const
|
|
3065
|
-
const
|
|
3061
|
+
const ld_datepickervue_type_template_id_5d604ea8_scoped_true_withScopeId = n => (_pushScopeId("data-v-5d604ea8"),n=n(),_popScopeId(),n)
|
|
3062
|
+
const ld_datepickervue_type_template_id_5d604ea8_scoped_true_hoisted_1 = { class: "time-selector" }
|
|
3063
|
+
const ld_datepickervue_type_template_id_5d604ea8_scoped_true_hoisted_2 = { key: 0 }
|
|
3064
|
+
const ld_datepickervue_type_template_id_5d604ea8_scoped_true_hoisted_3 = { key: 1 }
|
|
3065
|
+
const ld_datepickervue_type_template_id_5d604ea8_scoped_true_hoisted_4 = {
|
|
3066
3066
|
key: 1,
|
|
3067
3067
|
class: "w-100",
|
|
3068
3068
|
style: {"position":"relative"}
|
|
3069
3069
|
}
|
|
3070
3070
|
|
|
3071
|
-
function
|
|
3071
|
+
function ld_datepickervue_type_template_id_5d604ea8_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3072
3072
|
const _component_ld_label = (0,external_vue_.resolveComponent)("ld-label")
|
|
3073
3073
|
const _component_ld_icon = (0,external_vue_.resolveComponent)("ld-icon")
|
|
3074
3074
|
const _component_square_button = (0,external_vue_.resolveComponent)("square-button")
|
|
@@ -3232,10 +3232,10 @@ function ld_datepickervue_type_template_id_136d8d38_scoped_true_render(_ctx, _ca
|
|
|
3232
3232
|
color: _ctx.timeString ? 'var(--text)' : 'var(--grey-l-2)',
|
|
3233
3233
|
}),
|
|
3234
3234
|
class: "w-100",
|
|
3235
|
+
"hide-details": "",
|
|
3235
3236
|
tabindex: _ctx.timeTabIndex,
|
|
3236
3237
|
disabled: _ctx.isDateEmpty,
|
|
3237
3238
|
placeholder: _ctx.placeholderTimepicker,
|
|
3238
|
-
"hide-details": "",
|
|
3239
3239
|
readonly: _ctx.isMobileGlobal,
|
|
3240
3240
|
onFocus: _ctx.onInputTimeFocus
|
|
3241
3241
|
}, null, 40, ["id", "model-value", "style", "tabindex", "disabled", "placeholder", "readonly", "onFocus"])),
|
|
@@ -3287,13 +3287,13 @@ function ld_datepickervue_type_template_id_136d8d38_scoped_true_render(_ctx, _ca
|
|
|
3287
3287
|
style: {"border":"1px solid var(--grey-l-5)"}
|
|
3288
3288
|
}, {
|
|
3289
3289
|
default: (0,external_vue_.withCtx)(() => [
|
|
3290
|
-
(0,external_vue_.createElementVNode)("div",
|
|
3290
|
+
(0,external_vue_.createElementVNode)("div", ld_datepickervue_type_template_id_5d604ea8_scoped_true_hoisted_1, [
|
|
3291
3291
|
(_ctx.isHours)
|
|
3292
|
-
? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span",
|
|
3292
|
+
? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_datepickervue_type_template_id_5d604ea8_scoped_true_hoisted_2, "Часы"))
|
|
3293
3293
|
: (0,external_vue_.createCommentVNode)("", true),
|
|
3294
3294
|
(0,external_vue_.createTextVNode)(),
|
|
3295
3295
|
(_ctx.isMinutes)
|
|
3296
|
-
? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span",
|
|
3296
|
+
? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_datepickervue_type_template_id_5d604ea8_scoped_true_hoisted_3, "Минуты"))
|
|
3297
3297
|
: (0,external_vue_.createCommentVNode)("", true),
|
|
3298
3298
|
(0,external_vue_.createTextVNode)(),
|
|
3299
3299
|
(0,external_vue_.createElementVNode)("div", null, [
|
|
@@ -3340,15 +3340,15 @@ function ld_datepickervue_type_template_id_136d8d38_scoped_true_render(_ctx, _ca
|
|
|
3340
3340
|
]),
|
|
3341
3341
|
_: 1
|
|
3342
3342
|
}, 8, ["modelValue", "disabled"]))
|
|
3343
|
-
: ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div",
|
|
3343
|
+
: ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_datepickervue_type_template_id_5d604ea8_scoped_true_hoisted_4, [
|
|
3344
3344
|
((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)((0,external_vue_.resolveDynamicComponent)(_ctx.$ldmui.options.aliases['ld-edit-text']), {
|
|
3345
3345
|
modelValue: _ctx.timeString,
|
|
3346
3346
|
"onUpdate:modelValue": _cache[4] || (_cache[4] = $event => ((_ctx.timeString) = $event)),
|
|
3347
|
-
placeholder:
|
|
3347
|
+
placeholder: _ctx.placeholderTimepicker,
|
|
3348
3348
|
"hide-details": "",
|
|
3349
3349
|
readonly: "",
|
|
3350
3350
|
disabled: ""
|
|
3351
|
-
}, null, 8, ["modelValue"])),
|
|
3351
|
+
}, null, 8, ["modelValue", "placeholder"])),
|
|
3352
3352
|
(0,external_vue_.createTextVNode)(),
|
|
3353
3353
|
(0,external_vue_.createVNode)(_component_square_button, {
|
|
3354
3354
|
icon: "",
|
|
@@ -3409,7 +3409,7 @@ function ld_datepickervue_type_template_id_136d8d38_scoped_true_render(_ctx, _ca
|
|
|
3409
3409
|
_: 1
|
|
3410
3410
|
}))
|
|
3411
3411
|
}
|
|
3412
|
-
;// CONCATENATED MODULE: ./src/ld-datepicker/ld-datepicker.vue?vue&type=template&id=
|
|
3412
|
+
;// CONCATENATED MODULE: ./src/ld-datepicker/ld-datepicker.vue?vue&type=template&id=5d604ea8&scoped=true
|
|
3413
3413
|
|
|
3414
3414
|
;// CONCATENATED MODULE: ./node_modules/imask/esm/core/utils.js
|
|
3415
3415
|
/** Checks if value is string */
|
|
@@ -7501,6 +7501,8 @@ let DatepickerComponent = class DatepickerComponent extends (0,external_vue_clas
|
|
|
7501
7501
|
}
|
|
7502
7502
|
}
|
|
7503
7503
|
created() {
|
|
7504
|
+
/* eslint-disable no-console */
|
|
7505
|
+
console.log(this.placeholderTimepicker);
|
|
7504
7506
|
this.dateMaskPromise = new Promise(resolve => {
|
|
7505
7507
|
this.dateMaskPromiseResolve = resolve;
|
|
7506
7508
|
});
|
|
@@ -7530,21 +7532,18 @@ let DatepickerComponent = class DatepickerComponent extends (0,external_vue_clas
|
|
|
7530
7532
|
blocks: {
|
|
7531
7533
|
d: {
|
|
7532
7534
|
mask: IMask.MaskedRange,
|
|
7533
|
-
placeholderChar: '_',
|
|
7534
7535
|
from: 1,
|
|
7535
7536
|
to: 31,
|
|
7536
7537
|
maxLength: 2,
|
|
7537
7538
|
},
|
|
7538
7539
|
m: {
|
|
7539
7540
|
mask: IMask.MaskedRange,
|
|
7540
|
-
placeholderChar: '_',
|
|
7541
7541
|
from: 1,
|
|
7542
7542
|
to: 12,
|
|
7543
7543
|
maxLength: 2,
|
|
7544
7544
|
},
|
|
7545
7545
|
Y: {
|
|
7546
7546
|
mask: IMask.MaskedRange,
|
|
7547
|
-
placeholderChar: '_',
|
|
7548
7547
|
from: 1900,
|
|
7549
7548
|
to: 2999,
|
|
7550
7549
|
maxLength: 4,
|
|
@@ -7806,29 +7805,27 @@ let DatepickerComponent = class DatepickerComponent extends (0,external_vue_clas
|
|
|
7806
7805
|
if (input) {
|
|
7807
7806
|
const inputEl = input.$el.querySelector('input');
|
|
7808
7807
|
if (inputEl) {
|
|
7809
|
-
const timeOptions = {
|
|
7810
|
-
|
|
7811
|
-
|
|
7812
|
-
|
|
7813
|
-
|
|
7814
|
-
|
|
7815
|
-
|
|
7816
|
-
|
|
7817
|
-
|
|
7818
|
-
|
|
7819
|
-
|
|
7820
|
-
|
|
7821
|
-
|
|
7822
|
-
|
|
7823
|
-
|
|
7824
|
-
|
|
7825
|
-
|
|
7826
|
-
|
|
7827
|
-
|
|
7828
|
-
|
|
7829
|
-
|
|
7830
|
-
};
|
|
7831
|
-
this.timeMask = IMask(inputEl, timeOptions);
|
|
7808
|
+
// const timeOptions: IOptions = {
|
|
7809
|
+
// mask: 'HH:mm',
|
|
7810
|
+
// lazy: false,
|
|
7811
|
+
// overwrite: true,
|
|
7812
|
+
// autofix: true,
|
|
7813
|
+
// blocks: {
|
|
7814
|
+
// HH: {
|
|
7815
|
+
// mask: IMask.MaskedRange,
|
|
7816
|
+
// from: 0,
|
|
7817
|
+
// to: 23,
|
|
7818
|
+
// maxLength: 2
|
|
7819
|
+
// },
|
|
7820
|
+
// mm: {
|
|
7821
|
+
// mask: IMask.MaskedRange,
|
|
7822
|
+
// from: 0,
|
|
7823
|
+
// to: 59,
|
|
7824
|
+
// maxLength: 2,
|
|
7825
|
+
// },
|
|
7826
|
+
// },
|
|
7827
|
+
// };
|
|
7828
|
+
this.timeMask = IMask(inputEl, {});
|
|
7832
7829
|
this.timeMask._unbindEvents();
|
|
7833
7830
|
this.timeMask._bindEvents();
|
|
7834
7831
|
this.timeMask.on('complete', () => this.onTimeMaskedValueChanged(this.timeMask.value));
|
|
@@ -7966,7 +7963,7 @@ ld_datepickervue_type_script_lang_js_external_decorate([
|
|
|
7966
7963
|
ld_datepickervue_type_script_lang_js_external_metadata("design:type", String)
|
|
7967
7964
|
], DatepickerComponent.prototype, "placeholder", void 0);
|
|
7968
7965
|
ld_datepickervue_type_script_lang_js_external_decorate([
|
|
7969
|
-
(0,external_vue_property_decorator_.Prop)({ type: String, default: '
|
|
7966
|
+
(0,external_vue_property_decorator_.Prop)({ type: String, default: 'ЧЧ:MM' }),
|
|
7970
7967
|
ld_datepickervue_type_script_lang_js_external_metadata("design:type", String)
|
|
7971
7968
|
], DatepickerComponent.prototype, "placeholderTimepicker", void 0);
|
|
7972
7969
|
ld_datepickervue_type_script_lang_js_external_decorate([
|
|
@@ -8069,7 +8066,7 @@ DatepickerComponent = ld_datepickervue_type_script_lang_js_external_decorate([
|
|
|
8069
8066
|
;
|
|
8070
8067
|
|
|
8071
8068
|
|
|
8072
|
-
const ld_datepicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_datepickervue_type_script_lang_js_external, [['render',
|
|
8069
|
+
const ld_datepicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_datepickervue_type_script_lang_js_external, [['render',ld_datepickervue_type_template_id_5d604ea8_scoped_true_render],['__scopeId',"data-v-5d604ea8"]])
|
|
8073
8070
|
|
|
8074
8071
|
/* harmony default export */ const ld_datepicker = (ld_datepicker_exports_);
|
|
8075
8072
|
;// CONCATENATED MODULE: ./src/ld-datepicker/index.ts
|