@webitel/ui-sdk 3.1.35 → 3.1.37
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/ui-sdk.common.js +55 -198
- package/dist/ui-sdk.common.js.map +1 -1
- package/dist/ui-sdk.css +1 -1
- package/dist/ui-sdk.umd.js +55 -198
- package/dist/ui-sdk.umd.js.map +1 -1
- package/dist/ui-sdk.umd.min.js +8 -8
- package/dist/ui-sdk.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/index.js +0 -2
- package/src/components/molecules/wt-datepicker/wt-datepicker.vue +106 -39
- package/src/css/components/molecules/wt-datepicker/_variables.scss +52 -17
- package/src/locale/i18n.js +1 -0
- package/src/modules/QueryFilters/components/filter-datetime.vue +3 -2
- package/src/components/molecules/wt-datetimepicker/__tests__/WtDatetimepicker.spec.js +0 -82
- package/src/components/molecules/wt-datetimepicker/wt-datetimepicker.vue +0 -300
package/dist/ui-sdk.common.js
CHANGED
|
@@ -21806,12 +21806,23 @@ Object.entries(sl).forEach(([e, n]) => {
|
|
|
21806
21806
|
|
|
21807
21807
|
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/molecules/wt-datepicker/wt-datepicker.vue?vue&type=script&setup=true&lang=js
|
|
21808
21808
|
|
|
21809
|
+
const wt_datepickervue_type_script_setup_true_lang_js_withScopeId = n => (_pushScopeId("data-v-5e75000b"), n = n(), _popScopeId(), n);
|
|
21810
|
+
const wt_datepickervue_type_script_setup_true_lang_js_hoisted_1 = {
|
|
21811
|
+
class: "datepicker__timepicker"
|
|
21812
|
+
};
|
|
21813
|
+
|
|
21809
21814
|
|
|
21810
21815
|
|
|
21816
|
+
// import { useI18n } from 'vue-i18n';
|
|
21811
21817
|
|
|
21812
21818
|
/* harmony default export */ var wt_datepickervue_type_script_setup_true_lang_js = ({
|
|
21813
21819
|
__name: 'wt-datepicker',
|
|
21814
21820
|
props: {
|
|
21821
|
+
mode: {
|
|
21822
|
+
type: String,
|
|
21823
|
+
default: 'date',
|
|
21824
|
+
options: ['date', 'datetime']
|
|
21825
|
+
},
|
|
21815
21826
|
value: {
|
|
21816
21827
|
type: [String, Number],
|
|
21817
21828
|
default: 'Date.now()'
|
|
@@ -21843,18 +21854,32 @@ Object.entries(sl).forEach(([e, n]) => {
|
|
|
21843
21854
|
description: 'Object with props, passed down to wt-label as props'
|
|
21844
21855
|
}
|
|
21845
21856
|
},
|
|
21846
|
-
emits: ['
|
|
21857
|
+
emits: ['input'],
|
|
21847
21858
|
setup(__props, {
|
|
21848
21859
|
emit
|
|
21849
21860
|
}) {
|
|
21850
21861
|
const props = __props;
|
|
21862
|
+
|
|
21863
|
+
// const i18n = useI18n();
|
|
21864
|
+
|
|
21851
21865
|
const isOpened = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(false);
|
|
21852
21866
|
const datepicker = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.ref)(null); // template ref
|
|
21853
21867
|
|
|
21868
|
+
const locale = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.computed)(() => {
|
|
21869
|
+
const {
|
|
21870
|
+
locale
|
|
21871
|
+
} = {
|
|
21872
|
+
locale: 'ua'
|
|
21873
|
+
};
|
|
21874
|
+
if (locale === 'ua') return 'uk';
|
|
21875
|
+
return locale;
|
|
21876
|
+
});
|
|
21877
|
+
const isDateTime = props.mode === 'datetime';
|
|
21854
21878
|
return (_ctx, _cache) => {
|
|
21855
21879
|
const _component_wt_label = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("wt-label");
|
|
21856
21880
|
const _component_wt_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("wt-icon");
|
|
21857
21881
|
const _component_wt_icon_btn = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("wt-icon-btn");
|
|
21882
|
+
const _component_wt_time_input = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("wt-time-input");
|
|
21858
21883
|
const _component_wt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("wt-button");
|
|
21859
21884
|
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
|
|
21860
21885
|
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([{
|
|
@@ -21873,14 +21898,16 @@ Object.entries(sl).forEach(([e, n]) => {
|
|
|
21873
21898
|
}, {
|
|
21874
21899
|
ref_key: "datepicker",
|
|
21875
21900
|
ref: datepicker,
|
|
21901
|
+
locale: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.unref)(locale),
|
|
21876
21902
|
"model-value": +__props.value,
|
|
21877
21903
|
placeholder: __props.label || __props.placeholder,
|
|
21878
21904
|
class: "wt-datepicker__datepicker"
|
|
21879
21905
|
}, {
|
|
21906
|
+
format: isDateTime ? 'dd/MM/yyyy HH:mm' : 'dd/MM/yyyy',
|
|
21880
21907
|
onClosed: _cache[2] || (_cache[2] = $event => isOpened.value = false),
|
|
21881
21908
|
onOpen: _cache[3] || (_cache[3] = $event => isOpened.value = true),
|
|
21882
|
-
"onUpdate:modelValue": _cache[4] || (_cache[4] = $event => emit('
|
|
21883
|
-
}), {
|
|
21909
|
+
"onUpdate:modelValue": _cache[4] || (_cache[4] = $event => emit('input', $event.getTime()))
|
|
21910
|
+
}), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createSlots)({
|
|
21884
21911
|
"input-icon": (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_wt_icon, {
|
|
21885
21912
|
color: __props.disabled ? 'disabled' : 'default',
|
|
21886
21913
|
icon: "calendar"
|
|
@@ -21899,28 +21926,47 @@ Object.entries(sl).forEach(([e, n]) => {
|
|
|
21899
21926
|
icon: "arrow-right"
|
|
21900
21927
|
})]),
|
|
21901
21928
|
"action-select": (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_wt_button, {
|
|
21929
|
+
wide: "",
|
|
21902
21930
|
onClick: _cache[0] || (_cache[0] = $event => datepicker.value.selectDate())
|
|
21903
21931
|
}, {
|
|
21904
21932
|
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(_ctx.$t('reusable.ok')), 1)], undefined, true),
|
|
21905
21933
|
_: 1
|
|
21906
21934
|
}), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_wt_button, {
|
|
21907
21935
|
color: "secondary",
|
|
21936
|
+
wide: "",
|
|
21908
21937
|
onClick: _cache[1] || (_cache[1] = $event => datepicker.value.closeMenu())
|
|
21909
21938
|
}, {
|
|
21910
21939
|
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(_ctx.$t('reusable.cancel')), 1)], undefined, true),
|
|
21911
21940
|
_: 1
|
|
21912
21941
|
})]),
|
|
21913
|
-
_:
|
|
21914
|
-
},
|
|
21942
|
+
_: 2
|
|
21943
|
+
}, [isDateTime ? {
|
|
21944
|
+
name: "time-picker",
|
|
21945
|
+
fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(({
|
|
21946
|
+
time,
|
|
21947
|
+
updateTime
|
|
21948
|
+
}) => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", wt_datepickervue_type_script_setup_true_lang_js_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_wt_time_input, {
|
|
21949
|
+
label: _ctx.$t('webitelUI.timepicker.hour'),
|
|
21950
|
+
value: time.hours,
|
|
21951
|
+
"max-value": "23",
|
|
21952
|
+
onInput: updateTime
|
|
21953
|
+
}, null, 8, ["label", "value", "onInput"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_wt_time_input, {
|
|
21954
|
+
label: _ctx.$t('webitelUI.timepicker.min'),
|
|
21955
|
+
value: time.minutes,
|
|
21956
|
+
"max-value": "59",
|
|
21957
|
+
onInput: $event => updateTime($event, false)
|
|
21958
|
+
}, null, 8, ["label", "value", "onInput"])])]),
|
|
21959
|
+
key: "0"
|
|
21960
|
+
} : undefined]), 1040, ["locale", "model-value", "placeholder", "format"])], 2);
|
|
21915
21961
|
};
|
|
21916
21962
|
}
|
|
21917
21963
|
});
|
|
21918
21964
|
;// CONCATENATED MODULE: ./src/components/molecules/wt-datepicker/wt-datepicker.vue?vue&type=script&setup=true&lang=js
|
|
21919
21965
|
|
|
21920
|
-
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/molecules/wt-datepicker/wt-datepicker.vue?vue&type=style&index=0&id=
|
|
21966
|
+
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/molecules/wt-datepicker/wt-datepicker.vue?vue&type=style&index=0&id=5e75000b&lang=scss&scoped=true
|
|
21921
21967
|
// extracted by mini-css-extract-plugin
|
|
21922
21968
|
|
|
21923
|
-
;// CONCATENATED MODULE: ./src/components/molecules/wt-datepicker/wt-datepicker.vue?vue&type=style&index=0&id=
|
|
21969
|
+
;// CONCATENATED MODULE: ./src/components/molecules/wt-datepicker/wt-datepicker.vue?vue&type=style&index=0&id=5e75000b&lang=scss&scoped=true
|
|
21924
21970
|
|
|
21925
21971
|
;// CONCATENATED MODULE: ./src/components/molecules/wt-datepicker/wt-datepicker.vue
|
|
21926
21972
|
|
|
@@ -21928,197 +21974,10 @@ Object.entries(sl).forEach(([e, n]) => {
|
|
|
21928
21974
|
|
|
21929
21975
|
;
|
|
21930
21976
|
|
|
21931
|
-
const wt_datepicker_exports_ = wt_datepickervue_type_script_setup_true_lang_js;
|
|
21932
21977
|
|
|
21933
|
-
|
|
21934
|
-
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/molecules/wt-datetimepicker/wt-datetimepicker.vue?vue&type=template&id=2e6c604c&scoped=true
|
|
21978
|
+
const wt_datepicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(wt_datepickervue_type_script_setup_true_lang_js, [['__scopeId',"data-v-5e75000b"]])
|
|
21935
21979
|
|
|
21936
|
-
|
|
21937
|
-
const wt_datetimepickervue_type_template_id_2e6c604c_scoped_true_hoisted_1 = ["value"];
|
|
21938
|
-
const wt_datetimepickervue_type_template_id_2e6c604c_scoped_true_hoisted_2 = {
|
|
21939
|
-
class: "wt-datetimepicker__form"
|
|
21940
|
-
};
|
|
21941
|
-
const wt_datetimepickervue_type_template_id_2e6c604c_scoped_true_hoisted_3 = {
|
|
21942
|
-
class: "wt-datetimepicker__quick-filters-wrapper"
|
|
21943
|
-
};
|
|
21944
|
-
const wt_datetimepickervue_type_template_id_2e6c604c_scoped_true_hoisted_4 = {
|
|
21945
|
-
class: "wt-datetimepicker__form-wrapper"
|
|
21946
|
-
};
|
|
21947
|
-
const wt_datetimepickervue_type_template_id_2e6c604c_scoped_true_hoisted_5 = {
|
|
21948
|
-
class: "wt-datetimepicker__actions"
|
|
21949
|
-
};
|
|
21950
|
-
function wt_datetimepickervue_type_template_id_2e6c604c_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
21951
|
-
const _component_wt_label = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("wt-label");
|
|
21952
|
-
const _component_wt_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("wt-icon");
|
|
21953
|
-
const _component_wt_datepicker = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("wt-datepicker");
|
|
21954
|
-
const _component_wt_timepicker = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("wt-timepicker");
|
|
21955
|
-
const _component_wt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("wt-button");
|
|
21956
|
-
const _component_v_dropdown = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("v-dropdown");
|
|
21957
|
-
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_v_dropdown, {
|
|
21958
|
-
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["wt-datetimepicker", {
|
|
21959
|
-
'wt-datetimepicker--active': _ctx.isOpened,
|
|
21960
|
-
'wt-datetimepicker--disabled': $props.disabled
|
|
21961
|
-
}]),
|
|
21962
|
-
shown: _ctx.isOpened,
|
|
21963
|
-
"onUpdate:shown": _cache[4] || (_cache[4] = $event => _ctx.isOpened = $event),
|
|
21964
|
-
placement: "bottom-start"
|
|
21965
|
-
}, {
|
|
21966
|
-
popper: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", wt_datetimepickervue_type_template_id_2e6c604c_scoped_true_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", wt_datetimepickervue_type_template_id_2e6c604c_scoped_true_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", {
|
|
21967
|
-
class: "wt-datetimepicker__quick-filter",
|
|
21968
|
-
onClick: _cache[1] || (_cache[1] = (...args) => $options.setLastHour && $options.setLastHour(...args))
|
|
21969
|
-
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(_ctx.$t('webitelUI.datetimepicker.lastHour')), 1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", {
|
|
21970
|
-
class: "wt-datetimepicker__quick-filter",
|
|
21971
|
-
onClick: _cache[2] || (_cache[2] = (...args) => $options.setLastDay && $options.setLastDay(...args))
|
|
21972
|
-
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(_ctx.$t('webitelUI.datetimepicker.lastDay')), 1)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", wt_datetimepickervue_type_template_id_2e6c604c_scoped_true_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_wt_datepicker, {
|
|
21973
|
-
class: "wt-datetimepicker__datepicker",
|
|
21974
|
-
value: _ctx.draft,
|
|
21975
|
-
"maximum-view": 'day',
|
|
21976
|
-
"disabled-dates": $props.disabledDates,
|
|
21977
|
-
"monday-first": "",
|
|
21978
|
-
inline: "",
|
|
21979
|
-
onChange: $options.setDraft
|
|
21980
|
-
}, null, 8, ["value", "disabled-dates", "onChange"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_wt_timepicker, {
|
|
21981
|
-
class: "wt-datetimepicker__timepicker",
|
|
21982
|
-
modelValue: _ctx.draft,
|
|
21983
|
-
"onUpdate:modelValue": _cache[3] || (_cache[3] = $event => _ctx.draft = $event),
|
|
21984
|
-
format: "hh:mm",
|
|
21985
|
-
"date-mode": ""
|
|
21986
|
-
}, null, 8, ["modelValue"])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", wt_datetimepickervue_type_template_id_2e6c604c_scoped_true_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_wt_button, {
|
|
21987
|
-
onClick: $options.input
|
|
21988
|
-
}, {
|
|
21989
|
-
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(_ctx.$t('reusable.add')), 1)], undefined, true),
|
|
21990
|
-
_: 1
|
|
21991
|
-
}, 8, ["onClick"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_wt_button, {
|
|
21992
|
-
color: "secondary",
|
|
21993
|
-
onClick: $options.close
|
|
21994
|
-
}, {
|
|
21995
|
-
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)(_ctx.$t('reusable.cancel')), 1)], undefined, true),
|
|
21996
|
-
_: 1
|
|
21997
|
-
}, 8, ["onClick"])])])]),
|
|
21998
|
-
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_wt_label, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)($props.labelProps, {
|
|
21999
|
-
disabled: $props.disabled
|
|
22000
|
-
}), {
|
|
22001
|
-
default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "label", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeProps)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.guardReactiveProps)({
|
|
22002
|
-
label: $props.label
|
|
22003
|
-
})), () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.label), 1)], true)], undefined, true),
|
|
22004
|
-
_: 3
|
|
22005
|
-
}, 16, ["disabled"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
|
|
22006
|
-
class: "wt-datetimepicker__preview",
|
|
22007
|
-
tabindex: "0",
|
|
22008
|
-
onKeyup: _cache[0] || (_cache[0] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withKeys)($event => _ctx.isOpened = !_ctx.isOpened, ["enter"]))
|
|
22009
|
-
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_wt_icon, {
|
|
22010
|
-
class: "wt-datetimepicker__calendar-icon",
|
|
22011
|
-
icon: "calendar"
|
|
22012
|
-
}), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("input", {
|
|
22013
|
-
class: "wt-datetimepicker__preview__input",
|
|
22014
|
-
value: $options.displayValue,
|
|
22015
|
-
autocomplete: "off",
|
|
22016
|
-
readonly: ""
|
|
22017
|
-
}, null, 8, wt_datetimepickervue_type_template_id_2e6c604c_scoped_true_hoisted_1), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_wt_icon, {
|
|
22018
|
-
class: "wt-datetimepicker__arrow-icon",
|
|
22019
|
-
icon: "arrow-down"
|
|
22020
|
-
})], 32)], undefined, true),
|
|
22021
|
-
_: 3
|
|
22022
|
-
}, 8, ["class", "shown"]);
|
|
22023
|
-
}
|
|
22024
|
-
;// CONCATENATED MODULE: ./src/components/molecules/wt-datetimepicker/wt-datetimepicker.vue?vue&type=template&id=2e6c604c&scoped=true
|
|
22025
|
-
|
|
22026
|
-
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/molecules/wt-datetimepicker/wt-datetimepicker.vue?vue&type=script&lang=js
|
|
22027
|
-
// import Datepicker from 'vuejs-datepicker';
|
|
22028
|
-
|
|
22029
|
-
/* harmony default export */ var wt_datetimepickervue_type_script_lang_js = ({
|
|
22030
|
-
name: 'wt-datetimepicker',
|
|
22031
|
-
components: {
|
|
22032
|
-
// Datepicker,
|
|
22033
|
-
},
|
|
22034
|
-
props: {
|
|
22035
|
-
value: {
|
|
22036
|
-
type: [String, Number],
|
|
22037
|
-
default: 0
|
|
22038
|
-
},
|
|
22039
|
-
label: {
|
|
22040
|
-
type: String,
|
|
22041
|
-
default: ''
|
|
22042
|
-
},
|
|
22043
|
-
disabled: {
|
|
22044
|
-
type: Boolean,
|
|
22045
|
-
default: false
|
|
22046
|
-
},
|
|
22047
|
-
disabledDates: {
|
|
22048
|
-
type: Object
|
|
22049
|
-
},
|
|
22050
|
-
labelProps: {
|
|
22051
|
-
type: Object,
|
|
22052
|
-
description: 'Object with props, passed down to wt-label as props'
|
|
22053
|
-
}
|
|
22054
|
-
},
|
|
22055
|
-
model: {
|
|
22056
|
-
prop: 'value',
|
|
22057
|
-
event: 'change'
|
|
22058
|
-
},
|
|
22059
|
-
watch: {
|
|
22060
|
-
isOpened: {
|
|
22061
|
-
handler() {
|
|
22062
|
-
this.draft = this.value;
|
|
22063
|
-
},
|
|
22064
|
-
immediate: true
|
|
22065
|
-
}
|
|
22066
|
-
},
|
|
22067
|
-
data: () => ({
|
|
22068
|
-
isOpened: false,
|
|
22069
|
-
draft: 0
|
|
22070
|
-
}),
|
|
22071
|
-
computed: {
|
|
22072
|
-
// prop value representation on picker preview
|
|
22073
|
-
displayValue() {
|
|
22074
|
-
// const date = new Date(+this.value).toLocaleDateString();
|
|
22075
|
-
// const time = new Date(+this.value).toLocaleTimeString() // https://stackoverflow.com/questions/17913681/how-do-i-use-tolocaletimestring-without-displaying-seconds
|
|
22076
|
-
// .slice(0, 5);
|
|
22077
|
-
// return `${date} ${time}`;
|
|
22078
|
-
return new Date(+this.value).toLocaleString();
|
|
22079
|
-
}
|
|
22080
|
-
},
|
|
22081
|
-
methods: {
|
|
22082
|
-
setLastHour() {
|
|
22083
|
-
const value = Date.now() - 60 * 60 * 10 ** 3; // 60 min x 60 sec x 1000 ms
|
|
22084
|
-
this.$emit('change', value);
|
|
22085
|
-
this.close();
|
|
22086
|
-
},
|
|
22087
|
-
setLastDay() {
|
|
22088
|
-
const value = Date.now() - 24 * 60 * 60 * 10 ** 3; // 24hour x 60 min x 60 sec x 1000 ms
|
|
22089
|
-
this.$emit('change', value);
|
|
22090
|
-
this.close();
|
|
22091
|
-
},
|
|
22092
|
-
input() {
|
|
22093
|
-
this.$emit('change', this.draft);
|
|
22094
|
-
this.close();
|
|
22095
|
-
},
|
|
22096
|
-
setDraft(value) {
|
|
22097
|
-
this.draft = value;
|
|
22098
|
-
},
|
|
22099
|
-
close() {
|
|
22100
|
-
this.isOpened = false;
|
|
22101
|
-
}
|
|
22102
|
-
}
|
|
22103
|
-
});
|
|
22104
|
-
;// CONCATENATED MODULE: ./src/components/molecules/wt-datetimepicker/wt-datetimepicker.vue?vue&type=script&lang=js
|
|
22105
|
-
|
|
22106
|
-
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/molecules/wt-datetimepicker/wt-datetimepicker.vue?vue&type=style&index=0&id=2e6c604c&lang=scss&scoped=true
|
|
22107
|
-
// extracted by mini-css-extract-plugin
|
|
22108
|
-
|
|
22109
|
-
;// CONCATENATED MODULE: ./src/components/molecules/wt-datetimepicker/wt-datetimepicker.vue?vue&type=style&index=0&id=2e6c604c&lang=scss&scoped=true
|
|
22110
|
-
|
|
22111
|
-
;// CONCATENATED MODULE: ./src/components/molecules/wt-datetimepicker/wt-datetimepicker.vue
|
|
22112
|
-
|
|
22113
|
-
|
|
22114
|
-
|
|
22115
|
-
|
|
22116
|
-
;
|
|
22117
|
-
|
|
22118
|
-
|
|
22119
|
-
const wt_datetimepicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(wt_datetimepickervue_type_script_lang_js, [['render',wt_datetimepickervue_type_template_id_2e6c604c_scoped_true_render],['__scopeId',"data-v-2e6c604c"]])
|
|
22120
|
-
|
|
22121
|
-
/* harmony default export */ var wt_datetimepicker = (wt_datetimepicker_exports_);
|
|
21980
|
+
/* harmony default export */ var wt_datepicker = (wt_datepicker_exports_);
|
|
22122
21981
|
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/molecules/wt-icon-btn/wt-icon-btn.vue?vue&type=template&id=72cf0ee8&scoped=true
|
|
22123
21982
|
|
|
22124
21983
|
const wt_icon_btnvue_type_template_id_72cf0ee8_scoped_true_withScopeId = n => (_pushScopeId("data-v-72cf0ee8"), n = n(), _popScopeId(), n);
|
|
@@ -34191,7 +34050,6 @@ const wt_page_header_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(wt_
|
|
|
34191
34050
|
|
|
34192
34051
|
|
|
34193
34052
|
|
|
34194
|
-
|
|
34195
34053
|
|
|
34196
34054
|
|
|
34197
34055
|
const Components = {
|
|
@@ -34209,7 +34067,6 @@ const Components = {
|
|
|
34209
34067
|
WtRoundedAction: wt_rounded_action,
|
|
34210
34068
|
WtCheckbox: wt_checkbox,
|
|
34211
34069
|
WtDatepicker: wt_datepicker,
|
|
34212
|
-
WtDatetimepicker: wt_datetimepicker,
|
|
34213
34070
|
WtIconBtn: wt_icon_btn,
|
|
34214
34071
|
WtInput: wt_input,
|
|
34215
34072
|
WtHint: wt_hint,
|