@ldmjs/ui 1.0.0-dev-11 → 1.0.0-dev-12
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/README.md +40 -1
- package/dist/css/main.css +3 -1
- package/dist/index.js +145 -11
- package/dist/scss/_toolbar.scss +16 -0
- package/dist/scss/_variables.scss +9 -0
- package/dist/scss/index.scss +1 -0
- package/dist/types/options.d.ts +1 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -20,7 +20,9 @@ yarn add @ldmjs/ui@latest
|
|
|
20
20
|
|
|
21
21
|
```js
|
|
22
22
|
import { createApp } from 'vue';
|
|
23
|
-
import '@ldmjs/ui/dist/css';
|
|
23
|
+
import '@ldmjs/ui/dist/css/index.css';
|
|
24
|
+
import '@ldmjs/ui/dist/css/main.css';
|
|
25
|
+
import '@ldmjs/ui/dist/css/calendar.css';
|
|
24
26
|
import '@ldmjs/ui/dist/scss';
|
|
25
27
|
import ldmui from '@ldmjs/ui';
|
|
26
28
|
```
|
|
@@ -211,6 +213,43 @@ const items = [
|
|
|
211
213
|
<ld-edit-text v-model="value" :only-numbers="true" label="Номер" />
|
|
212
214
|
```
|
|
213
215
|
|
|
216
|
+
## #ld-datepicker
|
|
217
|
+
|
|
218
|
+
### use datepicker
|
|
219
|
+
|
|
220
|
+
```html
|
|
221
|
+
<ld-datepicker v-model="value" :dateonly="false" label="Ld datepicker" />
|
|
222
|
+
```
|
|
223
|
+
|
|
224
|
+
## #ld-tabs
|
|
225
|
+
|
|
226
|
+
### use tabs
|
|
227
|
+
|
|
228
|
+
```html
|
|
229
|
+
<ld-tabs v-model="value" :mobile="false">
|
|
230
|
+
<ld-tab index="0" heading="Tab 1">Content</ld-tab>
|
|
231
|
+
<ld-tab index="1" heading="Tab 1">Content</ld-tab>
|
|
232
|
+
</ld-tabs>
|
|
233
|
+
```
|
|
234
|
+
|
|
235
|
+
## #ld-page-toolbar
|
|
236
|
+
|
|
237
|
+
### use page toolbar
|
|
238
|
+
|
|
239
|
+
```html
|
|
240
|
+
<ld-page-toolbar :preview="isMobile">
|
|
241
|
+
<template #breadcrumbs>
|
|
242
|
+
<ld-breadcrumbs :breadcrumbs="breadcrumbs" />
|
|
243
|
+
</template>
|
|
244
|
+
<template #content>
|
|
245
|
+
<span>Header</span>
|
|
246
|
+
</template>
|
|
247
|
+
<template #action-panel>
|
|
248
|
+
<ld-button>Button</ld-button>
|
|
249
|
+
</template>
|
|
250
|
+
</ld-page-toolbar>
|
|
251
|
+
```
|
|
252
|
+
|
|
214
253
|
# Utilities
|
|
215
254
|
|
|
216
255
|
- isDefined
|
package/dist/css/main.css
CHANGED
|
@@ -8,5 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
.ld-datepicker[data-v-2278e290]{min-width:100%;max-width:100%;width:100%;height:100%;font-size:inherit !important;display:flex}.ld-datepicker.column[data-v-2278e290]{flex-flow:column nowrap}.ld-datepicker-validate[data-v-2278e290]{overflow:hidden;height:20px}.custom-time-picker[data-v-2278e290]{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-2278e290]{overflow:hidden;height:20px}.date-input[data-v-2278e290]{padding-left:5px;width:100%;font-size:var(--font-size)}.time-input[data-v-2278e290]{width:100%;padding-left:5px;font-size:var(--font-size)}.time-input-btn[data-v-2278e290]{padding-right:5px}.dt-col[data-v-2278e290]{max-width:110px}.time-selector[data-v-2278e290]{display:flex;flex-wrap:wrap;max-width:186px;padding:3px}.time-selector>span[data-v-2278e290]{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-2278e290]{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-2278e290] .vc-popover-content-wrapper{position:fixed !important}[data-v-2278e290] .v-input--is-disabled input{color:var(--text) !important}[data-v-2278e290] .vc-popover-content{border-color:var(--grey-l-5)}[data-v-2278e290] .vc-title span{color:var(--text);font-size:var(--font-size-2);font-weight:600;font-family:'Roboto'}[data-v-2278e290] .vc-arrow{color:var(--grey)}[data-v-2278e290] .vc-weekday{color:var(--grey-l-2);font-size:var(--font-size);font-weight:600;font-family:'Roboto'}[data-v-2278e290] .vc-day-content{color:var(--text);font-size:var(--font-size);font-weight:400;font-family:'Roboto'}[data-v-2278e290] .vc-day-content.vc-disabled{color:var(--grey-l-2) !important}[data-v-2278e290] .vc-day-content.vc-highlight-content-solid{color:var(--white) !important;font-weight:600 !important}
|
|
10
10
|
|
|
11
|
-
.ld-tabs[data-v-
|
|
11
|
+
.ld-tabs[data-v-2882a2f2]{margin-left:0;display:flex;height:100%;width:100%;overflow-y:auto}.ld-tabs .header-text[data-v-2882a2f2]{font-size:var(--font-size-2)}.ld-tabs-mobile[data-v-2882a2f2]{height:100%}.ld-tabs .body[data-v-2882a2f2]{display:flex;flex-flow:column nowrap;max-width:100%;width:100%;height:100%;justify-content:space-between;padding-top:3px}.ld-tabs .vertical-body[data-v-2882a2f2]{--w: 44px;display:flex;flex-flow:column nowrap;width:calc(100% - var(--w)) !important;height:100%}.v-window[data-v-2882a2f2]{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-2882a2f2]{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)}[data-v-2882a2f2] .ld-tabs .v-tab{background-color:transparent}[data-v-2882a2f2] .ld-tabs .v-slide-group-item--active{background-color:var(--white)}[data-v-2882a2f2] .v-window.mobile .tg-field .v-row .v-col{flex:1 0 0 !important}[data-v-2882a2f2] .v-window.mobile .tg-field .text-viewer-wrapper .v-col{flex:1 0 0 !important}[data-v-2882a2f2] .vertical-tab .v-tab{justify-content:flex-start;border:1px solid var(--grey-l-5);border-radius:0 !important;text-transform:none !important;width:100%;min-width:auto !important}[data-v-2882a2f2] .vertical-tab .v-tab:last-child{border-bottom:1px solid var(--grey-l-5) !important}[data-v-2882a2f2] .vertical-tab .v-slide-group__content{flex-flow:column nowrap;height:100% !important;width:100% !important}[data-v-2882a2f2] .vertical-tab .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-2882a2f2] .v-tab{height:var(--ld-tab-height) !important;display:flex !important;text-transform:uppercase !important;border-bottom:none !important;padding:0 12px !important;font-size:var(--font-size);color:var(--text) !important;background-color:var(--white);letter-spacing:0 !important}[data-v-2882a2f2] .v-tab.v-slide-group-item--active{border-right-color:transparent}[data-v-2882a2f2] .v-slide-group-item--active .v-btn__content{font-weight:bold;color:var(--primary) !important}[data-v-2882a2f2] .v-btn:hover::before{background-color:inherit}[data-v-2882a2f2] .v-slide-group--vertical{border-color:var(--grey-l-5);border:1px}[data-v-2882a2f2] .v-slide-group--vertical .v-tab__slider{width:0px}[data-v-2882a2f2] .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-2882a2f2] .v-window-item{height:100%}[data-v-2882a2f2] .ld-tabs-mobile.hide-tabs .v-tab{display:none !important}[data-v-2882a2f2] .ld-tabs-mobile.hide-body .v-slide-group{width:100% !important}[data-v-2882a2f2] .ld-tabs-mobile.hide-body .v-window{display:none !important}[data-v-2882a2f2] .v-tabs-mobile .v-slide-group__content .v-btn__content{display:block !important}
|
|
12
|
+
|
|
13
|
+
.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)}
|
|
12
14
|
|
package/dist/index.js
CHANGED
|
@@ -4042,28 +4042,28 @@ function ld_tab_reg(vue, options) {
|
|
|
4042
4042
|
}
|
|
4043
4043
|
/* harmony default export */ const src_ld_tab = (ld_tab_reg);
|
|
4044
4044
|
|
|
4045
|
-
;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ld-tabs/ld-tabs.vue?vue&type=template&id=
|
|
4045
|
+
;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ld-tabs/ld-tabs.vue?vue&type=template&id=2882a2f2&scoped=true
|
|
4046
4046
|
|
|
4047
4047
|
|
|
4048
|
-
const
|
|
4049
|
-
const
|
|
4050
|
-
const
|
|
4048
|
+
const ld_tabsvue_type_template_id_2882a2f2_scoped_true_withScopeId = n => (_pushScopeId("data-v-2882a2f2"),n=n(),_popScopeId(),n)
|
|
4049
|
+
const ld_tabsvue_type_template_id_2882a2f2_scoped_true_hoisted_1 = { class: "d-flex flex-column h-100" }
|
|
4050
|
+
const ld_tabsvue_type_template_id_2882a2f2_scoped_true_hoisted_2 = {
|
|
4051
4051
|
class: "d-flex align-center justify-end",
|
|
4052
4052
|
style: {"height":"var(--ld-tab-height)"}
|
|
4053
4053
|
}
|
|
4054
|
-
const
|
|
4054
|
+
const ld_tabsvue_type_template_id_2882a2f2_scoped_true_hoisted_3 = {
|
|
4055
4055
|
key: 0,
|
|
4056
4056
|
class: "header-text flex-1-1 px-4 font-weight-bold"
|
|
4057
4057
|
}
|
|
4058
4058
|
|
|
4059
|
-
function
|
|
4059
|
+
function ld_tabsvue_type_template_id_2882a2f2_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4060
4060
|
const _component_square_button = (0,external_vue_.resolveComponent)("square-button")
|
|
4061
4061
|
const _component_v_tooltip = (0,external_vue_.resolveComponent)("v-tooltip")
|
|
4062
4062
|
const _component_v_tabs = (0,external_vue_.resolveComponent)("v-tabs")
|
|
4063
4063
|
const _component_v_window = (0,external_vue_.resolveComponent)("v-window")
|
|
4064
4064
|
const _component_v_row = (0,external_vue_.resolveComponent)("v-row")
|
|
4065
4065
|
|
|
4066
|
-
return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div",
|
|
4066
|
+
return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_tabsvue_type_template_id_2882a2f2_scoped_true_hoisted_1, [
|
|
4067
4067
|
(0,external_vue_.createVNode)(_component_v_row, {
|
|
4068
4068
|
"no-gutters": "",
|
|
4069
4069
|
class: (0,external_vue_.normalizeClass)([{ 'ld-tabs-mobile': _ctx.isMobileGlobal && _ctx.vertical, 'hide-tabs': !_ctx.isTabsVisibled, 'hide-body': _ctx.isTabsVisibled }, "ld-tabs"])
|
|
@@ -4090,9 +4090,9 @@ function ld_tabsvue_type_template_id_d17ec18e_scoped_true_render(_ctx, _cache, $
|
|
|
4090
4090
|
key: 0,
|
|
4091
4091
|
class: (0,external_vue_.normalizeClass)({ 'w-100': !_ctx.isMobileGlobal, 'tab-mobile': _ctx.isMobileGlobal })
|
|
4092
4092
|
}, [
|
|
4093
|
-
(0,external_vue_.createElementVNode)("div",
|
|
4093
|
+
(0,external_vue_.createElementVNode)("div", ld_tabsvue_type_template_id_2882a2f2_scoped_true_hoisted_2, [
|
|
4094
4094
|
(_ctx.isTabsVisibled)
|
|
4095
|
-
? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("p",
|
|
4095
|
+
? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("p", ld_tabsvue_type_template_id_2882a2f2_scoped_true_hoisted_3, (0,external_vue_.toDisplayString)(_ctx.header), 1))
|
|
4096
4096
|
: (0,external_vue_.createCommentVNode)("", true),
|
|
4097
4097
|
(0,external_vue_.createTextVNode)(),
|
|
4098
4098
|
(0,external_vue_.createVNode)(_component_v_tooltip, { location: "bottom" }, {
|
|
@@ -4158,7 +4158,7 @@ function ld_tabsvue_type_template_id_d17ec18e_scoped_true_render(_ctx, _cache, $
|
|
|
4158
4158
|
(0,external_vue_.renderSlot)(_ctx.$slots, "footer", {}, undefined, true)
|
|
4159
4159
|
]))
|
|
4160
4160
|
}
|
|
4161
|
-
;// CONCATENATED MODULE: ./src/ld-tabs/ld-tabs.vue?vue&type=template&id=
|
|
4161
|
+
;// CONCATENATED MODULE: ./src/ld-tabs/ld-tabs.vue?vue&type=template&id=2882a2f2&scoped=true
|
|
4162
4162
|
|
|
4163
4163
|
;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use[0]!./src/ld-tabs/ld-tabs.ts?vue&type=script&lang=js&external
|
|
4164
4164
|
var ld_tabsvue_type_script_lang_js_external_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
@@ -4326,7 +4326,7 @@ LdTabsComponent = ld_tabsvue_type_script_lang_js_external_decorate([
|
|
|
4326
4326
|
;
|
|
4327
4327
|
|
|
4328
4328
|
|
|
4329
|
-
const ld_tabs_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_tabsvue_type_script_lang_js_external, [['render',
|
|
4329
|
+
const ld_tabs_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_tabsvue_type_script_lang_js_external, [['render',ld_tabsvue_type_template_id_2882a2f2_scoped_true_render],['__scopeId',"data-v-2882a2f2"]])
|
|
4330
4330
|
|
|
4331
4331
|
/* harmony default export */ const ld_tabs = (ld_tabs_exports_);
|
|
4332
4332
|
;// CONCATENATED MODULE: ./src/ld-tabs/index.ts
|
|
@@ -4342,6 +4342,133 @@ function ld_tabs_reg(vue, options) {
|
|
|
4342
4342
|
}
|
|
4343
4343
|
/* harmony default export */ const src_ld_tabs = (ld_tabs_reg);
|
|
4344
4344
|
|
|
4345
|
+
;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ld-page-toolbar/ld-page-toolbar.vue?vue&type=template&id=79e04ede&scoped=true&ts=true
|
|
4346
|
+
|
|
4347
|
+
const ld_page_toolbarvue_type_template_id_79e04ede_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-79e04ede"), n = n(), _popScopeId(), n);
|
|
4348
|
+
const ld_page_toolbarvue_type_template_id_79e04ede_scoped_true_ts_true_hoisted_1 = { key: 0 };
|
|
4349
|
+
const ld_page_toolbarvue_type_template_id_79e04ede_scoped_true_ts_true_hoisted_2 = { class: "toolbar-inner" };
|
|
4350
|
+
const ld_page_toolbarvue_type_template_id_79e04ede_scoped_true_ts_true_hoisted_3 = {
|
|
4351
|
+
key: 0,
|
|
4352
|
+
class: "d-flex align-center",
|
|
4353
|
+
style: { "position": "relative" }
|
|
4354
|
+
};
|
|
4355
|
+
const ld_page_toolbarvue_type_template_id_79e04ede_scoped_true_ts_true_hoisted_4 = { class: "toolbar-caption" };
|
|
4356
|
+
function ld_page_toolbarvue_type_template_id_79e04ede_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4357
|
+
const _component_ld_icon = (0,external_vue_.resolveComponent)("ld-icon");
|
|
4358
|
+
const _component_square_button = (0,external_vue_.resolveComponent)("square-button");
|
|
4359
|
+
const _component_v_toolbar = (0,external_vue_.resolveComponent)("v-toolbar");
|
|
4360
|
+
return ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_v_toolbar, {
|
|
4361
|
+
height: _ctx.preview ? 44 : 72
|
|
4362
|
+
}, {
|
|
4363
|
+
default: (0,external_vue_.withCtx)(() => [
|
|
4364
|
+
(0,external_vue_.createElementVNode)("div", {
|
|
4365
|
+
class: (0,external_vue_.normalizeClass)(["toolbar-wrapper", { '--preview': _ctx.preview }])
|
|
4366
|
+
}, [
|
|
4367
|
+
(!_ctx.preview)
|
|
4368
|
+
? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_page_toolbarvue_type_template_id_79e04ede_scoped_true_ts_true_hoisted_1, [
|
|
4369
|
+
(0,external_vue_.renderSlot)(_ctx.$slots, "breadcrumbs", {}, undefined, true)
|
|
4370
|
+
]))
|
|
4371
|
+
: (0,external_vue_.createCommentVNode)("", true),
|
|
4372
|
+
(0,external_vue_.createTextVNode)(),
|
|
4373
|
+
(0,external_vue_.createElementVNode)("div", ld_page_toolbarvue_type_template_id_79e04ede_scoped_true_ts_true_hoisted_2, [
|
|
4374
|
+
(!_ctx.preview)
|
|
4375
|
+
? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_page_toolbarvue_type_template_id_79e04ede_scoped_true_ts_true_hoisted_3, [
|
|
4376
|
+
(!_ctx.noBackAction)
|
|
4377
|
+
? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_square_button, {
|
|
4378
|
+
key: 0,
|
|
4379
|
+
onClick: _ctx.emitBackClick
|
|
4380
|
+
}, {
|
|
4381
|
+
default: (0,external_vue_.withCtx)(() => [
|
|
4382
|
+
(0,external_vue_.createVNode)(_component_ld_icon, { class: "primary--text" }, {
|
|
4383
|
+
default: (0,external_vue_.withCtx)(() => [
|
|
4384
|
+
(0,external_vue_.createTextVNode)("arrow_back")
|
|
4385
|
+
]),
|
|
4386
|
+
_: 1
|
|
4387
|
+
})
|
|
4388
|
+
]),
|
|
4389
|
+
_: 1
|
|
4390
|
+
}, 8, ["onClick"]))
|
|
4391
|
+
: (0,external_vue_.createCommentVNode)("", true),
|
|
4392
|
+
(0,external_vue_.createTextVNode)(),
|
|
4393
|
+
(0,external_vue_.createElementVNode)("div", ld_page_toolbarvue_type_template_id_79e04ede_scoped_true_ts_true_hoisted_4, [
|
|
4394
|
+
(0,external_vue_.renderSlot)(_ctx.$slots, "content", {}, undefined, true)
|
|
4395
|
+
])
|
|
4396
|
+
]))
|
|
4397
|
+
: (0,external_vue_.createCommentVNode)("", true),
|
|
4398
|
+
(0,external_vue_.createTextVNode)(),
|
|
4399
|
+
(0,external_vue_.createElementVNode)("div", {
|
|
4400
|
+
class: (0,external_vue_.normalizeClass)(["d-flex", {
|
|
4401
|
+
'align-end justify-end': !_ctx.preview,
|
|
4402
|
+
'align-center w-100': _ctx.preview,
|
|
4403
|
+
}])
|
|
4404
|
+
}, [
|
|
4405
|
+
(0,external_vue_.createElementVNode)("div", {
|
|
4406
|
+
style: { "height": "var(--input-height)" },
|
|
4407
|
+
class: (0,external_vue_.normalizeClass)(["d-flex", { 'w-100': _ctx.preview }])
|
|
4408
|
+
}, [
|
|
4409
|
+
(0,external_vue_.renderSlot)(_ctx.$slots, "action-panel", {}, undefined, true)
|
|
4410
|
+
], 2)
|
|
4411
|
+
], 2)
|
|
4412
|
+
])
|
|
4413
|
+
], 2)
|
|
4414
|
+
]),
|
|
4415
|
+
_: 3
|
|
4416
|
+
}, 8, ["height"]));
|
|
4417
|
+
}
|
|
4418
|
+
|
|
4419
|
+
;// CONCATENATED MODULE: ./src/ld-page-toolbar/ld-page-toolbar.vue?vue&type=template&id=79e04ede&scoped=true&ts=true
|
|
4420
|
+
|
|
4421
|
+
;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use[0]!./src/ld-page-toolbar/ld-page-toolbar.ts?vue&type=script&lang=ts&external
|
|
4422
|
+
var ld_page_toolbarvue_type_script_lang_ts_external_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
|
|
4423
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
4424
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4425
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
4426
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
4427
|
+
};
|
|
4428
|
+
var ld_page_toolbarvue_type_script_lang_ts_external_metadata = (undefined && undefined.__metadata) || function (k, v) {
|
|
4429
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
4430
|
+
};
|
|
4431
|
+
|
|
4432
|
+
let PageToolbarComponent = class PageToolbarComponent extends external_vue_property_decorator_.Vue {
|
|
4433
|
+
emitBackClick() {
|
|
4434
|
+
this.$emit('back-click');
|
|
4435
|
+
}
|
|
4436
|
+
};
|
|
4437
|
+
ld_page_toolbarvue_type_script_lang_ts_external_decorate([
|
|
4438
|
+
(0,external_vue_property_decorator_.Prop)({ type: Boolean, default: false }),
|
|
4439
|
+
ld_page_toolbarvue_type_script_lang_ts_external_metadata("design:type", Boolean)
|
|
4440
|
+
], PageToolbarComponent.prototype, "preview", void 0);
|
|
4441
|
+
ld_page_toolbarvue_type_script_lang_ts_external_decorate([
|
|
4442
|
+
(0,external_vue_property_decorator_.Prop)({ type: Boolean, default: false }),
|
|
4443
|
+
ld_page_toolbarvue_type_script_lang_ts_external_metadata("design:type", Boolean)
|
|
4444
|
+
], PageToolbarComponent.prototype, "noBackAction", void 0);
|
|
4445
|
+
PageToolbarComponent = ld_page_toolbarvue_type_script_lang_ts_external_decorate([
|
|
4446
|
+
(0,external_vue_property_decorator_.Options)({
|
|
4447
|
+
emits: ['back-click']
|
|
4448
|
+
})
|
|
4449
|
+
], PageToolbarComponent);
|
|
4450
|
+
/* harmony default export */ const ld_page_toolbarvue_type_script_lang_ts_external = (PageToolbarComponent);
|
|
4451
|
+
|
|
4452
|
+
;// CONCATENATED MODULE: ./src/ld-page-toolbar/ld-page-toolbar.ts?vue&type=script&lang=ts&external
|
|
4453
|
+
|
|
4454
|
+
;// CONCATENATED MODULE: ./src/ld-page-toolbar/ld-page-toolbar.vue
|
|
4455
|
+
|
|
4456
|
+
|
|
4457
|
+
|
|
4458
|
+
|
|
4459
|
+
;
|
|
4460
|
+
|
|
4461
|
+
|
|
4462
|
+
const ld_page_toolbar_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_page_toolbarvue_type_script_lang_ts_external, [['render',ld_page_toolbarvue_type_template_id_79e04ede_scoped_true_ts_true_render],['__scopeId',"data-v-79e04ede"]])
|
|
4463
|
+
|
|
4464
|
+
/* harmony default export */ const ld_page_toolbar = (ld_page_toolbar_exports_);
|
|
4465
|
+
;// CONCATENATED MODULE: ./src/ld-page-toolbar/index.ts
|
|
4466
|
+
|
|
4467
|
+
function ld_page_toolbar_reg(vue, options) {
|
|
4468
|
+
vue.component(options.aliases['ld-page-toolbar'], ld_page_toolbar);
|
|
4469
|
+
}
|
|
4470
|
+
/* harmony default export */ const src_ld_page_toolbar = (ld_page_toolbar_reg);
|
|
4471
|
+
|
|
4345
4472
|
;// CONCATENATED MODULE: ./src/utils/delay.ts
|
|
4346
4473
|
async function delay(timeout) {
|
|
4347
4474
|
return new Promise(resolve => setTimeout(() => resolve(), timeout));
|
|
@@ -4405,6 +4532,10 @@ const defaults = {
|
|
|
4405
4532
|
class: 'v-chip--badge',
|
|
4406
4533
|
variant: 'outlined',
|
|
4407
4534
|
},
|
|
4535
|
+
VToolbar: {
|
|
4536
|
+
height: 60,
|
|
4537
|
+
density: 'default',
|
|
4538
|
+
},
|
|
4408
4539
|
};
|
|
4409
4540
|
function getAliases(components) {
|
|
4410
4541
|
const result = {};
|
|
@@ -4446,6 +4577,7 @@ const ActiveDirectiveOptions = {
|
|
|
4446
4577
|
|
|
4447
4578
|
|
|
4448
4579
|
|
|
4580
|
+
|
|
4449
4581
|
const ldmuiPlugin = {
|
|
4450
4582
|
install(vue, options) {
|
|
4451
4583
|
if (!options) {
|
|
@@ -4463,6 +4595,7 @@ const ldmuiPlugin = {
|
|
|
4463
4595
|
'ld-datepicker': options.aliases?.['ld-datepicker'] ?? 'ld-datepicker',
|
|
4464
4596
|
'ld-tab': options.aliases?.['ld-tab'] ?? 'ld-tab',
|
|
4465
4597
|
'ld-tabs': options.aliases?.['ld-tabs'] ?? 'ld-tabs',
|
|
4598
|
+
'ld-page-toolbar': options.aliases?.['ld-page-toolbar'] ?? 'ld-page-toolbar',
|
|
4466
4599
|
};
|
|
4467
4600
|
vue.config.globalProperties.$utils = {
|
|
4468
4601
|
isDefined: isDefined,
|
|
@@ -4484,6 +4617,7 @@ const ldmuiPlugin = {
|
|
|
4484
4617
|
src_ld_datepicker(vue, options);
|
|
4485
4618
|
src_ld_tab(vue, options);
|
|
4486
4619
|
src_ld_tabs(vue, options);
|
|
4620
|
+
src_ld_page_toolbar(vue, options);
|
|
4487
4621
|
},
|
|
4488
4622
|
};
|
|
4489
4623
|
/* harmony default export */ const src = (ldmuiPlugin);
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
.v-toolbar {
|
|
2
|
+
&:not(.v-app-bar) {
|
|
3
|
+
.v-toolbar__content {
|
|
4
|
+
padding-top: 4px;
|
|
5
|
+
padding-bottom: 4px;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.v-toolbar__content > .v-btn:first-child {
|
|
10
|
+
margin-inline-start: 0;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.v-toolbar__content > .v-btn:last-child {
|
|
14
|
+
margin-inline-end: 0;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
@@ -5,6 +5,11 @@ $chip-height: 20px !default; // высота элемента chip
|
|
|
5
5
|
|
|
6
6
|
$ld-tab-height: $input-height + 10px; // высота элемента ld-tab
|
|
7
7
|
|
|
8
|
+
$shadow-1: 0px 3px 4px 0px rgba(0, 0, 0, 0.14);
|
|
9
|
+
$shadow-2: 0px 3px 4px 0px rgba(0, 0, 0, 0.20);
|
|
10
|
+
$shadow-3: 0px 5px 6px 0px rgba(0, 0, 0, 0.30);
|
|
11
|
+
$shadow-4: 0px 16px 20px 0px rgba(0, 0, 0, 0.20);
|
|
12
|
+
|
|
8
13
|
:root {
|
|
9
14
|
--font-size: #{$font-size};
|
|
10
15
|
--font-size-2: #{calc(var(--font-size) + 2px)};
|
|
@@ -12,4 +17,8 @@ $ld-tab-height: $input-height + 10px; // высота элемента ld-tab
|
|
|
12
17
|
--border-radius: #{$border-radius};
|
|
13
18
|
--chip-height: #{$chip-height};
|
|
14
19
|
--ld-tab-height: #{$ld-tab-height};
|
|
20
|
+
--shadow-1: #{$shadow-1};
|
|
21
|
+
--shadow-2: #{$shadow-2};
|
|
22
|
+
--shadow-3: #{$shadow-3};
|
|
23
|
+
--shadow-4: #{$shadow-4};
|
|
15
24
|
}
|
package/dist/scss/index.scss
CHANGED
package/dist/types/options.d.ts
CHANGED