quasar-ui-sellmate-ui-kit 3.9.5 → 3.9.7
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/index.common.js +2 -2
- package/dist/index.css +1 -1
- package/dist/index.esm.js +2 -2
- package/dist/index.min.css +1 -1
- package/dist/index.rtl.css +1 -1
- package/dist/index.rtl.min.css +1 -1
- package/dist/index.umd.js +917 -398
- package/dist/index.umd.min.js +2 -2
- package/package.json +1 -1
- package/src/assets/icons.js +3 -7
- package/src/components/STableTree.vue +468 -0
- package/src/components/STag.vue +5 -1
- package/src/components/TableTreeNode.vue +182 -0
- package/src/composables/table/use-resizable-tree.js +96 -0
- package/src/vue-plugin.js +2 -0
- package/src/assets/pathIcon.png +0 -0
package/dist/index.umd.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* quasar-ui-sellmate-ui-kit v3.9.
|
|
2
|
+
* quasar-ui-sellmate-ui-kit v3.9.6
|
|
3
3
|
* (c) 2024 Sellmate Dev Team <dev@sellmate.co.kr>
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.sellmateUI = factory(global.Vue, global.Quasar));
|
|
11
11
|
})(this, (function (vue, quasar) { 'use strict';
|
|
12
12
|
|
|
13
|
-
var script$
|
|
13
|
+
var script$G = vue.defineComponent({
|
|
14
14
|
name: 'SBreadcrumbs',
|
|
15
15
|
components: {
|
|
16
16
|
QBreadcrumbs: quasar.QBreadcrumbs,
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
},
|
|
22
22
|
});
|
|
23
23
|
|
|
24
|
-
function render$
|
|
24
|
+
function render$H(_ctx, _cache, $props, $setup, $data, $options) {
|
|
25
25
|
var _component_q_breadcrumbs_el = vue.resolveComponent("q-breadcrumbs-el");
|
|
26
26
|
var _component_q_breadcrumbs = vue.resolveComponent("q-breadcrumbs");
|
|
27
27
|
|
|
@@ -79,12 +79,12 @@
|
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
81
|
|
|
82
|
-
var css_248z$
|
|
83
|
-
styleInject(css_248z$
|
|
82
|
+
var css_248z$F = ".q-breadcrumbs.s-breadcrumbs {\n height: 22px;\n}\n.q-breadcrumbs.s-breadcrumbs > div {\n height: 100%;\n margin: 0 !important;\n}\n.q-breadcrumbs.s-breadcrumbs > div > div {\n margin: 0 !important;\n}\n.q-breadcrumbs.s-breadcrumbs > div .q-breadcrumbs__separator {\n margin: 0 8px !important;\n}\n.q-breadcrumbs.s-breadcrumbs > div .q-breadcrumbs--last {\n font-weight: bold;\n}";
|
|
83
|
+
styleInject(css_248z$F);
|
|
84
84
|
|
|
85
|
-
script$
|
|
85
|
+
script$G.render = render$H;
|
|
86
86
|
|
|
87
|
-
var script$
|
|
87
|
+
var script$F = vue.defineComponent({
|
|
88
88
|
name: 'SButton',
|
|
89
89
|
components: { QBtn: quasar.QBtn },
|
|
90
90
|
props: {
|
|
@@ -103,7 +103,7 @@
|
|
|
103
103
|
},
|
|
104
104
|
});
|
|
105
105
|
|
|
106
|
-
function render$
|
|
106
|
+
function render$G(_ctx, _cache, $props, $setup, $data, $options) {
|
|
107
107
|
var _component_q_btn = vue.resolveComponent("q-btn");
|
|
108
108
|
|
|
109
109
|
return (vue.openBlock(), vue.createBlock(_component_q_btn, {
|
|
@@ -130,12 +130,12 @@
|
|
|
130
130
|
}, 8, ["color", "class"]))
|
|
131
131
|
}
|
|
132
132
|
|
|
133
|
-
var css_248z$
|
|
134
|
-
styleInject(css_248z$
|
|
133
|
+
var css_248z$E = ".s-button.q-btn {\n min-height: 0;\n height: fit-content;\n justify-content: center;\n}\n.s-button.q-btn.icon-with > .q-btn__content {\n align-items: center;\n}\n.s-button.q-btn.icon-only {\n padding: 5px;\n}\n.s-button.q-btn > .q-btn__content {\n height: 100%;\n}\n.s-button.q-btn > .q-btn__content > span {\n height: 100%;\n}\n.s-button:hover.q-focusable:focus > .q-focus-helper, .s-button:hover.q-manual-focusable--focused > .q-focus-helper, .s-button:hover.q-hoverable:hover > .q-focus-helper {\n opacity: 0.3;\n transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1);\n}\n.s-button:hover.q-focusable:focus > .q-focus-helper:before, .s-button:hover.q-manual-focusable--focused > .q-focus-helper:before, .s-button:hover.q-hoverable:hover > .q-focus-helper:before {\n opacity: 1.4;\n transition: none;\n}\n.s-button:hover.q-focusable:focus > .q-focus-helper:after, .s-button:hover.q-manual-focusable--focused > .q-focus-helper:after, .s-button:hover.q-hoverable:hover > .q-focus-helper:after {\n opacity: 0;\n transition: none;\n}\n.s-button.q-btn--outline:hover.q-focusable:focus > .q-focus-helper:before, .s-button.q-btn--outline:hover.q-manual-focusable--focused > .q-focus-helper:before, .s-button.q-btn--outline:hover.q-hoverable:hover > .q-focus-helper:before {\n opacity: 0;\n}\n.s-button.q-btn--outline:hover.q-focusable:focus > .q-focus-helper:after, .s-button.q-btn--outline:hover.q-manual-focusable--focused > .q-focus-helper:after, .s-button.q-btn--outline:hover.q-hoverable:hover > .q-focus-helper:after {\n opacity: 0.55;\n}\n.s-button-xs.q-btn {\n height: 24px;\n padding: 2px 8px !important;\n font-weight: 400;\n font-size: 12px;\n line-height: 20px;\n min-width: 60px;\n}\n.s-button-xs.q-btn.icon-with {\n padding: 2px 12px 2px 10px !important;\n}\n.s-button-xs.q-btn.icon-with .q-icon {\n font-size: 1em;\n}\n.s-button-xs.q-btn.icon-with .on-left {\n margin-right: 4px;\n}\n.s-button-xs.q-btn.icon-only {\n min-width: 24px;\n min-height: 24px;\n padding: 4px !important;\n}\n.s-button-xs.q-btn.icon-only .q-icon {\n font-size: 1.334em;\n}\n.s-button-xs.q-btn > .q-btn__content {\n height: 20px;\n}\n.s-button-sm.q-btn {\n height: 28px;\n padding: 4px 12px !important;\n font-weight: 400;\n font-size: 12px;\n line-height: 20px;\n min-width: 70px;\n}\n.s-button-sm.q-btn.icon-with {\n padding: 4px 12px 4px 10px !important;\n}\n.s-button-sm.q-btn.icon-with .q-icon {\n font-size: 1.334em;\n}\n.s-button-sm.q-btn.icon-with .on-left {\n margin-right: 4px;\n}\n.s-button-sm.q-btn.icon-only {\n min-width: 28px;\n min-height: 28px;\n padding: 6px !important;\n}\n.s-button-sm.q-btn.icon-only .q-icon {\n font-size: 1.334em;\n}\n.s-button-sm.q-btn > .q-btn__content {\n height: 20px;\n}\n.s-button-md {\n padding: 4px 20px !important;\n font-weight: 400;\n font-size: 16px;\n line-height: 1.625em;\n min-width: 100px;\n}\n.s-button-md.icon-with {\n padding: 4px 20px 4px 16px !important;\n}\n.s-button-md.icon-with .q-icon {\n font-size: 1.5em;\n}\n.s-button-md.icon-with .on-left {\n margin-right: 8px;\n}\n.s-button-md.icon-only {\n min-width: 34px;\n min-height: 34px;\n padding: 5px !important;\n}\n.s-button-md.icon-only .q-icon {\n font-size: 1.5em;\n}\n.s-button-md > .q-btn__content {\n max-height: 1.625em;\n}\n.s-button.q-btn--outline.disabled,\n.s-button.disabled {\n background: #e1e1e1 !important;\n opacity: 1 !important;\n color: #888888 !important;\n border: none !important;\n}\n.s-button.q-btn--outline.disabled:before,\n.s-button.disabled:before {\n border: 1px solid #cccccc;\n}";
|
|
134
|
+
styleInject(css_248z$E);
|
|
135
135
|
|
|
136
|
-
script$
|
|
136
|
+
script$F.render = render$G;
|
|
137
137
|
|
|
138
|
-
var script$
|
|
138
|
+
var script$E = vue.defineComponent({
|
|
139
139
|
name: 'SButtonGroup',
|
|
140
140
|
components: {
|
|
141
141
|
QBtnGroup: quasar.QBtnGroup,
|
|
@@ -148,7 +148,7 @@
|
|
|
148
148
|
},
|
|
149
149
|
});
|
|
150
150
|
|
|
151
|
-
function render$
|
|
151
|
+
function render$F(_ctx, _cache, $props, $setup, $data, $options) {
|
|
152
152
|
var _component_q_btn_group = vue.resolveComponent("q-btn-group");
|
|
153
153
|
|
|
154
154
|
return (vue.openBlock(), vue.createBlock(_component_q_btn_group, {
|
|
@@ -163,12 +163,12 @@
|
|
|
163
163
|
}, 8, ["class"]))
|
|
164
164
|
}
|
|
165
165
|
|
|
166
|
-
var css_248z$
|
|
167
|
-
styleInject(css_248z$
|
|
166
|
+
var css_248z$D = ".s-btn-group .disabled {\n border: none;\n}\n.s-btn-group .disabled::before {\n border: 1px solid #cccccc;\n}";
|
|
167
|
+
styleInject(css_248z$D);
|
|
168
168
|
|
|
169
|
-
script$
|
|
169
|
+
script$E.render = render$F;
|
|
170
170
|
|
|
171
|
-
var script$
|
|
171
|
+
var script$D = vue.defineComponent({
|
|
172
172
|
name: 'SButtonToggle',
|
|
173
173
|
components: {
|
|
174
174
|
QBtnToggle: quasar.QBtnToggle,
|
|
@@ -195,7 +195,7 @@
|
|
|
195
195
|
},
|
|
196
196
|
});
|
|
197
197
|
|
|
198
|
-
function render$
|
|
198
|
+
function render$E(_ctx, _cache, $props, $setup, $data, $options) {
|
|
199
199
|
var _component_q_btn_toggle = vue.resolveComponent("q-btn-toggle");
|
|
200
200
|
|
|
201
201
|
return (vue.openBlock(), vue.createBlock(_component_q_btn_toggle, {
|
|
@@ -222,10 +222,10 @@
|
|
|
222
222
|
}, null, 8, ["modelValue", "class"]))
|
|
223
223
|
}
|
|
224
224
|
|
|
225
|
-
var css_248z$
|
|
226
|
-
styleInject(css_248z$
|
|
225
|
+
var css_248z$C = ".s-btn-toggle .q-btn:first-of-type {\n border-radius: 4px 0 0 4px;\n}\n.s-btn-toggle .q-btn:last-of-type {\n border-radius: 0 4px 4px 0;\n}\n.s-btn-toggle .q-btn:before {\n border-left: 1px solid #cccccc !important;\n}\n.s-btn-toggle .q-btn:hover > .q-focus-helper {\n background-color: #0075ff !important;\n opacity: 1 !important;\n}\n.s-btn-toggle .q-btn:hover > .q-focus-helper:before, .s-btn-toggle .q-btn:hover > .q-focus-helper:after {\n background-color: #0075ff !important;\n opacity: 1;\n}\n.s-btn-toggle .q-btn:hover .q-btn__content > span {\n color: white !important;\n}\n.s-btn-toggle .q-btn:hover + .q-btn:not(.text-positive):before {\n border-left: none !important;\n}\n.s-btn-toggle .q-btn:not(:last-child):hover {\n box-shadow: 1px 0 0 #0075ff !important;\n transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);\n z-index: 1;\n}\n.s-btn-toggle .q-btn .q-btn--active {\n background: #0075ff !important;\n color: white !important;\n}\n.s-btn-toggle .q-btn .q-btn--active:before {\n border: 1px solid #0075ff !important;\n}\n.s-btn-toggle .q-btn .q-btn--active .q-btn__content > span {\n color: white !important;\n}\n.s-btn-toggle .text-positive:before {\n border: 1px solid #0075ff !important;\n}\n.s-btn-toggle .text-positive:not(:last-child):before {\n border-right: none !important;\n}\n.s-btn-toggle .text-positive:not(:last-child).q-btn {\n box-shadow: 1px 0 0 #0075ff !important;\n z-index: 2;\n}\n.s-btn-toggle .text-positive + .q-btn:before {\n border-left: none !important;\n}\n.s-btn-toggle .text-positive.q-btn--active:hover .q-btn__content > span {\n color: white !important;\n}\n.s-btn-toggle .text-positive:hover > .q-focus-helper {\n background-color: #0075ff !important;\n opacity: 1 !important;\n}\n.s-btn-toggle .text-positive:hover > .q-focus-helper:before, .s-btn-toggle .text-positive:hover > .q-focus-helper:after {\n background-color: #0075ff !important;\n opacity: 1;\n}\n.s-btn-toggle .text-positive:hover .q-btn__content > span {\n color: white !important;\n}\n.s-btn-toggle-sm .q-btn {\n padding: 4px 12px !important !important;\n}\n.s-btn-toggle-sm .q-btn .q-btn__content > span {\n line-height: 165%;\n font-size: 12px !important;\n font-weight: 400;\n}\n.s-btn-toggle-md .q-btn {\n padding: 4px 20px !important !important;\n}\n.s-btn-toggle-md .q-btn .q-btn__content > span {\n line-height: 1.625em !important;\n font-size: 16px !important;\n font-weight: 500 !important;\n}";
|
|
226
|
+
styleInject(css_248z$C);
|
|
227
227
|
|
|
228
|
-
script$
|
|
228
|
+
script$D.render = render$E;
|
|
229
229
|
|
|
230
230
|
var helpOutlineIcon = 'M12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3Z@@fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round&&M9 9.10227C9 8.19318 9.6 6.375 12 6.375C14.4 6.375 15 8.19318 15 9.10227C15 9.87055 14.5715 11.2881 12.9901 11.7088C12.4564 11.8508 12 12.2773 12 12.8295V13.875@@fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round&&M12 15.75C12.5523 15.75 13 16.1977 13 16.75C13 17.3023 12.5523 17.75 12 17.75C11.4477 17.75 11 17.3023 11 16.75C11 16.1977 11.4477 15.75 12 15.75Z@@fill:currentColor|0 0 24 24';
|
|
231
231
|
var cautionOutlineIcon = "M12 3.5L3 20H21L12 3.5Z@@fill: white; stroke: white; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round\n&&M12 15.5C12.5523 15.5 13 15.9477 13 16.5C13 17.0523 12.5523 17.5 12 17.5C11.4477 17.5 11 17.0523 11 16.5C11 15.9477 11.4477 15.5 12 15.5Z@@fill: currentColor\n&&M12 9.25C12.4142 9.25 12.75 9.58579 12.75 10L12.75 14C12.75 14.4142 12.4142 14.75 12 14.75C11.5858 14.75 11.25 14.4142 11.25 14L11.25 10C11.25 9.58579 11.5858 9.25 12 9.25Z@@fill: currentColor\n|0 0 24 24\n";
|
|
@@ -252,7 +252,11 @@
|
|
|
252
252
|
var searchIcon = 'M9.16634 3.33325C12.388 3.33325 14.9997 5.94492 14.9997 9.16658C14.9997 12.3882 12.388 14.9999 9.16634 14.9999C5.94468 14.9999 3.33301 12.3882 3.33301 9.16658C3.33301 5.94492 5.94468 3.33325 9.16634 3.33325Z@@fill:none;stroke:#737373;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;&&M13.5523 13.5526L16.8857 16.8859@@fill:none;stroke:#737373;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round|0 0 20 20';
|
|
253
253
|
var clockIcon = 'M12 7V12H17@@fill:none;stroke:currentColor;stroke-width:1.5;&&M12 21C16.9707 21 21 16.9707 21 12C21 7.0293 16.9707 3 12 3C7.0293 3 3 7.0293 3 12C3 16.9707 7.0293 21 12 21Z@@fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round|0 0 24 24';
|
|
254
254
|
|
|
255
|
-
|
|
255
|
+
|
|
256
|
+
var addIcon10 = 'M1.16669 5H8.83335@@stroke:currentColor;stroke-width:0.8;stroke-linecap:round&&M5 1.16669L5 8.83335@@stroke:currentColor;stroke-width:0.8;stroke-linecap:round; | 0 0 10 10';
|
|
257
|
+
var minusIcon10 = 'M1.16669 5H8.83335@@stroke:currentColor;stroke-width:0.8;stroke-linecap:round; | 0 0 10 10';
|
|
258
|
+
|
|
259
|
+
var script$C = vue.defineComponent({
|
|
256
260
|
components: {
|
|
257
261
|
QBanner: quasar.QBanner,
|
|
258
262
|
QIcon: quasar.QIcon,
|
|
@@ -292,9 +296,9 @@
|
|
|
292
296
|
},
|
|
293
297
|
});
|
|
294
298
|
|
|
295
|
-
var _hoisted_1$
|
|
299
|
+
var _hoisted_1$p = { class: "s-caution__icon--title q-mt-xs text-white block font-16-700" };
|
|
296
300
|
|
|
297
|
-
function render$
|
|
301
|
+
function render$D(_ctx, _cache, $props, $setup, $data, $options) {
|
|
298
302
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
299
303
|
var _component_q_banner = vue.resolveComponent("q-banner");
|
|
300
304
|
|
|
@@ -328,7 +332,7 @@
|
|
|
328
332
|
color: "Red_Lighten-1",
|
|
329
333
|
name: _ctx.cautionOutlineIcon
|
|
330
334
|
}, null, 8, ["name"]),
|
|
331
|
-
vue.createElementVNode("strong", _hoisted_1$
|
|
335
|
+
vue.createElementVNode("strong", _hoisted_1$p, vue.toDisplayString(_ctx.label), 1)
|
|
332
336
|
]; }),
|
|
333
337
|
key: "0"
|
|
334
338
|
}
|
|
@@ -336,13 +340,13 @@
|
|
|
336
340
|
]), 1032, ["class"]))
|
|
337
341
|
}
|
|
338
342
|
|
|
339
|
-
var css_248z$
|
|
340
|
-
styleInject(css_248z$
|
|
343
|
+
var css_248z$B = ".s-caution[data-v-7e5e41f8] {\n padding: 0;\n overflow: hidden;\n max-height: 100%;\n max-width: 100%;\n}\n.s-caution[data-v-7e5e41f8] .q-banner__avatar {\n flex-direction: column;\n min-width: 104px !important;\n max-width: 104px !important;\n margin: 0 !important;\n background-color: #fb4444;\n padding: 0 24px;\n line-height: 26px;\n align-self: stretch;\n justify-content: center;\n}\n.s-caution[data-v-7e5e41f8] .q-banner__content {\n padding: 0 !important;\n margin: 20px 32px 20px 48px;\n}\n.s-caution[data-v-7e5e41f8] .q-banner__content > ul {\n padding: 0;\n margin: 0;\n}\n.s-caution[data-v-7e5e41f8] .q-banner__content > ul > li {\n list-style: none;\n font-size: 12px;\n line-height: 22px;\n text-indent: -18px !important;\n}\n.s-caution[data-v-7e5e41f8] .q-banner__content > ul > li:before {\n content: \"-\";\n font-size: 12px;\n line-height: 22px;\n margin-right: 12px;\n}\n.s-caution--no-icon[data-v-7e5e41f8] .q-banner__avatar {\n display: none;\n}\n.s-caution--modal[data-v-7e5e41f8] .q-banner__content {\n margin: 12px 24px 12px 40px;\n}\n.s-caution--modal[data-v-7e5e41f8] .q-banner__content ul li {\n text-indent: -14px !important;\n}\n.s-caution--modal[data-v-7e5e41f8] .q-banner__content ul li:before {\n margin-right: 8px;\n}";
|
|
344
|
+
styleInject(css_248z$B);
|
|
341
345
|
|
|
342
|
-
script$
|
|
343
|
-
script$
|
|
346
|
+
script$C.render = render$D;
|
|
347
|
+
script$C.__scopeId = "data-v-7e5e41f8";
|
|
344
348
|
|
|
345
|
-
var script$
|
|
349
|
+
var script$B = vue.defineComponent({
|
|
346
350
|
name: 'SCheckbox',
|
|
347
351
|
components: {
|
|
348
352
|
QCheckbox: quasar.QCheckbox,
|
|
@@ -355,7 +359,7 @@
|
|
|
355
359
|
},
|
|
356
360
|
});
|
|
357
361
|
|
|
358
|
-
function render$
|
|
362
|
+
function render$C(_ctx, _cache, $props, $setup, $data, $options) {
|
|
359
363
|
var _component_q_checkbox = vue.resolveComponent("q-checkbox");
|
|
360
364
|
|
|
361
365
|
return (vue.openBlock(), vue.createBlock(_component_q_checkbox, {
|
|
@@ -365,12 +369,12 @@
|
|
|
365
369
|
}, null, 8, ["class"]))
|
|
366
370
|
}
|
|
367
371
|
|
|
368
|
-
var css_248z$
|
|
369
|
-
styleInject(css_248z$
|
|
372
|
+
var css_248z$A = ".s-checkbox {\n margin: 0;\n justify-content: center;\n align-items: center;\n font-size: 12px;\n height: 1.667em;\n}\n.s-checkbox:hover .q-checkbox__inner .q-checkbox__bg {\n border: 1px solid #0075ff;\n background-color: #d5ebfe;\n}\n.s-checkbox > .q-checkbox__inner {\n min-width: 0;\n width: 0.4em;\n height: 0.4em;\n}\n.s-checkbox > .q-checkbox__inner:before {\n background: none !important;\n}\n.s-checkbox > .q-checkbox__inner .q-checkbox__bg {\n border: 1px solid #888888;\n width: 0.4em;\n height: 0.4em;\n background: white;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.s-checkbox > .q-checkbox__inner .q-checkbox__bg .q-checkbox__svg {\n width: 0.286em !important;\n margin: 0 auto;\n}\n.s-checkbox > .q-checkbox__inner--indet, .s-checkbox > .q-checkbox__inner--truthy {\n color: #0075ff !important;\n}\n.s-checkbox > .q-checkbox__inner--indet .q-checkbox__bg, .s-checkbox > .q-checkbox__inner--truthy .q-checkbox__bg {\n border: none !important;\n background-color: #0075ff !important;\n}\n.s-checkbox > .q-checkbox__inner--indet path, .s-checkbox > .q-checkbox__inner--truthy path {\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n.s-checkbox > .q-checkbox__inner--indet path:first-of-type, .s-checkbox > .q-checkbox__inner--truthy path:first-of-type {\n transform: scale(0.98);\n}\n.s-checkbox > .q-checkbox__label {\n padding-left: 8px;\n color: #333333;\n line-height: 20px;\n}\n.s-checkbox[aria-checked=true].disabled .q-checkbox__inner .q-checkbox__bg {\n background: #eeeeee !important;\n border: 1px solid #cccccc !important;\n}\n.disabled.s-checkbox {\n border: none !important;\n background: none !important;\n}\n.disabled.s-checkbox > .q-checkbox__inner .q-checkbox__bg {\n border: 1px solid #cccccc;\n background: #eeeeee;\n}\n.disabled.s-checkbox > .q-checkbox__inner .q-checkbox__bg .q-checkbox__svg {\n color: #888888;\n}\n.ck-margin-sm {\n margin-right: 20px;\n}\n.ck-margin-sm:last-of-type {\n margin-right: 0;\n}\n.ck-margin-lg {\n margin-right: 40px;\n}\n.ck-margin-lg:last-of-type {\n margin-right: 0;\n}";
|
|
373
|
+
styleInject(css_248z$A);
|
|
370
374
|
|
|
371
|
-
script$
|
|
375
|
+
script$B.render = render$C;
|
|
372
376
|
|
|
373
|
-
var script$
|
|
377
|
+
var script$A = vue.defineComponent({
|
|
374
378
|
name: 'SChip',
|
|
375
379
|
components: { QChip: quasar.QChip },
|
|
376
380
|
props: {
|
|
@@ -402,9 +406,9 @@
|
|
|
402
406
|
},
|
|
403
407
|
});
|
|
404
408
|
|
|
405
|
-
var _hoisted_1$
|
|
409
|
+
var _hoisted_1$o = ["contenteditable"];
|
|
406
410
|
|
|
407
|
-
function render$
|
|
411
|
+
function render$B(_ctx, _cache, $props, $setup, $data, $options) {
|
|
408
412
|
var _component_q_chip = vue.resolveComponent("q-chip");
|
|
409
413
|
|
|
410
414
|
return (vue.openBlock(), vue.createBlock(_component_q_chip, {
|
|
@@ -432,7 +436,7 @@
|
|
|
432
436
|
|
|
433
437
|
return (_ctx.handleInput && _ctx.handleInput.apply(_ctx, args));
|
|
434
438
|
})
|
|
435
|
-
}, vue.toDisplayString(_ctx.inputValue), 41, _hoisted_1$
|
|
439
|
+
}, vue.toDisplayString(_ctx.inputValue), 41, _hoisted_1$o))
|
|
436
440
|
: vue.createCommentVNode("", true),
|
|
437
441
|
vue.renderSlot(_ctx.$slots, "default")
|
|
438
442
|
]; }),
|
|
@@ -440,12 +444,12 @@
|
|
|
440
444
|
}, 8, ["clickable", "icon-remove"]))
|
|
441
445
|
}
|
|
442
446
|
|
|
443
|
-
var css_248z$
|
|
444
|
-
styleInject(css_248z$
|
|
447
|
+
var css_248z$z = ".s-chip {\n padding: 4px 8px 4px 12px !important;\n border-radius: 4px;\n background-color: white;\n min-height: 28px;\n}\n.s-chip:hover {\n border-color: #333333;\n}\n.s-chip:hover .q-focus-helper {\n background: inherit;\n}\n.s-chip .q-chip__content {\n color: #333333;\n font-size: 12px;\n font-weight: 400;\n height: 20px;\n min-height: 20px;\n}\n.s-chip .q-chip__icon--remove {\n color: #333333;\n font-size: 1em;\n margin: 0;\n margin-left: 8px;\n}\n.s-chip-input {\n height: 28px;\n padding: 4px 0 !important;\n}\n.s-chip-input:focus-visible {\n outline: none;\n}";
|
|
448
|
+
styleInject(css_248z$z);
|
|
445
449
|
|
|
446
|
-
script$
|
|
450
|
+
script$A.render = render$B;
|
|
447
451
|
|
|
448
|
-
var script$
|
|
452
|
+
var script$z = vue.defineComponent({
|
|
449
453
|
name: 'SDatePicker',
|
|
450
454
|
components: {
|
|
451
455
|
QInput: quasar.QInput,
|
|
@@ -612,11 +616,11 @@
|
|
|
612
616
|
},
|
|
613
617
|
});
|
|
614
618
|
|
|
615
|
-
var _hoisted_1$
|
|
616
|
-
var _hoisted_2$
|
|
617
|
-
var _hoisted_3$
|
|
619
|
+
var _hoisted_1$n = { class: "date-picker-label" };
|
|
620
|
+
var _hoisted_2$g = { key: 0 };
|
|
621
|
+
var _hoisted_3$a = { key: 1 };
|
|
618
622
|
|
|
619
|
-
function render$
|
|
623
|
+
function render$A(_ctx, _cache, $props, $setup, $data, $options) {
|
|
620
624
|
var _component_q_date = vue.resolveComponent("q-date");
|
|
621
625
|
var _component_q_menu = vue.resolveComponent("q-menu");
|
|
622
626
|
var _component_q_btn = vue.resolveComponent("q-btn");
|
|
@@ -642,7 +646,7 @@
|
|
|
642
646
|
}, vue.createSlots({
|
|
643
647
|
prepend: vue.withCtx(function () { return [
|
|
644
648
|
(!_ctx.range)
|
|
645
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$
|
|
649
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$g, [
|
|
646
650
|
vue.createVNode(_component_q_btn, {
|
|
647
651
|
icon: _ctx.dateRangeIcon,
|
|
648
652
|
dense: "",
|
|
@@ -681,7 +685,7 @@
|
|
|
681
685
|
_: 1
|
|
682
686
|
}, 8, ["icon"])
|
|
683
687
|
]))
|
|
684
|
-
: (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$
|
|
688
|
+
: (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$a, [
|
|
685
689
|
vue.createVNode(_component_q_btn, {
|
|
686
690
|
icon: _ctx.dateRangeIcon,
|
|
687
691
|
dense: "",
|
|
@@ -729,7 +733,7 @@
|
|
|
729
733
|
? {
|
|
730
734
|
name: "before",
|
|
731
735
|
fn: vue.withCtx(function () { return [
|
|
732
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
736
|
+
vue.createElementVNode("div", _hoisted_1$n, vue.toDisplayString(_ctx.label), 1)
|
|
733
737
|
]; }),
|
|
734
738
|
key: "0"
|
|
735
739
|
}
|
|
@@ -753,10 +757,10 @@
|
|
|
753
757
|
]), 1032, ["class", "placeholder", "modelValue", "disable", "name", "type"]))
|
|
754
758
|
}
|
|
755
759
|
|
|
756
|
-
var css_248z$
|
|
757
|
-
styleInject(css_248z$
|
|
760
|
+
var css_248z$y = ".s-date-picker {\n height: 28px;\n}\n.s-date-picker .q-field__before {\n padding: 0;\n}\n.s-date-picker .q-field__inner .q-field__control {\n padding: 4px 8px !important;\n align-items: center;\n height: 100%;\n align-items: center;\n}\n.s-date-picker .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-date-picker .q-field__inner .q-field__control:hover, .s-date-picker .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-date-picker .q-field__inner .q-field__control .q-field__prepend .q-icon {\n width: 20px;\n height: 20px;\n color: #737373;\n}\n.s-date-picker .q-field__inner .q-field__control .q-field__prepend {\n height: 20px;\n padding: 0;\n}\n.s-date-picker .q-field__inner .q-field__control .q-field__prepend > div {\n min-height: 0;\n height: 100%;\n display: flex !important;\n align-items: center;\n justify-content: center;\n}\n.s-date-picker .q-field__inner .q-field__control .q-field__prepend > div .q-btn {\n width: 1.667em;\n height: 1.667em;\n min-height: 1.667em;\n}\n.s-date-picker .q-field__inner .q-field__control .q-field__prepend > div .q-btn .q-icon {\n font-size: 1.667em;\n}\n.s-date-picker .q-field__inner .q-field__control-container {\n height: 20px;\n}\n.s-date-picker .q-field__inner .q-field__control-container .q-field__native {\n height: 100%;\n line-height: 165%;\n text-align: center;\n padding: 0 !important;\n font-size: 12px;\n font-weight: 400;\n}\n.s-date-picker .q-field__inner .q-field__control-container .q-field__native input::placeholder {\n color: #333333;\n}\n.q-field--disabled.s-date-picker {\n color: #888888 !important;\n}\n.q-field--disabled.s-date-picker .q-field__inner {\n color: #888888 !important;\n}\n.q-field--disabled.s-date-picker .q-field__inner .q-field__control {\n color: #888888 !important;\n opacity: 1 !important;\n}\n.q-field--disabled.s-date-picker .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-date-picker .q-field__inner .q-field__control .q-field__prepend {\n opacity: 1 !important;\n}\n.q-field--disabled.s-date-picker .q-field__inner .q-field__control .q-field__prepend .q-icon {\n color: #888888;\n}\n.q-field--disabled.s-date-picker .q-field__inner .q-field__control-container {\n opacity: 1 !important;\n}\n.q-field--disabled.s-date-picker .q-field__inner .q-field__control-container .q-field__native {\n color: #888888 !important;\n}\n.q-field--disabled.s-date-picker.q-field--float {\n color: #888888 !important;\n opacity: 0.9 !important;\n}\n.s-date-picker-inside {\n width: fit-content !important;\n height: 28px;\n}\n.s-date-picker-inside .q-field__before {\n height: 100%;\n line-height: 20px;\n padding: 4px 12px;\n border: 1px solid #aaaaaa;\n background-color: #f6f6f6;\n border-right: none;\n border-radius: 2px 0 0 2px;\n}\n.s-date-picker-inside .q-field__before .date-picker-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-date-picker-inside .q-field__inner .q-field__control {\n border-radius: 0 2px 2px 0;\n}\n.s-date-picker-inside.q-field--disabled .q-field__before {\n border: 1px solid #cccccc;\n border-right: none;\n}\n.s-date-picker-inside.q-field--disabled .q-field__before .date-picker-label {\n color: #888888;\n}\n.s-date-picker-range {\n width: 226px;\n}\n.s-date-picker-range .q-field__inner .q-field__control .q-field__prepend {\n padding: 0;\n}\n.s-date-picker-range .q-field__inner .q-field__control-container .q-field__native {\n text-align: center;\n}\n.date-picker-wrapper.q-menu {\n width: 290px;\n height: 288px;\n min-width: 0 !important;\n min-height: 0 !important;\n}\n.date-picker-wrapper.q-menu .q-date {\n height: 288px;\n}\n.date-picker-wrapper.q-menu .q-date__main .q-date__content .q-date__view {\n min-height: 0 !important;\n}\n.date-picker-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation div {\n height: 28px;\n}\n.date-picker-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation div .q-btn .q-icon {\n font-size: 12px;\n}\n.date-picker-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation .relative-position div .q-btn--dense {\n padding: 0 !important;\n}\n.date-picker-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation .relative-position div .q-btn--dense .q-btn__content > span {\n font-size: 14px;\n}\n.date-picker-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn {\n padding: 0;\n}\n.date-picker-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn .q-btn__content > span {\n font-size: 14px;\n}\n.date-picker-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper {\n background: #0075ff;\n opacity: 1;\n}\n.date-picker-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper:before, .date-picker-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper:after {\n display: none;\n}\n.date-picker-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-btn__content > span {\n color: white;\n}";
|
|
761
|
+
styleInject(css_248z$y);
|
|
758
762
|
|
|
759
|
-
script$
|
|
763
|
+
script$z.render = render$A;
|
|
760
764
|
|
|
761
765
|
function useModelBinder(props) {
|
|
762
766
|
var ref$1 = vue.getCurrentInstance();
|
|
@@ -868,7 +872,7 @@
|
|
|
868
872
|
},
|
|
869
873
|
};
|
|
870
874
|
|
|
871
|
-
var script$
|
|
875
|
+
var script$y = vue.defineComponent({
|
|
872
876
|
name: 'SDateRangePicker',
|
|
873
877
|
components: {
|
|
874
878
|
QInput: quasar.QInput,
|
|
@@ -1020,22 +1024,22 @@
|
|
|
1020
1024
|
},
|
|
1021
1025
|
});
|
|
1022
1026
|
|
|
1023
|
-
var _hoisted_1$
|
|
1024
|
-
var _hoisted_2$
|
|
1025
|
-
var _hoisted_3$
|
|
1027
|
+
var _hoisted_1$m = { class: "date-picker-label" };
|
|
1028
|
+
var _hoisted_2$f = { class: "flex no-wrap items-center" };
|
|
1029
|
+
var _hoisted_3$9 = {
|
|
1026
1030
|
key: 1,
|
|
1027
1031
|
class: "text-center text-Grey_Darken-4 date-str"
|
|
1028
1032
|
};
|
|
1029
|
-
var _hoisted_4$
|
|
1033
|
+
var _hoisted_4$8 = /*#__PURE__*/vue.createElementVNode("span", {
|
|
1030
1034
|
class: "q-mx-xs",
|
|
1031
1035
|
style: {"min-width":"0"}
|
|
1032
1036
|
}, "~", -1);
|
|
1033
|
-
var _hoisted_5$
|
|
1037
|
+
var _hoisted_5$7 = {
|
|
1034
1038
|
key: 3,
|
|
1035
1039
|
class: "text-center text-Grey_Darken-4 date-str"
|
|
1036
1040
|
};
|
|
1037
1041
|
|
|
1038
|
-
function render$
|
|
1042
|
+
function render$z(_ctx, _cache, $props, $setup, $data, $options) {
|
|
1039
1043
|
var _component_q_date = vue.resolveComponent("q-date");
|
|
1040
1044
|
var _component_q_separator = vue.resolveComponent("q-separator");
|
|
1041
1045
|
var _component_q_btn = vue.resolveComponent("q-btn");
|
|
@@ -1119,7 +1123,7 @@
|
|
|
1119
1123
|
}, 8, ["icon"])
|
|
1120
1124
|
]; }),
|
|
1121
1125
|
default: vue.withCtx(function () { return [
|
|
1122
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
1126
|
+
vue.createElementVNode("div", _hoisted_2$f, [
|
|
1123
1127
|
(_ctx.useInput)
|
|
1124
1128
|
? (vue.openBlock(), vue.createBlock(_component_q_input, {
|
|
1125
1129
|
key: 0,
|
|
@@ -1131,8 +1135,8 @@
|
|
|
1131
1135
|
mask: "####-##-##",
|
|
1132
1136
|
class: "inner-input"
|
|
1133
1137
|
}, null, 8, ["modelValue"]))
|
|
1134
|
-
: (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$
|
|
1135
|
-
_hoisted_4$
|
|
1138
|
+
: (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$9, vue.toDisplayString(_ctx.dateValue.from), 1)),
|
|
1139
|
+
_hoisted_4$8,
|
|
1136
1140
|
(_ctx.useInput)
|
|
1137
1141
|
? (vue.openBlock(), vue.createBlock(_component_q_input, {
|
|
1138
1142
|
key: 2,
|
|
@@ -1144,7 +1148,7 @@
|
|
|
1144
1148
|
mask: "####-##-##",
|
|
1145
1149
|
class: "inner-input"
|
|
1146
1150
|
}, null, 8, ["modelValue"]))
|
|
1147
|
-
: (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$
|
|
1151
|
+
: (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$7, vue.toDisplayString(_ctx.dateValue.to), 1))
|
|
1148
1152
|
])
|
|
1149
1153
|
]; }),
|
|
1150
1154
|
_: 2
|
|
@@ -1153,7 +1157,7 @@
|
|
|
1153
1157
|
? {
|
|
1154
1158
|
name: "before",
|
|
1155
1159
|
fn: vue.withCtx(function () { return [
|
|
1156
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
1160
|
+
vue.createElementVNode("div", _hoisted_1$m, vue.toDisplayString(_ctx.insideLabel), 1)
|
|
1157
1161
|
]; }),
|
|
1158
1162
|
key: "0"
|
|
1159
1163
|
}
|
|
@@ -1176,12 +1180,12 @@
|
|
|
1176
1180
|
]), 1032, ["class", "modelValue", "disable"]))
|
|
1177
1181
|
}
|
|
1178
1182
|
|
|
1179
|
-
var css_248z$
|
|
1180
|
-
styleInject(css_248z$
|
|
1183
|
+
var css_248z$x = ".s-date-range-picker {\n width: fit-content;\n height: 28px;\n}\n.s-date-range-picker.q-field--dense .q-field__before {\n padding: 0;\n height: 100%;\n}\n.s-date-range-picker .q-field__inner {\n font-size: 12px;\n}\n.s-date-range-picker .q-field__inner .q-field__control {\n padding: 4px 0 4px 8px !important;\n align-items: center;\n height: 100%;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__prepend .q-icon {\n width: 20px;\n height: 20px;\n color: #737373;\n}\n.s-date-range-picker .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-date-range-picker .q-field__inner .q-field__control:hover, .s-date-range-picker .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__prepend {\n height: 20px;\n padding: 0;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__prepend > div {\n min-height: 0;\n height: 100%;\n display: flex !important;\n align-items: center;\n justify-content: center;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__prepend > div .q-btn {\n width: 1.667em;\n height: 1.667em;\n min-height: 1.667em;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__prepend > div .q-btn .q-icon {\n font-size: 1.667em;\n}\n.s-date-range-picker .q-field__inner .q-field__control-container {\n display: flex;\n justify-content: center;\n height: 20px;\n margin-left: 12px;\n margin-right: 16px;\n}\n.s-date-range-picker .q-field__inner .q-field__control-container > input {\n display: none;\n}\n.s-date-range-picker .q-field__inner .q-field__control-container .q-field__native {\n height: 100%;\n line-height: 165%;\n text-align: center;\n padding: 0 !important;\n display: none;\n font-size: 12px;\n font-weight: 400;\n}\n.s-date-range-picker .q-field__inner .q-field__control-container .q-field__native input::placeholder {\n color: #333333;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__append {\n padding: 0 6px 0 0;\n}\n.s-date-range-picker .inner-input > .q-field__inner > .q-field__control {\n width: 70px;\n padding: 0px !important;\n}\n.s-date-range-picker .inner-input > .q-field__inner > .q-field__control::before, .s-date-range-picker .inner-input > .q-field__inner > .q-field__control::after {\n border: none;\n}\n.s-date-range-picker .inner-input > .q-field__inner > .q-field__control > .q-field__control-container {\n margin: 0px;\n}\n.s-date-range-picker .inner-input > .q-field__inner > .q-field__control > .q-field__control-container input {\n display: block !important;\n}\n.s-date-range-picker .date-str {\n width: 70px;\n line-height: 20px;\n justify-content: center;\n}\n.s-date-range-picker--inside .q-field__before {\n height: 100%;\n padding: 4px 12px !important;\n border: 1px solid #aaaaaa;\n border-right: none;\n border-radius: 2px 0 0 2px;\n background: #f6f6f6;\n}\n.s-date-range-picker--inside .q-field__before .date-picker-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-date-range-picker--inside .q-field__inner .q-field__control {\n border-radius: 0 2px 2px 0;\n width: 220px;\n}\n.s-date-range-picker--inside .q-field__inner .q-field__control .q-field__prepend .q-icon {\n width: 20px;\n height: 20px;\n color: #737373;\n}\n.s-date-range-picker--inside .q-field__inner .q-field__control-container > input {\n display: none;\n}\n.s-date-range-picker--inside .q-field__inner .q-field__control-container > div {\n margin-left: 6.5px;\n}\n.s-date-range-picker--inside .q-field__inner .q-field__control-container > div > span {\n display: inline-flex;\n min-width: 70px;\n font-size: 12px !important;\n}\n.s-date-range-picker--inside.q-field--disabled .q-field__before {\n border: 1px solid #cccccc;\n border-right: none;\n}\n.s-date-range-picker--inside.q-field--disabled .q-field__before .date-picker-label {\n color: #888888;\n}\n.date-picker-range-wrapper.q-menu {\n width: 609px;\n height: 330px;\n max-height: 330px;\n overflow: hidden;\n border-radius: 8px;\n position: relative;\n min-width: 0 !important;\n min-height: 0 !important;\n}\n.date-picker-range-wrapper.q-menu .q-separator {\n position: absolute;\n height: 244px;\n left: 304px;\n top: 62px;\n}\n.date-picker-range-wrapper.q-menu .q-date {\n position: absolute;\n min-height: 330px;\n top: 0;\n box-shadow: none;\n width: 304px;\n}\n.date-picker-range-wrapper.q-menu .q-date:first-of-type {\n left: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date:last-of-type {\n right: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions {\n padding: 0 !important;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions > .reset-to-today-btn {\n padding: 0;\n width: 28px;\n height: 22px;\n min-height: 22px;\n position: absolute;\n background: transparent;\n top: 20px;\n right: 24px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions > .reset-to-today-btn > span {\n color: #333333;\n text-decoration: underline;\n color: #333333;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions:hover .q-btn__content {\n text-decoration: underline;\n color: #0075ff;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content {\n margin-top: 42px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view {\n min-height: 0 !important;\n padding-bottom: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation div {\n height: 28px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation div .q-btn .q-icon {\n font-size: 12px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation .relative-position div .q-btn--dense {\n padding: 0 !important;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation .relative-position div .q-btn--dense .q-btn__content > span {\n font-size: 14px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container {\n min-height: 172px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn {\n padding: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn .q-btn__content > span {\n font-size: 14px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper {\n background: #0075ff;\n opacity: 1;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper:before, .date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper:after {\n display: none;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-btn__content > span {\n color: white;\n}";
|
|
1184
|
+
styleInject(css_248z$x);
|
|
1181
1185
|
|
|
1182
|
-
script$
|
|
1186
|
+
script$y.render = render$z;
|
|
1183
1187
|
|
|
1184
|
-
var script$
|
|
1188
|
+
var script$x = vue.defineComponent({
|
|
1185
1189
|
name: 'SConfirm',
|
|
1186
1190
|
components: {
|
|
1187
1191
|
QDialog: quasar.QDialog,
|
|
@@ -1251,12 +1255,12 @@
|
|
|
1251
1255
|
},
|
|
1252
1256
|
});
|
|
1253
1257
|
|
|
1254
|
-
var _hoisted_1$
|
|
1258
|
+
var _hoisted_1$l = {
|
|
1255
1259
|
key: 0,
|
|
1256
1260
|
class: "flex items-center justify-center modal-icon"
|
|
1257
1261
|
};
|
|
1258
1262
|
|
|
1259
|
-
function render$
|
|
1263
|
+
function render$y(_ctx, _cache, $props, $setup, $data, $options) {
|
|
1260
1264
|
var _component_q_btn = vue.resolveComponent("q-btn");
|
|
1261
1265
|
var _component_q_card_actions = vue.resolveComponent("q-card-actions");
|
|
1262
1266
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
@@ -1288,7 +1292,7 @@
|
|
|
1288
1292
|
vue.createVNode(_component_q_card_section, { class: "modal-title" }, {
|
|
1289
1293
|
default: vue.withCtx(function () { return [
|
|
1290
1294
|
(_ctx.withHeaderIcon)
|
|
1291
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
1295
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
|
|
1292
1296
|
(_ctx.type === 'info')
|
|
1293
1297
|
? (vue.openBlock(), vue.createBlock(_component_q_icon, {
|
|
1294
1298
|
key: 0,
|
|
@@ -1366,12 +1370,12 @@
|
|
|
1366
1370
|
}))
|
|
1367
1371
|
}
|
|
1368
1372
|
|
|
1369
|
-
var css_248z$
|
|
1370
|
-
styleInject(css_248z$
|
|
1373
|
+
var css_248z$w = ".s-confirm {\n border-radius: 8px;\n padding: 40px 24px;\n width: 504px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n}\n.s-confirm .modal-close-button {\n position: absolute;\n top: 12px;\n right: 12px;\n width: 24px;\n height: 24px;\n padding: 0;\n}\n.s-confirm .modal-close-button .q-btn {\n color: #555555;\n padding: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n justify-content: center;\n min-height: 0;\n min-width: 0;\n}\n.s-confirm .modal-close-button .q-btn .q-focusable:focus .q-focus-helper,\n.s-confirm .modal-close-button .q-btn .q-hoverable:hover .q-focus-helper {\n background: inherit !important;\n opacity: 0;\n}\n.s-confirm .modal-close-button .q-btn .q-icon {\n width: 100%;\n height: 100%;\n}\n.s-confirm .modal-title {\n padding: 0 0 16px;\n text-align: center;\n color: #222222;\n font-size: 20px;\n font-weight: 700;\n}\n.s-confirm .modal-title .modal-icon {\n text-align: center;\n width: 32px;\n height: 32px;\n margin: 0 auto 16px;\n}\n.s-confirm .modal-content {\n padding: 0 0 32px;\n text-align: center;\n font-size: 14px;\n font-weight: 400;\n}\n.s-confirm .modal-buttons {\n text-align: center;\n padding: 0;\n width: 100%;\n height: 42px;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n}\n.s-confirm .modal-buttons .q-btn {\n min-width: 76px;\n padding: 8px 24px;\n margin: 0 4px;\n height: 42px;\n font-weight: 500;\n font-size: 18px;\n}\n.s-confirm .modal-buttons .q-btn__content {\n height: 100%;\n}";
|
|
1374
|
+
styleInject(css_248z$w);
|
|
1371
1375
|
|
|
1372
|
-
script$
|
|
1376
|
+
script$x.render = render$y;
|
|
1373
1377
|
|
|
1374
|
-
var script$
|
|
1378
|
+
var script$w = vue.defineComponent({
|
|
1375
1379
|
name: 'SDropdown',
|
|
1376
1380
|
components: {
|
|
1377
1381
|
QBtn: quasar.QBtn,
|
|
@@ -1412,7 +1416,7 @@
|
|
|
1412
1416
|
},
|
|
1413
1417
|
});
|
|
1414
1418
|
|
|
1415
|
-
function render$
|
|
1419
|
+
function render$x(_ctx, _cache, $props, $setup, $data, $options) {
|
|
1416
1420
|
var _component_q_item_label = vue.resolveComponent("q-item-label");
|
|
1417
1421
|
var _component_q_item_section = vue.resolveComponent("q-item-section");
|
|
1418
1422
|
var _component_q_item = vue.resolveComponent("q-item");
|
|
@@ -1483,10 +1487,10 @@
|
|
|
1483
1487
|
}, 8, ["color", "icon-right", "class"]))
|
|
1484
1488
|
}
|
|
1485
1489
|
|
|
1486
|
-
var css_248z$
|
|
1487
|
-
styleInject(css_248z$
|
|
1490
|
+
var css_248z$v = ".s-dropdown {\n min-height: 0;\n padding: 0 !important;\n line-height: normal;\n}\n.s-dropdown .q-btn__content {\n min-height: 0;\n align-items: center;\n}\n.s-dropdown .q-btn__content .block {\n border-right: 1px solid color-mix(in srgb, white 25%, transparent);\n height: 100%;\n}\n.s-dropdown .q-btn__content .q-icon {\n padding: 0;\n border-right: none;\n color: white;\n}\n.s-dropdown.q-btn--outline .q-btn__content .block {\n color: currentColor;\n border-right: 1px solid currentColor;\n}\n.s-dropdown.q-btn--outline .q-btn__content .q-icon {\n color: currentColor;\n}\n.s-dropdown.q-btn--outline:hover.q-focusable:focus > .q-focus-helper:before, .s-dropdown.q-btn--outline:hover.q-manual-focusable--focused > .q-focus-helper:before, .s-dropdown.q-btn--outline:hover.q-hoverable:hover > .q-focus-helper:before {\n opacity: 0;\n}\n.s-dropdown.q-btn--outline:hover.q-focusable:focus > .q-focus-helper:after, .s-dropdown.q-btn--outline:hover.q-manual-focusable--focused > .q-focus-helper:after, .s-dropdown.q-btn--outline:hover.q-hoverable:hover > .q-focus-helper:after {\n opacity: 0.55;\n}\n.s-dropdown:hover.q-focusable:focus > .q-focus-helper, .s-dropdown:hover.q-manual-focusable--focused > .q-focus-helper, .s-dropdown:hover.q-hoverable:hover > .q-focus-helper {\n opacity: 0.3;\n transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1);\n}\n.s-dropdown:hover.q-focusable:focus > .q-focus-helper:before, .s-dropdown:hover.q-manual-focusable--focused > .q-focus-helper:before, .s-dropdown:hover.q-hoverable:hover > .q-focus-helper:before {\n opacity: 1.4;\n transition: none;\n}\n.s-dropdown:hover.q-focusable:focus > .q-focus-helper:after, .s-dropdown:hover.q-manual-focusable--focused > .q-focus-helper:after, .s-dropdown:hover.q-hoverable:hover > .q-focus-helper:after {\n opacity: 0;\n transition: none;\n}\n.s-dropdown.s-dropdown-xs {\n min-width: 67px;\n}\n.s-dropdown.s-dropdown-xs .q-btn__content .block {\n padding: 2px 6px 2px 8px;\n line-height: 20px;\n font-size: 12px;\n font-weight: 400;\n}\n.s-dropdown.s-dropdown-xs .q-btn__content .q-icon {\n font-size: 12px;\n margin: 5px 5px 5px 4px;\n}\n.s-dropdown.s-dropdown-sm {\n min-width: 75px;\n}\n.s-dropdown.s-dropdown-sm .q-btn__content .block {\n padding: 4px 10px 4px 12px;\n line-height: 20px;\n font-size: 12px;\n font-weight: 400;\n}\n.s-dropdown.s-dropdown-sm .q-btn__content .q-icon {\n font-size: 12px;\n margin: 7px 8px;\n}\n.s-dropdown.s-dropdown-md {\n min-width: 107px;\n}\n.s-dropdown.s-dropdown-md .q-btn__content .block {\n padding: 6px 16px 6px 20px;\n line-height: 20px;\n font-size: 16px;\n font-weight: 500;\n}\n.s-dropdown.s-dropdown-md .q-btn__content .q-icon {\n font-size: 12px;\n margin: 11px 12px;\n}\n.s-dropdown.s-dropdown-lg {\n min-width: 107px;\n}\n.s-dropdown.s-dropdown-lg .q-btn__content .block {\n padding: 16px 24px 16px 28px;\n line-height: 30px;\n font-size: 18px;\n font-weight: 500;\n}\n.s-dropdown.s-dropdown-lg .q-btn__content .q-icon {\n font-size: 1.667em;\n margin: 19px 20px;\n}\n.s-dropdown.disabled {\n opacity: 1 !important;\n border: none;\n padding: 0;\n}\n.s-dropdown.disabled:before {\n border: 1px solid #cccccc;\n background: #e1e1e1 !important;\n}\n.s-dropdown.disabled .q-btn__content > .block,\n.s-dropdown.disabled .q-btn__content > .q-icon {\n color: #888888;\n}\n.s-dropdown.disabled .q-btn__content .block {\n border-right: 1px solid #cccccc !important;\n}\n.s-dropdown-menu {\n box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1254901961);\n}\n.s-dropdown-menu .q-item {\n padding: 4px 12px;\n min-height: 0;\n}\n.s-dropdown-menu .q-item__section {\n min-height: 0;\n height: 20px;\n}\n.s-dropdown-menu .q-item:not(.q-item--clickable) {\n cursor: default;\n color: #aaaaaa;\n}";
|
|
1491
|
+
styleInject(css_248z$v);
|
|
1488
1492
|
|
|
1489
|
-
script$
|
|
1493
|
+
script$w.render = render$x;
|
|
1490
1494
|
|
|
1491
1495
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
1492
1496
|
|
|
@@ -1553,7 +1557,7 @@
|
|
|
1553
1557
|
});
|
|
1554
1558
|
}
|
|
1555
1559
|
|
|
1556
|
-
var script$
|
|
1560
|
+
var script$v = vue.defineComponent({
|
|
1557
1561
|
name: 'SEditor',
|
|
1558
1562
|
components: {
|
|
1559
1563
|
QEditor: quasar.QEditor,
|
|
@@ -2029,9 +2033,9 @@
|
|
|
2029
2033
|
},
|
|
2030
2034
|
});
|
|
2031
2035
|
|
|
2032
|
-
var _hoisted_1$
|
|
2036
|
+
var _hoisted_1$k = { class: "row reverse q-mt-sm" };
|
|
2033
2037
|
|
|
2034
|
-
function render$
|
|
2038
|
+
function render$w(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2035
2039
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
2036
2040
|
var _component_q_input = vue.resolveComponent("q-input");
|
|
2037
2041
|
var _component_s_button = vue.resolveComponent("s-button");
|
|
@@ -2084,7 +2088,7 @@
|
|
|
2084
2088
|
placeholder: _ctx.imgInputPlaceholder,
|
|
2085
2089
|
autofocus: ""
|
|
2086
2090
|
}, null, 8, ["modelValue", "placeholder"]),
|
|
2087
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
2091
|
+
vue.createElementVNode("div", _hoisted_1$k, [
|
|
2088
2092
|
vue.withDirectives(vue.createVNode(_component_s_button, {
|
|
2089
2093
|
outline: "",
|
|
2090
2094
|
label: _ctx.imgUploadBtnLabel,
|
|
@@ -2112,12 +2116,12 @@
|
|
|
2112
2116
|
}, 16, ["content-style", "min-height", "max-height", "definitions", "toolbar", "modelValue"]))
|
|
2113
2117
|
}
|
|
2114
2118
|
|
|
2115
|
-
var css_248z$
|
|
2116
|
-
styleInject(css_248z$
|
|
2119
|
+
var css_248z$u = ".s-editor > .q-editor__toolbars-container > .q-editor__toolbar {\n height: 32px;\n overflow-y: hidden;\n}\n.s-editor .q-editor__toolbars-container > .q-editor__toolbar > .q-editor__toolbar-group:nth-child(2) > .q-btn-dropdown > .q-btn__content {\n width: 91px;\n}\n.s-editor .q-editor__content > p > img {\n display: inline-block;\n}\n.s-editor .q-editor__content .img-resize-handler {\n position: relative;\n background-color: transparent;\n display: inline-block;\n resize: both;\n overflow: hidden;\n}\n.s-editor .q-editor__content .img-resize-handler:after {\n content: \"\";\n position: absolute;\n border: 1px solid;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n}\n.s-editor .q-editor__content .img-resize-handler > img {\n display: inline-block;\n object-fit: contain;\n width: 100%;\n height: 100%;\n}";
|
|
2120
|
+
styleInject(css_248z$u);
|
|
2117
2121
|
|
|
2118
|
-
script$
|
|
2122
|
+
script$v.render = render$w;
|
|
2119
2123
|
|
|
2120
|
-
var script$
|
|
2124
|
+
var script$u = vue.defineComponent({
|
|
2121
2125
|
name: 'SFilePicker',
|
|
2122
2126
|
components: {
|
|
2123
2127
|
QFile: quasar.QFile,
|
|
@@ -2168,7 +2172,7 @@
|
|
|
2168
2172
|
},
|
|
2169
2173
|
});
|
|
2170
2174
|
|
|
2171
|
-
function render$
|
|
2175
|
+
function render$v(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2172
2176
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
2173
2177
|
var _component_q_file = vue.resolveComponent("q-file");
|
|
2174
2178
|
|
|
@@ -2227,12 +2231,12 @@
|
|
|
2227
2231
|
]), 1032, ["model-value", "disable", "class"]))
|
|
2228
2232
|
}
|
|
2229
2233
|
|
|
2230
|
-
var css_248z$
|
|
2231
|
-
styleInject(css_248z$
|
|
2234
|
+
var css_248z$t = ".s-file {\n width: fit-content;\n max-height: 28px;\n}\n.s-file .q-field__inner .q-field__control {\n align-items: center;\n padding: 4px 8px;\n min-height: 28px;\n height: 28px;\n align-items: center;\n}\n.s-file .q-field__inner .q-field__control:hover, .s-file .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-file .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-file .q-field__inner .q-field__control .q-field__prepend {\n width: fit-content;\n height: 20px;\n padding: 0;\n flex-grow: 1;\n cursor: pointer;\n}\n.s-file .q-field__inner .q-field__control .q-field__prepend > .q-icon {\n margin-right: 8px;\n}\n.s-file .q-field__inner .q-field__control .q-field__prepend .file-placeholder {\n line-height: 165%;\n font-size: 12px;\n font-weight: 400;\n height: 100%;\n display: block;\n width: fit-content;\n}\n.s-file .q-field__inner .q-field__control-container .q-field__native {\n min-height: 0;\n}\n.s-file .q-field__inner .q-field__control-container .q-field__native > div {\n font-size: 12px;\n overflow: hidden;\n color: #222222;\n word-break: keep-all;\n white-space: nowrap;\n text-overflow: ellipsis;\n margin-right: 8px;\n line-height: 16px;\n}\n.s-file .q-field__inner .q-field__control .q-field__append {\n height: 1.667em;\n font-size: 12px;\n width: 20px;\n padding: 0;\n justify-content: center;\n align-items: center;\n margin-left: 8px;\n}\n.s-file .q-field__inner .q-field__control .q-field__append > .q-icon {\n font-size: 20px;\n}\n.s-file--nodata .q-field__inner .q-field__control .q-field__control-container {\n display: none;\n}\n.s-file.q-field--disabled .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #e1e1e1;\n}\n.s-file.q-field--disabled .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.s-file.q-field--disabled .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.s-file.q-field--disabled .q-field__inner .q-field__control .q-field__prepend {\n opacity: 1 !important;\n}\n.s-file.q-field--disabled .q-field__inner .q-field__control .q-field__prepend .file-placeholder {\n color: #888888 !important;\n}\n.s-file.q-field--disabled .q-field__inner .q-field__control .q-field__prepend .q-icon {\n color: #888888 !important;\n}";
|
|
2235
|
+
styleInject(css_248z$t);
|
|
2232
2236
|
|
|
2233
|
-
script$
|
|
2237
|
+
script$u.render = render$v;
|
|
2234
2238
|
|
|
2235
|
-
var script$
|
|
2239
|
+
var script$t = vue.defineComponent({
|
|
2236
2240
|
name: 'SHelp',
|
|
2237
2241
|
components: {
|
|
2238
2242
|
QBtn: quasar.QBtn,
|
|
@@ -2255,10 +2259,10 @@
|
|
|
2255
2259
|
},
|
|
2256
2260
|
});
|
|
2257
2261
|
|
|
2258
|
-
var _hoisted_1$
|
|
2259
|
-
var _hoisted_2$
|
|
2262
|
+
var _hoisted_1$j = { class: "flex items-center" };
|
|
2263
|
+
var _hoisted_2$e = ["innerHTML"];
|
|
2260
2264
|
|
|
2261
|
-
function render$
|
|
2265
|
+
function render$u(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2262
2266
|
var _component_q_btn = vue.resolveComponent("q-btn");
|
|
2263
2267
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
2264
2268
|
var _component_q_popup_proxy = vue.resolveComponent("q-popup-proxy");
|
|
@@ -2291,7 +2295,7 @@
|
|
|
2291
2295
|
class: "close-btn q-pa-none",
|
|
2292
2296
|
size: "20px"
|
|
2293
2297
|
}, null, 8, ["icon"]),
|
|
2294
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
2298
|
+
vue.createElementVNode("div", _hoisted_1$j, [
|
|
2295
2299
|
vue.createVNode(_component_q_icon, {
|
|
2296
2300
|
name: _ctx.helpOutlineIcon,
|
|
2297
2301
|
size: "23px",
|
|
@@ -2303,7 +2307,7 @@
|
|
|
2303
2307
|
vue.createElementVNode("ul", null, [
|
|
2304
2308
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.message, function (m, i) {
|
|
2305
2309
|
return (vue.openBlock(), vue.createElementBlock("li", { key: i }, [
|
|
2306
|
-
vue.createElementVNode("span", { innerHTML: m }, null, 8, _hoisted_2$
|
|
2310
|
+
vue.createElementVNode("span", { innerHTML: m }, null, 8, _hoisted_2$e)
|
|
2307
2311
|
]))
|
|
2308
2312
|
}), 128))
|
|
2309
2313
|
])
|
|
@@ -2316,12 +2320,12 @@
|
|
|
2316
2320
|
}, 8, ["outline", "color", "icon", "label", "class"]))
|
|
2317
2321
|
}
|
|
2318
2322
|
|
|
2319
|
-
var css_248z$
|
|
2320
|
-
styleInject(css_248z$
|
|
2323
|
+
var css_248z$s = "@charset \"UTF-8\";\n.s-help-btn {\n padding: 4px 16px 4px 10px;\n min-height: 28px;\n height: 28px;\n}\n.s-help-btn:before {\n border-color: #cccccc;\n}\n.s-help-btn .q-btn__content .q-icon {\n margin-right: 8px;\n font-size: 1.429em;\n}\n.s-help-btn .q-btn__content > .block {\n font-size: 12px;\n color: #333333;\n line-height: 20px;\n height: 20px;\n}\n.s-help-popup-open .q-btn__content > span {\n color: white !important;\n}\n.s-help-menu {\n width: fit-content;\n margin-top: 8px !important;\n border-radius: 8px;\n padding: 20px 32px;\n position: relative;\n}\n.s-help-menu .close-btn {\n position: absolute;\n top: 12px;\n right: 12px;\n min-height: 1em;\n height: 1em;\n width: 1em;\n}\n.s-help-menu .close-btn .q-btn__content .q-icon {\n height: 20px;\n width: 20px;\n}\n.s-help-menu > div {\n margin-bottom: 8px;\n}\n.s-help-menu > div .q-icon {\n margin-right: 8px;\n}\n.s-help-menu > div span {\n font-size: 16px;\n font-weight: 700;\n color: #333333;\n}\n.s-help-menu ul {\n margin: 0;\n padding: 0;\n}\n.s-help-menu ul li {\n list-style: none;\n font-size: 12px;\n line-height: 180%;\n}\n.s-help-menu ul li:before {\n content: \"•\";\n font-size: 14px;\n line-height: 20px;\n margin: 0 12px 0 8px;\n}";
|
|
2324
|
+
styleInject(css_248z$s);
|
|
2321
2325
|
|
|
2322
|
-
script$
|
|
2326
|
+
script$t.render = render$u;
|
|
2323
2327
|
|
|
2324
|
-
var script$
|
|
2328
|
+
var script$s = vue.defineComponent({
|
|
2325
2329
|
name: 'SInput',
|
|
2326
2330
|
components: {
|
|
2327
2331
|
QInput: quasar.QInput,
|
|
@@ -2412,24 +2416,24 @@
|
|
|
2412
2416
|
},
|
|
2413
2417
|
});
|
|
2414
2418
|
|
|
2415
|
-
var _hoisted_1$
|
|
2419
|
+
var _hoisted_1$i = {
|
|
2416
2420
|
key: 0,
|
|
2417
2421
|
class: "input-label"
|
|
2418
2422
|
};
|
|
2419
|
-
var _hoisted_2$
|
|
2423
|
+
var _hoisted_2$d = {
|
|
2420
2424
|
key: 1,
|
|
2421
2425
|
class: "input-addon bg-Grey_Lighten-5"
|
|
2422
2426
|
};
|
|
2423
|
-
var _hoisted_3$
|
|
2427
|
+
var _hoisted_3$8 = {
|
|
2424
2428
|
key: 0,
|
|
2425
2429
|
class: "self-center"
|
|
2426
2430
|
};
|
|
2427
|
-
var _hoisted_4$
|
|
2431
|
+
var _hoisted_4$7 = {
|
|
2428
2432
|
key: 1,
|
|
2429
2433
|
class: "self-center"
|
|
2430
2434
|
};
|
|
2431
2435
|
|
|
2432
|
-
function render$
|
|
2436
|
+
function render$t(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2433
2437
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
2434
2438
|
var _component_q_input = vue.resolveComponent("q-input");
|
|
2435
2439
|
|
|
@@ -2476,9 +2480,9 @@
|
|
|
2476
2480
|
name: "before",
|
|
2477
2481
|
fn: vue.withCtx(function () { return [
|
|
2478
2482
|
(!_ctx.insideLabel)
|
|
2479
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
2483
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, vue.toDisplayString(_ctx.label), 1))
|
|
2480
2484
|
: (_ctx.insideLabel)
|
|
2481
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$
|
|
2485
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$d, vue.toDisplayString(_ctx.insideLabel), 1))
|
|
2482
2486
|
: vue.createCommentVNode("", true)
|
|
2483
2487
|
]; }),
|
|
2484
2488
|
key: "0"
|
|
@@ -2490,8 +2494,8 @@
|
|
|
2490
2494
|
fn: vue.withCtx(function () { return [
|
|
2491
2495
|
vue.renderSlot(_ctx.$slots, "beforeCounter"),
|
|
2492
2496
|
(_ctx.maxByte)
|
|
2493
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$
|
|
2494
|
-
: (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$
|
|
2497
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$8, vue.toDisplayString(_ctx.model ? _ctx.getByte(_ctx.model) : 0) + " / " + vue.toDisplayString(_ctx.maxByte) + " byte ", 1))
|
|
2498
|
+
: (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$7, vue.toDisplayString(_ctx.model ? _ctx.getByte(_ctx.model) : 0) + " byte", 1))
|
|
2495
2499
|
]; }),
|
|
2496
2500
|
key: "1"
|
|
2497
2501
|
}
|
|
@@ -2512,12 +2516,12 @@
|
|
|
2512
2516
|
]), 1032, ["type", "class", "modelValue"]))
|
|
2513
2517
|
}
|
|
2514
2518
|
|
|
2515
|
-
var css_248z$
|
|
2516
|
-
styleInject(css_248z$
|
|
2519
|
+
var css_248z$r = ".s-input {\n height: auto;\n width: fit-content;\n}\n.s-input .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n height: 28px;\n}\n.s-input .q-field__inner .q-field__control:before {\n border: 1px solid #aaaaaa;\n}\n.s-input .q-field__inner .q-field__control-container {\n padding: 4px 12px !important;\n}\n.s-input .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n padding: 0;\n}\n.s-input .q-field__inner .q-field__control-container input::placeholder {\n color: #aaaaaa;\n}\n.s-input .q-field__inner .q-field__control-container .q-field__prefix {\n padding: 0 4px 0 0;\n line-height: 100%;\n}\n.s-input .q-field__inner .q-field__control-container .q-field__suffix {\n padding: 0 0 0 4px;\n line-height: 100%;\n}\n.s-input .q-field__inner .q-field__control .q-field__append {\n padding: 0 8px 0 0;\n height: 100%;\n}\n.s-input .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-input .q-field__inner .q-field__control .q-field__prepend {\n padding: 0 0 0 8px;\n height: 28px;\n}\n.s-input .q-field__inner .q-field__control .q-field__prepend .q-icon {\n color: #888888;\n}\n.s-input .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n color: #737373;\n font-size: 12px;\n}\n.s-input .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #fb4444;\n}\n.s-input .q-field__inner .q-field__bottom .q-field__messages .error-msg {\n color: #e30000;\n flex-wrap: nowrap;\n width: 250px;\n gap: 4px;\n}\n.s-input .q-field__inner .q-field__bottom .q-field__messages .error-msg > p {\n line-height: 14px;\n}\n.s-input .q-field__before {\n height: 28px;\n padding: 0;\n}\n.s-input .q-field__before .input-label {\n padding: 4px 12px 4px 0;\n color: #333333;\n font-size: 12px;\n font-weight: 400;\n}\n.s-input .q-field__before .input-addon {\n color: #333333;\n height: 100%;\n line-height: 150%;\n padding: 4px 12px !important;\n border: 1px solid #aaaaaa;\n border-right: none;\n border-radius: 2px 0 0 2px;\n font-size: 12px;\n font-weight: 400;\n}\n.s-input.q-field--disabled .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.s-input.q-field--disabled .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.s-input.q-field--disabled .q-field__inner .q-field__control-container .q-field__native {\n color: #888888;\n}\n.s-input.q-field--disabled .q-field__inner .q-field__control-container > input::placeholder {\n color: #888888;\n}\n.s-input__password.q-field--focused .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #0075ff;\n}\n.s-input__right-slot {\n position: relative;\n}\n.s-input__right-slot .q-field__inner .q-field__bottom {\n padding: 0;\n min-height: 0;\n}\n.s-input__right-slot .q-field__inner .q-field__bottom .q-field__counter {\n height: 28px;\n position: absolute;\n right: -69px;\n top: -28px;\n display: flex;\n align-items: center;\n color: #aaaaaa;\n padding: 0;\n}\n.s-input__right-slot .q-field__after {\n height: 28px;\n font-size: 12px;\n color: #aaaaaa;\n align-items: end;\n padding-left: 8px;\n}\n.s-input__text-area {\n height: auto;\n min-width: 320px;\n min-height: 211px;\n}\n.s-input__text-area .q-field__inner .q-field__control {\n min-height: 100%;\n height: 100%;\n}\n.s-input__text-area .q-field__inner .q-field__control-container {\n padding: 0 !important;\n min-height: 100%;\n height: 100%;\n}\n.s-input__text-area .q-field__inner .q-field__control-container textarea {\n min-height: 100%;\n height: 100%;\n padding: 4px 12px !important;\n line-height: 165%;\n}\n.s-input__text-area .q-field__inner .q-field__bottom {\n padding: 0;\n padding-top: 4px;\n}\n.s-input__text-area .q-field__inner .q-field__bottom .q-field__counter {\n padding: 0;\n color: #cccccc;\n font-size: 12px;\n}\n.s-input__inside-label .q-field__inner .q-field__control {\n border-radius: 0 2px 2px 0;\n}";
|
|
2520
|
+
styleInject(css_248z$r);
|
|
2517
2521
|
|
|
2518
|
-
script$
|
|
2522
|
+
script$s.render = render$t;
|
|
2519
2523
|
|
|
2520
|
-
var script$
|
|
2524
|
+
var script$r = vue.defineComponent({
|
|
2521
2525
|
name: 'SInputNumber',
|
|
2522
2526
|
components: {
|
|
2523
2527
|
QInput: quasar.QInput,
|
|
@@ -2560,7 +2564,7 @@
|
|
|
2560
2564
|
},
|
|
2561
2565
|
});
|
|
2562
2566
|
|
|
2563
|
-
function render$
|
|
2567
|
+
function render$s(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2564
2568
|
var _component_q_btn = vue.resolveComponent("q-btn");
|
|
2565
2569
|
var _component_q_input = vue.resolveComponent("q-input");
|
|
2566
2570
|
|
|
@@ -2612,12 +2616,12 @@
|
|
|
2612
2616
|
]), 1032, ["modelValue"]))
|
|
2613
2617
|
}
|
|
2614
2618
|
|
|
2615
|
-
var css_248z$
|
|
2616
|
-
styleInject(css_248z$
|
|
2619
|
+
var css_248z$q = ".s-input-number {\n height: auto;\n min-width: 108px;\n}\n.s-input-number .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n height: 28px;\n}\n.s-input-number .q-field__inner .q-field__control:before {\n border: 1px solid #aaaaaa;\n}\n.s-input-number .q-field__inner .q-field__control-container {\n padding: 4px 8px 4px 12px;\n height: 28px;\n}\n.s-input-number .q-field__inner .q-field__control-container .q-field__native {\n color: #333333;\n padding: 0;\n font-weight: 400;\n font-size: 12px;\n}\n.s-input-number .q-field__inner .q-field__control-container input::placeholder {\n color: #aaaaaa;\n}\n.s-input-number .q-field__inner .q-field__control .q-field__append {\n height: 28px;\n display: none;\n padding: 0;\n}\n.s-input-number .q-field__inner .q-field__control .q-field__append .q-btn {\n width: 20px;\n height: 20px;\n min-height: 0;\n min-width: 0;\n margin: 0 5px 0 4px;\n border-radius: 2px;\n}\n.s-input-number .q-field__inner .q-field__control .q-field__append .q-btn .q-btn__content {\n width: 100%;\n height: 100%;\n}\n.s-input-number .q-field__inner .q-field__control .q-field__append .q-btn .q-btn__content .q-icon {\n color: #888888;\n font-size: 12px;\n}\n.s-input-number .q-field__inner .q-field__control .q-field__append .q-btn:first-of-type {\n margin: 0;\n}\n.s-input-number .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n color: #737373;\n font-size: 12px;\n}\n.s-input-number .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #fb4444;\n}\n.q-field--focused.s-input-number .q-field__inner .q-field__control .q-field__append {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.q-field--disabled.s-input-number .q-field__inner .q-field__control {\n background-color: #eeeeee !important;\n color: #888888 !important;\n}\n.q-field--disabled.s-input-number .q-field__inner .q-field__control:before {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-input-number .q-field__inner .q-field__control-container {\n opacity: 1 !important;\n}\n.q-field--disabled.s-input-number .q-field__inner .q-field__control-container .q-field__native {\n color: #888888;\n}\n.q-field--disabled.s-input-number .q-field__inner .q-field__control .q-field__append {\n opacity: 1;\n}\n\n/* Chrome, Safari, Edge, Opera */\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n/* Firefox */\ninput[type=number] {\n -moz-appearance: textfield;\n}";
|
|
2620
|
+
styleInject(css_248z$q);
|
|
2617
2621
|
|
|
2618
|
-
script$
|
|
2622
|
+
script$r.render = render$s;
|
|
2619
2623
|
|
|
2620
|
-
var script$
|
|
2624
|
+
var script$q = vue.defineComponent({
|
|
2621
2625
|
name: 'SInputCounter',
|
|
2622
2626
|
components: {
|
|
2623
2627
|
QInput: quasar.QInput,
|
|
@@ -2639,7 +2643,7 @@
|
|
|
2639
2643
|
},
|
|
2640
2644
|
});
|
|
2641
2645
|
|
|
2642
|
-
function render$
|
|
2646
|
+
function render$r(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2643
2647
|
var _component_q_input = vue.resolveComponent("q-input");
|
|
2644
2648
|
|
|
2645
2649
|
return (vue.openBlock(), vue.createBlock(_component_q_input, {
|
|
@@ -2661,12 +2665,12 @@
|
|
|
2661
2665
|
}, 8, ["modelValue", "maxlength"]))
|
|
2662
2666
|
}
|
|
2663
2667
|
|
|
2664
|
-
var css_248z$
|
|
2665
|
-
styleInject(css_248z$
|
|
2668
|
+
var css_248z$p = "";
|
|
2669
|
+
styleInject(css_248z$p);
|
|
2666
2670
|
|
|
2667
|
-
script$
|
|
2671
|
+
script$q.render = render$r;
|
|
2668
2672
|
|
|
2669
|
-
var script$
|
|
2673
|
+
var script$p = vue.defineComponent({
|
|
2670
2674
|
name: 'SList',
|
|
2671
2675
|
components: {
|
|
2672
2676
|
QList: quasar.QList,
|
|
@@ -2679,7 +2683,7 @@
|
|
|
2679
2683
|
},
|
|
2680
2684
|
});
|
|
2681
2685
|
|
|
2682
|
-
function render$
|
|
2686
|
+
function render$q(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2683
2687
|
var _component_q_item_label = vue.resolveComponent("q-item-label");
|
|
2684
2688
|
var _component_q_item_section = vue.resolveComponent("q-item-section");
|
|
2685
2689
|
var _component_q_item = vue.resolveComponent("q-item");
|
|
@@ -2711,9 +2715,9 @@
|
|
|
2711
2715
|
}))
|
|
2712
2716
|
}
|
|
2713
2717
|
|
|
2714
|
-
script$
|
|
2718
|
+
script$p.render = render$q;
|
|
2715
2719
|
|
|
2716
|
-
var script$
|
|
2720
|
+
var script$o = vue.defineComponent({
|
|
2717
2721
|
name: 'SMarkupTable',
|
|
2718
2722
|
components: {
|
|
2719
2723
|
QMarkupTable: quasar.QMarkupTable, QInnerLoading: quasar.QInnerLoading,
|
|
@@ -2737,7 +2741,7 @@
|
|
|
2737
2741
|
},
|
|
2738
2742
|
});
|
|
2739
2743
|
|
|
2740
|
-
function render$
|
|
2744
|
+
function render$p(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2741
2745
|
var _component_q_inner_loading = vue.resolveComponent("q-inner-loading");
|
|
2742
2746
|
var _component_q_markup_table = vue.resolveComponent("q-markup-table");
|
|
2743
2747
|
|
|
@@ -2765,12 +2769,12 @@
|
|
|
2765
2769
|
}, 8, ["separator", "class"]))
|
|
2766
2770
|
}
|
|
2767
2771
|
|
|
2768
|
-
var css_248z$
|
|
2769
|
-
styleInject(css_248z$
|
|
2772
|
+
var css_248z$o = ".s-markup-table {\n border-radius: 8px !important;\n border: 1px solid #e1e1e1;\n}\n.s-markup-table .q-table thead {\n min-height: 0;\n}\n.s-markup-table .q-table thead tr {\n height: 40px;\n}\n.s-markup-table .q-table thead tr th {\n padding: 0 16px;\n font-size: 12px;\n font-weight: 500;\n word-break: keep-all;\n white-space: nowrap;\n}\n.s-markup-table .q-table tbody tr {\n min-height: 0px;\n height: 40px;\n}\n.s-markup-table .q-table tbody tr th {\n font-size: 12px;\n}\n.s-markup-table .q-table tbody tr td {\n height: 40px;\n padding: 0 12px;\n font-size: 12px;\n}\n.s-markup-table .q-table tbody tr td:before {\n background: none;\n}\n.s-markup-table .q-table tbody tr:hover {\n background-color: #f9f9f9;\n}\n.s-markup-table.header-top .q-table thead {\n background: #f5faff;\n}\n.s-markup-table.header-left .q-table tbody tr th {\n background: #f5faff;\n font-weight: 700;\n border-bottom: 1px solid #e1e1e1;\n padding: 0 16px;\n}\n.s-markup-table.header-left .q-table tbody tr th:not(:first-of-type) {\n border-left: 1px solid #e1e1e1;\n}\n.s-markup-table.header-left .q-table tbody tr th:not(:first-of-type) {\n border-left: 1px solid #e1e1e1;\n}\n.s-markup-table.header-left .q-table tbody tr:last-of-type th {\n border-bottom: none;\n}\n.s-markup-table.header-left .q-table tbody tr td {\n padding: 0 12px;\n}\n.s-markup-table.tr-no-hover tbody tr:hover {\n background-color: transparent;\n}\n.s-markup-table.tr-no-hover tbody tr:hover td:before {\n background-color: transparent;\n}";
|
|
2773
|
+
styleInject(css_248z$o);
|
|
2770
2774
|
|
|
2771
|
-
script$
|
|
2775
|
+
script$o.render = render$p;
|
|
2772
2776
|
|
|
2773
|
-
var script$
|
|
2777
|
+
var script$n = vue.defineComponent({
|
|
2774
2778
|
name: 'SPagination',
|
|
2775
2779
|
components: {
|
|
2776
2780
|
QBtn: quasar.QBtn,
|
|
@@ -2886,30 +2890,30 @@
|
|
|
2886
2890
|
},
|
|
2887
2891
|
});
|
|
2888
2892
|
|
|
2889
|
-
var _hoisted_1$
|
|
2893
|
+
var _hoisted_1$h = {
|
|
2890
2894
|
key: 0,
|
|
2891
2895
|
class: "icons-container"
|
|
2892
2896
|
};
|
|
2893
|
-
var _hoisted_2$
|
|
2894
|
-
var _hoisted_3$
|
|
2897
|
+
var _hoisted_2$c = { class: "pagination-container" };
|
|
2898
|
+
var _hoisted_3$7 = {
|
|
2895
2899
|
key: 0,
|
|
2896
2900
|
class: "pagination-last_page",
|
|
2897
2901
|
flat: ""
|
|
2898
2902
|
};
|
|
2899
|
-
var _hoisted_4$
|
|
2900
|
-
var _hoisted_5$
|
|
2903
|
+
var _hoisted_4$6 = /*#__PURE__*/vue.createElementVNode("span", null, "/", -1);
|
|
2904
|
+
var _hoisted_5$6 = {
|
|
2901
2905
|
key: 1,
|
|
2902
2906
|
class: "icons-container"
|
|
2903
2907
|
};
|
|
2904
2908
|
|
|
2905
|
-
function render$
|
|
2909
|
+
function render$o(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2906
2910
|
var _component_q_btn = vue.resolveComponent("q-btn");
|
|
2907
2911
|
|
|
2908
2912
|
return (vue.openBlock(), vue.createElementBlock("div", {
|
|
2909
2913
|
class: vue.normalizeClass(["s-pagination row", { 'single-pagination': _ctx.perPage === 1 }])
|
|
2910
2914
|
}, [
|
|
2911
2915
|
(_ctx.paginationInfo.startPage !== 1)
|
|
2912
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
2916
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
|
|
2913
2917
|
vue.createVNode(_component_q_btn, {
|
|
2914
2918
|
flat: "",
|
|
2915
2919
|
dense: "",
|
|
@@ -2938,7 +2942,7 @@
|
|
|
2938
2942
|
}, null, 8, ["icon"])
|
|
2939
2943
|
]))
|
|
2940
2944
|
: vue.createCommentVNode("", true),
|
|
2941
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
2945
|
+
vue.createElementVNode("div", _hoisted_2$c, [
|
|
2942
2946
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.displayedPageNumber, function (pageNumber) {
|
|
2943
2947
|
return (vue.openBlock(), vue.createBlock(_component_q_btn, {
|
|
2944
2948
|
key: pageNumber,
|
|
@@ -2959,15 +2963,15 @@
|
|
|
2959
2963
|
}, null, 8, ["label", "onClick", "class"]))
|
|
2960
2964
|
}), 128)),
|
|
2961
2965
|
(_ctx.perPage === 1)
|
|
2962
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$
|
|
2963
|
-
_hoisted_4$
|
|
2966
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$7, [
|
|
2967
|
+
_hoisted_4$6,
|
|
2964
2968
|
vue.createTextVNode(),
|
|
2965
2969
|
vue.createElementVNode("span", null, vue.toDisplayString(_ctx.paginationInfo.lastPage), 1)
|
|
2966
2970
|
]))
|
|
2967
2971
|
: vue.createCommentVNode("", true)
|
|
2968
2972
|
]),
|
|
2969
2973
|
(_ctx.paginationInfo.lastPage - _ctx.paginationInfo.startPage >= _ctx.perPage)
|
|
2970
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$
|
|
2974
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$6, [
|
|
2971
2975
|
vue.createVNode(_component_q_btn, {
|
|
2972
2976
|
flat: "",
|
|
2973
2977
|
dense: "",
|
|
@@ -2999,12 +3003,12 @@
|
|
|
2999
3003
|
], 2))
|
|
3000
3004
|
}
|
|
3001
3005
|
|
|
3002
|
-
var css_248z$
|
|
3003
|
-
styleInject(css_248z$
|
|
3006
|
+
var css_248z$n = ".s-pagination {\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 58px;\n}\n.s-pagination .q-btn {\n min-height: 26px;\n height: 26px;\n margin: 0 4px;\n justify-content: center;\n}\n.s-pagination .q-btn:hover:before {\n border: 1px solid #006ac1;\n}\n.s-pagination .q-btn:hover .q-focus-helper {\n opacity: 0 !important;\n}\n.s-pagination .q-btn:hover .q-focus-helper:before, .s-pagination .q-btn:hover .q-focus-helper:after {\n opacity: 0 !important;\n}\n.s-pagination .q-btn:hover .q-btn__content .q-icon {\n color: #006ac1;\n}\n.s-pagination .q-btn:hover .q-btn__content > span {\n color: #006ac1;\n}\n.s-pagination > .icons-container .q-btn {\n padding: 0 !important;\n min-width: 26px;\n width: 26px;\n}\n.s-pagination > .icons-container .q-btn__content .q-icon {\n font-size: 12px;\n width: 1em;\n height: 1em;\n}\n.s-pagination .pagination-container .q-btn {\n min-width: 26px;\n width: fit-content;\n padding: 0;\n}\n.s-pagination .pagination-container .q-btn__content {\n padding: 2px 10px;\n}\n.s-pagination .pagination-container .q-btn__content > span {\n height: 20px;\n line-height: 20px;\n font-size: 12px;\n font-weight: 400;\n}\n.s-pagination .pagination-container .pagination-active-btn:before {\n background: #006ac1 !important;\n}\n.s-pagination .pagination-container .pagination-active-btn .q-btn__content > span {\n color: white !important;\n}\n.s-pagination .q-btn.disabled:hover:before {\n border: none;\n}\n.s-pagination .q-btn.disabled:hover .q-btn__content .q-icon {\n color: #888888;\n}\n.s-pagination .q-btn.disabled:hover .q-btn__content > span {\n color: #888888;\n}\n.single-pagination .pagination-container {\n display: flex;\n}\n.single-pagination .pagination-container .q-btn {\n cursor: default;\n}\n.single-pagination .pagination-container .q-btn:hover:before {\n border: none;\n}\n.single-pagination .pagination-container .q-btn:hover .q-btn__content > span {\n color: #555555;\n}\n.single-pagination .pagination-container .pagination-last_page {\n display: flex;\n gap: 6px;\n align-items: center;\n}\n.single-pagination .pagination-container .pagination-last_page span {\n color: #555555;\n font-size: 12px;\n margin: 0 6px 0 0;\n}";
|
|
3007
|
+
styleInject(css_248z$n);
|
|
3004
3008
|
|
|
3005
|
-
script$
|
|
3009
|
+
script$n.render = render$o;
|
|
3006
3010
|
|
|
3007
|
-
var script$
|
|
3011
|
+
var script$m = vue.defineComponent({
|
|
3008
3012
|
name: 'SRadio',
|
|
3009
3013
|
components: {
|
|
3010
3014
|
QRadio: quasar.QRadio,
|
|
@@ -3014,7 +3018,7 @@
|
|
|
3014
3018
|
},
|
|
3015
3019
|
});
|
|
3016
3020
|
|
|
3017
|
-
function render$
|
|
3021
|
+
function render$n(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3018
3022
|
var _component_q_radio = vue.resolveComponent("q-radio");
|
|
3019
3023
|
|
|
3020
3024
|
return (vue.openBlock(), vue.createBlock(_component_q_radio, {
|
|
@@ -3025,12 +3029,12 @@
|
|
|
3025
3029
|
}, null, 8, ["class"]))
|
|
3026
3030
|
}
|
|
3027
3031
|
|
|
3028
|
-
var css_248z$
|
|
3029
|
-
styleInject(css_248z$
|
|
3032
|
+
var css_248z$m = ".s-radio > .q-radio__inner {\n min-width: 1.334em;\n width: 1.334em;\n height: 1.334em;\n color: #888888;\n}\n.s-radio > .q-radio__inner:before {\n opacity: 0 !important;\n}\n.s-radio > .q-radio__inner:hover {\n color: #0075ff;\n}\n.s-radio .q-radio__label {\n padding-left: 8px;\n color: #333333;\n line-height: 20px;\n}\n.s-radio[aria-checked=true] .q-radio__inner .q-radio__bg .q-radio__check {\n transform: scale3d(1.2, 1.2, 1);\n}\n.disabled.s-radio {\n opacity: 1 !important;\n border: none;\n background: none !important;\n}\n.disabled.s-radio .q-radio__inner {\n color: #cccccc !important;\n background: #eeeeee;\n}\n.radio-margin-sm {\n margin-right: 20px;\n}\n.radio-margin-sm:last-of-type {\n margin-right: 0;\n}\n.radio-margin-lg {\n margin-right: 40px;\n}\n.radio-margin-lg:last-of-type {\n margin-right: 0;\n}";
|
|
3033
|
+
styleInject(css_248z$m);
|
|
3030
3034
|
|
|
3031
|
-
script$
|
|
3035
|
+
script$m.render = render$n;
|
|
3032
3036
|
|
|
3033
|
-
var script$
|
|
3037
|
+
var script$l = vue.defineComponent({
|
|
3034
3038
|
name: 'STab',
|
|
3035
3039
|
components: {
|
|
3036
3040
|
QRouteTab: quasar.QRouteTab,
|
|
@@ -3046,9 +3050,9 @@
|
|
|
3046
3050
|
},
|
|
3047
3051
|
});
|
|
3048
3052
|
|
|
3049
|
-
var _hoisted_1$
|
|
3053
|
+
var _hoisted_1$g = /*#__PURE__*/vue.createElementVNode("div", { class: "s-tab-space" }, null, -1);
|
|
3050
3054
|
|
|
3051
|
-
function render$
|
|
3055
|
+
function render$m(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3052
3056
|
var _component_q_route_tab = vue.resolveComponent("q-route-tab");
|
|
3053
3057
|
|
|
3054
3058
|
return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
|
|
@@ -3060,16 +3064,16 @@
|
|
|
3060
3064
|
exact: "",
|
|
3061
3065
|
class: "s-tab"
|
|
3062
3066
|
}, null, 8, ["name", "label", "to"]),
|
|
3063
|
-
_hoisted_1$
|
|
3067
|
+
_hoisted_1$g
|
|
3064
3068
|
], 64))
|
|
3065
3069
|
}
|
|
3066
3070
|
|
|
3067
|
-
var css_248z$
|
|
3068
|
-
styleInject(css_248z$
|
|
3071
|
+
var css_248z$l = ".s-route-tab {\n padding: 12px 32px;\n border-radius: 4px 4px 0 0;\n border: 1px solid #cccccc;\n border-bottom: 1px solid #0075ff;\n background: #f6f6f6;\n color: #888888;\n min-height: 0;\n}\n.s-route-tab .q-tab__content {\n padding: 0;\n height: 20px;\n min-width: 0;\n}\n.s-route-tab .q-tab__content .q-tab__label {\n height: 20px;\n line-height: 165%;\n font-weight: 400;\n}\n.s-route-tab.q-tab--active {\n border: 1px solid #0075ff;\n background: white;\n}\n.s-route-tab.q-tab--active .q-tab__content .q-tab__label {\n font-weight: 700;\n}\n.s-tab-space {\n width: 4px;\n min-width: 4px;\n height: 100%;\n border-bottom: 1px solid #0075ff;\n}\n.s-tab-space:last-of-type {\n width: 100%;\n}";
|
|
3072
|
+
styleInject(css_248z$l);
|
|
3069
3073
|
|
|
3070
|
-
script$
|
|
3074
|
+
script$l.render = render$m;
|
|
3071
3075
|
|
|
3072
|
-
var script$
|
|
3076
|
+
var script$k = vue.defineComponent({
|
|
3073
3077
|
name: 'SSelect',
|
|
3074
3078
|
components: {
|
|
3075
3079
|
QSelect: quasar.QSelect,
|
|
@@ -3210,10 +3214,10 @@
|
|
|
3210
3214
|
},
|
|
3211
3215
|
});
|
|
3212
3216
|
|
|
3213
|
-
var _hoisted_1$
|
|
3214
|
-
var _hoisted_2$
|
|
3217
|
+
var _hoisted_1$f = { class: "include-label" };
|
|
3218
|
+
var _hoisted_2$b = { key: 0 };
|
|
3215
3219
|
|
|
3216
|
-
function render$
|
|
3220
|
+
function render$l(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3217
3221
|
var _component_q_item_label = vue.resolveComponent("q-item-label");
|
|
3218
3222
|
var _component_q_item_section = vue.resolveComponent("q-item-section");
|
|
3219
3223
|
var _component_q_item = vue.resolveComponent("q-item");
|
|
@@ -3274,7 +3278,7 @@
|
|
|
3274
3278
|
? {
|
|
3275
3279
|
name: "prepend",
|
|
3276
3280
|
fn: vue.withCtx(function () { return [
|
|
3277
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
3281
|
+
vue.createElementVNode("div", _hoisted_1$f, vue.toDisplayString(_ctx.label), 1)
|
|
3278
3282
|
]; }),
|
|
3279
3283
|
key: "0"
|
|
3280
3284
|
}
|
|
@@ -3287,7 +3291,7 @@
|
|
|
3287
3291
|
return (vue.openBlock(), vue.createElementBlock("span", { key: idx }, [
|
|
3288
3292
|
vue.createTextVNode(vue.toDisplayString(items) + " ", 1),
|
|
3289
3293
|
(_ctx.$attrs.modelValue.length > 1 && _ctx.$attrs.modelValue.length - 1 > idx)
|
|
3290
|
-
? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$
|
|
3294
|
+
? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$b, " , "))
|
|
3291
3295
|
: vue.createCommentVNode("", true)
|
|
3292
3296
|
]))
|
|
3293
3297
|
}), 128))
|
|
@@ -3341,12 +3345,12 @@
|
|
|
3341
3345
|
]), 1040, ["dropdown-icon", "options-selected-class", "popup-content-class", "use-input", "options", "option-label", "option-value", "onInputValue", "onFocus", "onBlur", "emit-value", "onPopupHide"]))
|
|
3342
3346
|
}
|
|
3343
3347
|
|
|
3344
|
-
var css_248z$
|
|
3345
|
-
styleInject(css_248z$
|
|
3348
|
+
var css_248z$k = ".s-select .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n min-height: 0;\n height: 28px;\n}\n.s-select .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-select .q-field__inner .q-field__control:hover, .s-select .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-select .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n min-height: 0;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n}\n.s-select .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n}\n.s-select .q-field__inner .q-field__control-container .q-field__native > .q-placeholder {\n min-height: 100%;\n}\n.s-select .q-field__inner .q-field__control .q-field__append {\n min-height: 0;\n height: inherit;\n padding: 8px;\n}\n.s-select .q-field__inner .q-field__control .q-field__append .q-icon {\n font-size: 12px;\n color: #888888;\n width: 1em;\n height: 1em;\n}\n.s-select .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n font-size: 12px;\n color: #737373;\n}\n.s-select .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #e30000;\n}\n.q-field--disabled.s-select .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.q-field--disabled.s-select .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-select .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.q-field--disabled.s-select .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-item, .s-select-opts .q-virtual-scroll__content .q-item {\n padding: 6px 12px;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-item__section .q-item__label > span, .s-select-opts .q-virtual-scroll__content .q-item__section .q-item__label > span {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-item--active, .s-select-opts .q-virtual-scroll__content .q-item--active {\n color: #333333 !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused, .s-select-opts .q-virtual-scroll__content .q-manual-focusable--focused {\n background: #0075ff;\n color: white !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper, .s-select-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper {\n opacity: 0 !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span, .s-select-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span {\n color: white !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg, .s-select-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg {\n border: 1px solid white !important;\n}\n.s-select.q-field--disabled .q-field__control > .q-field__prepend {\n opacity: 1 !important;\n border-right: 1px solid #cccccc;\n}\n.s-select .q-field__prepend {\n background-color: #f6f6f6;\n height: auto;\n border-right: 1px solid #aaaaaa;\n padding: 4px 12px !important;\n}\n.s-select .q-field__prepend .include-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select.q-select--multiple .q-field__inner .q-field__control-container .q-field__native {\n display: block;\n min-height: 0;\n height: 28px;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.s-select.q-select--multiple .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n text-overflow: ellipsis;\n overflow-x: hidden;\n}\n.s-select.q-select--multiple .q-field__inner .q-field__control-container .q-field__native > input {\n min-height: 100%;\n}\n.s-select-group-opts {\n padding: 0;\n}\n.s-select-group-opts .s-select-no-option {\n padding: 6px 12px;\n}\n.s-select-group-opts .group-title {\n opacity: 1 !important;\n background: #f6f6f6 !important;\n border: none;\n border-top: 1px solid #e1e1e1;\n}\n.s-select-group-opts .group-title .q-item__section .q-item__label {\n color: #333333 !important;\n}\n.s-select-group-opts .group-option {\n padding: 4px 12px 4px 20px !important;\n}\n.s-select-group-opts .group-option.disabled {\n background: white !important;\n border: none !important;\n}\n.s-select-group-opts .group-option.disabled .q-item__section {\n color: #aaaaaa !important;\n}";
|
|
3349
|
+
styleInject(css_248z$k);
|
|
3346
3350
|
|
|
3347
|
-
script$
|
|
3351
|
+
script$k.render = render$l;
|
|
3348
3352
|
|
|
3349
|
-
var script$
|
|
3353
|
+
var script$j = vue.defineComponent({
|
|
3350
3354
|
name: 'SSelectCheckbox',
|
|
3351
3355
|
emits: ['update:modelValue'],
|
|
3352
3356
|
components: {
|
|
@@ -3476,7 +3480,7 @@
|
|
|
3476
3480
|
},
|
|
3477
3481
|
});
|
|
3478
3482
|
|
|
3479
|
-
function render$
|
|
3483
|
+
function render$k(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3480
3484
|
var _component_s_checkbox = vue.resolveComponent("s-checkbox");
|
|
3481
3485
|
var _component_q_item_section = vue.resolveComponent("q-item-section");
|
|
3482
3486
|
var _component_q_img = vue.resolveComponent("q-img");
|
|
@@ -3597,12 +3601,12 @@
|
|
|
3597
3601
|
]), 1032, ["dropdown-icon", "modelValue", "options", "popup-content-class", "option-label", "option-value", "option-group", "onAdd", "onRemove"]))
|
|
3598
3602
|
}
|
|
3599
3603
|
|
|
3600
|
-
var css_248z$
|
|
3601
|
-
styleInject(css_248z$
|
|
3604
|
+
var css_248z$j = ".s-select-checkbox .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n min-height: 0;\n height: 28px;\n}\n.s-select-checkbox .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-select-checkbox .q-field__inner .q-field__control:hover, .s-select-checkbox .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n min-height: 0;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > .q-placeholder {\n min-height: 100%;\n}\n.s-select-checkbox .q-field__inner .q-field__control .q-field__append {\n min-height: 0;\n height: inherit;\n padding: 8px;\n}\n.s-select-checkbox .q-field__inner .q-field__control .q-field__append .q-icon {\n font-size: 12px;\n color: #888888;\n width: 1em;\n height: 1em;\n}\n.s-select-checkbox .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n font-size: 12px;\n color: #737373;\n}\n.s-select-checkbox .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #e30000;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-item {\n padding: 6px 12px;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-item__section .q-item__label > span {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-item--active {\n color: #333333 !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused {\n background: #0075ff;\n color: white !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper {\n opacity: 0 !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span {\n color: white !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg {\n border: 1px solid white !important;\n}\n.s-select-checkbox .q-field__native {\n display: block;\n min-height: 0;\n height: 28px;\n width: 100%;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.s-select-checkbox .q-field__native > span {\n max-height: 28px;\n}\n.s-select-checkbox .q-field__native > .s-checkbox {\n margin-right: 8px;\n}\n.s-select-checkbox-opts > .q-virtual-scroll__content > .q-item.disabled {\n border: none;\n color: #333333 !important;\n opacity: 1 !important;\n background: #f6f6f6 !important;\n border-top: 1px solid #e1e1e1 !important;\n}\n.s-select-checkbox-opts > .q-virtual-scroll__content > .q-item.disabled:not(.q-manual-focusable):first-of-type {\n border-top: none !important;\n}\n.custom-select-options {\n height: 28px;\n}";
|
|
3605
|
+
styleInject(css_248z$j);
|
|
3602
3606
|
|
|
3603
|
-
script$
|
|
3607
|
+
script$j.render = render$k;
|
|
3604
3608
|
|
|
3605
|
-
var script$
|
|
3609
|
+
var script$i = vue.defineComponent({
|
|
3606
3610
|
name: 'SSelectSearchCheckbox',
|
|
3607
3611
|
emits: ['update:modelValue'],
|
|
3608
3612
|
components: {
|
|
@@ -3774,16 +3778,16 @@
|
|
|
3774
3778
|
},
|
|
3775
3779
|
});
|
|
3776
3780
|
|
|
3777
|
-
var _hoisted_1$
|
|
3778
|
-
var _hoisted_2$
|
|
3779
|
-
var _hoisted_3$
|
|
3780
|
-
var _hoisted_4$
|
|
3781
|
-
var _hoisted_5$
|
|
3782
|
-
var _hoisted_6$
|
|
3783
|
-
var _hoisted_7 = { class: "select-search-input-form" };
|
|
3784
|
-
var _hoisted_8 = ["placeholder"];
|
|
3781
|
+
var _hoisted_1$e = { class: "search-input-form-container" };
|
|
3782
|
+
var _hoisted_2$a = { class: "select-search-input-form" };
|
|
3783
|
+
var _hoisted_3$6 = ["placeholder"];
|
|
3784
|
+
var _hoisted_4$5 = { key: 0 };
|
|
3785
|
+
var _hoisted_5$5 = { key: 1 };
|
|
3786
|
+
var _hoisted_6$3 = { class: "search-input-form-container" };
|
|
3787
|
+
var _hoisted_7$1 = { class: "select-search-input-form" };
|
|
3788
|
+
var _hoisted_8$1 = ["placeholder"];
|
|
3785
3789
|
|
|
3786
|
-
function render$
|
|
3790
|
+
function render$j(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3787
3791
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
3788
3792
|
var _component_s_checkbox = vue.resolveComponent("s-checkbox");
|
|
3789
3793
|
var _component_q_item_section = vue.resolveComponent("q-item-section");
|
|
@@ -3819,8 +3823,8 @@
|
|
|
3819
3823
|
ref: "sSelectRef"
|
|
3820
3824
|
}, vue.createSlots({
|
|
3821
3825
|
"before-options": vue.withCtx(function () { return [
|
|
3822
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
3823
|
-
vue.createElementVNode("form", _hoisted_2$
|
|
3826
|
+
vue.createElementVNode("div", _hoisted_1$e, [
|
|
3827
|
+
vue.createElementVNode("form", _hoisted_2$a, [
|
|
3824
3828
|
vue.createVNode(_component_q_icon, {
|
|
3825
3829
|
name: _ctx.searchIcon,
|
|
3826
3830
|
size: "20px"
|
|
@@ -3835,7 +3839,7 @@
|
|
|
3835
3839
|
_ctx.onSearch(data.target.value);
|
|
3836
3840
|
}
|
|
3837
3841
|
)
|
|
3838
|
-
}, null, 40, _hoisted_3$
|
|
3842
|
+
}, null, 40, _hoisted_3$6), [
|
|
3839
3843
|
[vue.vModelText, _ctx.search]
|
|
3840
3844
|
])
|
|
3841
3845
|
])
|
|
@@ -3903,8 +3907,8 @@
|
|
|
3903
3907
|
];
|
|
3904
3908
|
}),
|
|
3905
3909
|
"no-option": vue.withCtx(function () { return [
|
|
3906
|
-
vue.createElementVNode("div", _hoisted_6$
|
|
3907
|
-
vue.createElementVNode("form", _hoisted_7, [
|
|
3910
|
+
vue.createElementVNode("div", _hoisted_6$3, [
|
|
3911
|
+
vue.createElementVNode("form", _hoisted_7$1, [
|
|
3908
3912
|
vue.createVNode(_component_q_icon, {
|
|
3909
3913
|
name: _ctx.searchIcon,
|
|
3910
3914
|
size: "20px"
|
|
@@ -3919,7 +3923,7 @@
|
|
|
3919
3923
|
_ctx.onSearch(data.target.value);
|
|
3920
3924
|
}
|
|
3921
3925
|
)
|
|
3922
|
-
}, null, 40, _hoisted_8), [
|
|
3926
|
+
}, null, 40, _hoisted_8$1), [
|
|
3923
3927
|
[vue.vModelText, _ctx.search]
|
|
3924
3928
|
])
|
|
3925
3929
|
])
|
|
@@ -3946,9 +3950,9 @@
|
|
|
3946
3950
|
name: "selected",
|
|
3947
3951
|
fn: vue.withCtx(function () { return [
|
|
3948
3952
|
(_ctx.noSelected && !_ctx.options.length)
|
|
3949
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$
|
|
3953
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$5, vue.toDisplayString(_ctx.noSelected), 1))
|
|
3950
3954
|
: (_ctx.options.length && _ctx.useAll && (_ctx.model[0] === '' || _ctx.model.includes('')))
|
|
3951
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$
|
|
3955
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$5, vue.toDisplayString(_ctx.placeholder), 1))
|
|
3952
3956
|
: vue.createCommentVNode("", true)
|
|
3953
3957
|
]; }),
|
|
3954
3958
|
key: "0"
|
|
@@ -3957,12 +3961,12 @@
|
|
|
3957
3961
|
]), 1032, ["dropdown-icon", "modelValue", "options", "popup-content-class", "option-label", "option-value", "option-group", "onAdd", "onRemove"]))
|
|
3958
3962
|
}
|
|
3959
3963
|
|
|
3960
|
-
var css_248z$
|
|
3961
|
-
styleInject(css_248z$
|
|
3964
|
+
var css_248z$i = ".s-select-checkbox .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n min-height: 0;\n height: 28px;\n}\n.s-select-checkbox .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-select-checkbox .q-field__inner .q-field__control:hover, .s-select-checkbox .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n min-height: 0;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > .q-placeholder {\n min-height: 100%;\n}\n.s-select-checkbox .q-field__inner .q-field__control .q-field__append {\n min-height: 0;\n height: inherit;\n padding: 8px;\n}\n.s-select-checkbox .q-field__inner .q-field__control .q-field__append .q-icon {\n font-size: 12px;\n color: #888888;\n width: 1em;\n height: 1em;\n}\n.s-select-checkbox .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n font-size: 12px;\n color: #737373;\n}\n.s-select-checkbox .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #e30000;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-item {\n padding: 6px 12px;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-item__section .q-item__label > span {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-item--active {\n color: #333333 !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused {\n background: #0075ff;\n color: white !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper {\n opacity: 0 !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span {\n color: white !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg {\n border: 1px solid white !important;\n}\n.s-select-checkbox .q-field__native {\n display: block;\n min-height: 0;\n height: 28px;\n width: 100%;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.s-select-checkbox .q-field__native > span {\n max-height: 28px;\n}\n.s-select-checkbox .q-field__native > .s-checkbox {\n margin-right: 8px;\n}\n.custom-select-options {\n height: 28px;\n}\n.disabled.s-select-checkbox-option {\n border: none;\n background: none !important;\n color: #888888 !important;\n}\n.select-search-input-form {\n height: 28px;\n display: flex;\n align-items: center;\n padding-left: 8px;\n position: relative;\n border-radius: 2px;\n border: 1px solid #aaaaaa;\n background-color: white;\n position: sticky;\n top: 0;\n z-index: 1;\n margin: 4px;\n}\n.select-search-input-form::after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n pointer-events: none;\n border: 1px solid transparent;\n border-radius: inherit;\n}\n.select-search-input-form:hover::after, .select-search-input-form:focus-within::after {\n border-color: #0075ff;\n box-shadow: 0 0 4px #0075ff;\n transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.select-search-input-form .select-search-input {\n font-size: 12px;\n margin-left: 8px;\n flex-grow: 1;\n border: none;\n outline: none;\n}";
|
|
3965
|
+
styleInject(css_248z$i);
|
|
3962
3966
|
|
|
3963
|
-
script$
|
|
3967
|
+
script$i.render = render$j;
|
|
3964
3968
|
|
|
3965
|
-
var script$
|
|
3969
|
+
var script$h = vue.defineComponent({
|
|
3966
3970
|
name: 'SSelectGroupCheckbox',
|
|
3967
3971
|
emits: ['update:modelValue'],
|
|
3968
3972
|
components: {
|
|
@@ -4068,7 +4072,7 @@
|
|
|
4068
4072
|
},
|
|
4069
4073
|
});
|
|
4070
4074
|
|
|
4071
|
-
function render$
|
|
4075
|
+
function render$i(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4072
4076
|
var _component_s_checkbox = vue.resolveComponent("s-checkbox");
|
|
4073
4077
|
var _component_q_item_section = vue.resolveComponent("q-item-section");
|
|
4074
4078
|
var _component_q_img = vue.resolveComponent("q-img");
|
|
@@ -4165,12 +4169,12 @@
|
|
|
4165
4169
|
]), 1032, ["dropdown-icon", "modelValue", "options", "popup-content-class", "option-label", "option-value", "option-group", "onAdd", "onRemove"]))
|
|
4166
4170
|
}
|
|
4167
4171
|
|
|
4168
|
-
var css_248z$
|
|
4169
|
-
styleInject(css_248z$
|
|
4172
|
+
var css_248z$h = ".s-select-checkbox .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n min-height: 0;\n height: 28px;\n}\n.s-select-checkbox .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-select-checkbox .q-field__inner .q-field__control:hover, .s-select-checkbox .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n min-height: 0;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > .q-placeholder {\n min-height: 100%;\n}\n.s-select-checkbox .q-field__inner .q-field__control .q-field__append {\n min-height: 0;\n height: inherit;\n padding: 8px;\n}\n.s-select-checkbox .q-field__inner .q-field__control .q-field__append .q-icon {\n font-size: 12px;\n color: #888888;\n width: 1em;\n height: 1em;\n}\n.s-select-checkbox .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n font-size: 12px;\n color: #737373;\n}\n.s-select-checkbox .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #e30000;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-item {\n padding: 6px 12px;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-item__section .q-item__label > span {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-item--active {\n color: #333333 !important;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused {\n background: #0075ff;\n color: white !important;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper {\n opacity: 0 !important;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span {\n color: white !important;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-group-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg {\n border: 1px solid white !important;\n}\n.s-select-checkbox .q-field__native {\n display: block;\n min-height: 0;\n height: 28px;\n width: 100%;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.s-select-checkbox .q-field__native > span {\n max-height: 28px;\n}\n.s-select-checkbox .q-field__native > .s-checkbox {\n margin-right: 8px;\n}\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt {\n border: none;\n color: #333333 !important;\n opacity: 1 !important;\n height: auto;\n padding: 0;\n background-color: white;\n}\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt > .group-title,\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt .group-content {\n flex-direction: row !important;\n justify-content: flex-start !important;\n}\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt > .group-title > .s-checkbox,\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt .group-content > .s-checkbox {\n margin-right: 10px;\n}\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt > .group-title {\n background-color: #f6f6f6;\n border-top: 1px solid #e1e1e1 !important;\n}\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt > .group-title:first-of-type {\n border-top: none !important;\n}\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt > .group-content {\n margin: 0;\n padding: 4px 12px 4px 16px;\n}";
|
|
4173
|
+
styleInject(css_248z$h);
|
|
4170
4174
|
|
|
4171
|
-
script$
|
|
4175
|
+
script$h.render = render$i;
|
|
4172
4176
|
|
|
4173
|
-
var script$
|
|
4177
|
+
var script$g = vue.defineComponent({
|
|
4174
4178
|
name: 'SSelectCustom',
|
|
4175
4179
|
components: {
|
|
4176
4180
|
QSelect: quasar.QSelect,
|
|
@@ -4259,7 +4263,7 @@
|
|
|
4259
4263
|
},
|
|
4260
4264
|
});
|
|
4261
4265
|
|
|
4262
|
-
function render$
|
|
4266
|
+
function render$h(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4263
4267
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
4264
4268
|
var _component_q_item_section = vue.resolveComponent("q-item-section");
|
|
4265
4269
|
var _component_q_item = vue.resolveComponent("q-item");
|
|
@@ -4353,19 +4357,19 @@
|
|
|
4353
4357
|
]), 1032, ["dropdown-icon", "options", "use-input", "input-debounce", "onFilter", "optionLabel", "optionValue", "modelValue", "rules"]))
|
|
4354
4358
|
}
|
|
4355
4359
|
|
|
4356
|
-
var css_248z$
|
|
4357
|
-
styleInject(css_248z$
|
|
4360
|
+
var css_248z$g = ".s-select-custom .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n min-height: 0;\n height: 28px;\n}\n.s-select-custom .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-select-custom .q-field__inner .q-field__control:hover, .s-select-custom .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-select-custom .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n min-height: 0;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n}\n.s-select-custom .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n}\n.s-select-custom .q-field__inner .q-field__control-container .q-field__native > .q-placeholder {\n min-height: 100%;\n}\n.s-select-custom .q-field__inner .q-field__control .q-field__append {\n min-height: 0;\n height: inherit;\n padding: 8px;\n}\n.s-select-custom .q-field__inner .q-field__control .q-field__append .q-icon {\n font-size: 12px;\n color: #888888;\n width: 1em;\n height: 1em;\n}\n.s-select-custom .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n font-size: 12px;\n color: #737373;\n}\n.s-select-custom .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #e30000;\n}\n.q-field--disabled.s-select-custom .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.q-field--disabled.s-select-custom .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-select-custom .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.q-field--disabled.s-select-custom .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-item {\n padding: 6px 12px;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-item__section .q-item__label > span {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-item--active {\n color: #333333 !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused {\n background: #0075ff;\n color: white !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper {\n opacity: 0 !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span {\n color: white !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg {\n border: 1px solid white !important;\n}\n.s-select-custom > .q-field__inner .q-field__prepend {\n padding: 0 0 0 8px;\n}\n.s-select-custom > .q-field__inner .q-field__prepend + .q-field__control-container .q-field__native {\n padding-left: 8px !important;\n}";
|
|
4361
|
+
styleInject(css_248z$g);
|
|
4358
4362
|
|
|
4359
|
-
script$
|
|
4363
|
+
script$g.render = render$h;
|
|
4360
4364
|
|
|
4361
|
-
var script$
|
|
4365
|
+
var script$f = vue.defineComponent({
|
|
4362
4366
|
name: 'SSelectSearchAutoComplete',
|
|
4363
4367
|
emits: ['selectOption', 'onSearch', 'clearModel'],
|
|
4364
4368
|
components: {
|
|
4365
4369
|
QIcon: quasar.QIcon,
|
|
4366
4370
|
QSelect: quasar.QSelect,
|
|
4367
4371
|
QItem: quasar.QItem,
|
|
4368
|
-
SInput: script$
|
|
4372
|
+
SInput: script$s,
|
|
4369
4373
|
QItemSection: quasar.QItemSection,
|
|
4370
4374
|
QItemLabel: quasar.QItemLabel,
|
|
4371
4375
|
},
|
|
@@ -4438,12 +4442,12 @@
|
|
|
4438
4442
|
},
|
|
4439
4443
|
});
|
|
4440
4444
|
|
|
4441
|
-
var _hoisted_1$
|
|
4445
|
+
var _hoisted_1$d = {
|
|
4442
4446
|
key: 2,
|
|
4443
4447
|
class: "select-custom-auto-complete-wrapper"
|
|
4444
4448
|
};
|
|
4445
4449
|
|
|
4446
|
-
function render$
|
|
4450
|
+
function render$g(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4447
4451
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
4448
4452
|
var _component_s_input = vue.resolveComponent("s-input");
|
|
4449
4453
|
var _component_q_item_label = vue.resolveComponent("q-item-label");
|
|
@@ -4504,7 +4508,7 @@
|
|
|
4504
4508
|
}))
|
|
4505
4509
|
: vue.createCommentVNode("", true),
|
|
4506
4510
|
(_ctx.isSelect)
|
|
4507
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
4511
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
|
|
4508
4512
|
vue.createVNode(_component_q_select, {
|
|
4509
4513
|
modelValue: _ctx.filteredOptions,
|
|
4510
4514
|
"onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) { return ((_ctx.filteredOptions) = $event); }),
|
|
@@ -4537,12 +4541,12 @@
|
|
|
4537
4541
|
], 64))
|
|
4538
4542
|
}
|
|
4539
4543
|
|
|
4540
|
-
var css_248z$
|
|
4541
|
-
styleInject(css_248z$
|
|
4544
|
+
var css_248z$f = ".s-select-search-auto-complete-options-wrapper {\n position: absolute;\n background: white;\n cursor: pointer;\n z-index: 1;\n max-height: 154px;\n overflow: auto;\n overflow-x: hidden;\n}\n.s-select-search-auto-complete-options-wrapper .q-item {\n padding: 8px 12px;\n width: 264px;\n}\n.select-custom-auto-complete-wrapper .s-select-custom .q-field__inner .q-field__control > div:nth-child(3) {\n display: none;\n}\n.s-select-custom-auto-complete-opts {\n display: none;\n}";
|
|
4545
|
+
styleInject(css_248z$f);
|
|
4542
4546
|
|
|
4543
|
-
script$
|
|
4547
|
+
script$f.render = render$g;
|
|
4544
4548
|
|
|
4545
|
-
var script$
|
|
4549
|
+
var script$e = vue.defineComponent({
|
|
4546
4550
|
name: 'STab',
|
|
4547
4551
|
components: {
|
|
4548
4552
|
QTab: quasar.QTab,
|
|
@@ -4554,13 +4558,13 @@
|
|
|
4554
4558
|
},
|
|
4555
4559
|
});
|
|
4556
4560
|
|
|
4557
|
-
var _hoisted_1$
|
|
4561
|
+
var _hoisted_1$c = {
|
|
4558
4562
|
key: 0,
|
|
4559
4563
|
class: "q-ml-xs badge"
|
|
4560
4564
|
};
|
|
4561
|
-
var _hoisted_2$
|
|
4565
|
+
var _hoisted_2$9 = /*#__PURE__*/vue.createElementVNode("div", { class: "s-tab-space" }, null, -1);
|
|
4562
4566
|
|
|
4563
|
-
function render$
|
|
4567
|
+
function render$f(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4564
4568
|
var _component_q_tab = vue.resolveComponent("q-tab");
|
|
4565
4569
|
|
|
4566
4570
|
return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
|
|
@@ -4572,21 +4576,21 @@
|
|
|
4572
4576
|
default: vue.withCtx(function () { return [
|
|
4573
4577
|
vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
|
|
4574
4578
|
(_ctx.badge)
|
|
4575
|
-
? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$
|
|
4579
|
+
? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$c, vue.toDisplayString(_ctx.badge), 1))
|
|
4576
4580
|
: vue.createCommentVNode("", true)
|
|
4577
4581
|
]; }),
|
|
4578
4582
|
_: 1
|
|
4579
4583
|
}, 8, ["name", "class"]),
|
|
4580
|
-
_hoisted_2$
|
|
4584
|
+
_hoisted_2$9
|
|
4581
4585
|
], 64))
|
|
4582
4586
|
}
|
|
4583
4587
|
|
|
4584
|
-
var css_248z$
|
|
4585
|
-
styleInject(css_248z$
|
|
4588
|
+
var css_248z$e = ".s-tab {\n padding: 12px 32px;\n background: #f6f6f6;\n color: #888888;\n min-height: 0;\n border: 1px solid #cccccc;\n border-bottom: 1px solid #0075ff;\n border-radius: 4px 4px 0 0;\n}\n.s-tab .q-tab__content {\n padding: 0;\n height: 20px;\n min-width: 0;\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n flex-direction: row;\n height: 20px;\n line-height: 165%;\n font-weight: 400;\n font-size: 12px;\n}\n.s-tab.q-tab--active {\n border: 1px solid #0075ff;\n background: white;\n}\n.s-tab.q-tab--active .q-tab__content {\n font-weight: 700;\n}\n.s-tab-space {\n width: 4px;\n min-width: 4px;\n height: 100%;\n border-bottom: 1px solid #0075ff;\n}\n.s-tab-space:last-of-type {\n width: 100%;\n}";
|
|
4589
|
+
styleInject(css_248z$e);
|
|
4586
4590
|
|
|
4587
|
-
script$
|
|
4591
|
+
script$e.render = render$f;
|
|
4588
4592
|
|
|
4589
|
-
function createDiv(val) {
|
|
4593
|
+
function createDiv$1(val) {
|
|
4590
4594
|
var div = document.createElement('div');
|
|
4591
4595
|
div.classList.add(("resiable-" + val));
|
|
4592
4596
|
div.style.top = '10px';
|
|
@@ -4604,7 +4608,7 @@
|
|
|
4604
4608
|
div.style.height = '16px';
|
|
4605
4609
|
return div;
|
|
4606
4610
|
}
|
|
4607
|
-
function setListeners(div, position) {
|
|
4611
|
+
function setListeners$1(div, position) {
|
|
4608
4612
|
var curCol;
|
|
4609
4613
|
var pageX;
|
|
4610
4614
|
var curColWidth;
|
|
@@ -4634,16 +4638,16 @@
|
|
|
4634
4638
|
curColWidth = undefined;
|
|
4635
4639
|
}, { passive: true });
|
|
4636
4640
|
}
|
|
4637
|
-
function addResizable(tableEl) {
|
|
4641
|
+
function addResizable$1(tableEl) {
|
|
4638
4642
|
var tableElement = tableEl
|
|
4639
4643
|
.getElementsByTagName('table')[0];
|
|
4640
4644
|
var firstRow = tableElement.getElementsByTagName('tr')[0];
|
|
4641
4645
|
var cols = firstRow ? firstRow.children : [];
|
|
4642
4646
|
for (var i = 0; i < cols.length; i += 1) {
|
|
4643
|
-
var div = createDiv('right');
|
|
4647
|
+
var div = createDiv$1('right');
|
|
4644
4648
|
cols[i].appendChild(div);
|
|
4645
4649
|
cols[i].style.position = 'sticky';
|
|
4646
|
-
setListeners(div, 'right');
|
|
4650
|
+
setListeners$1(div, 'right');
|
|
4647
4651
|
}
|
|
4648
4652
|
}
|
|
4649
4653
|
|
|
@@ -4653,16 +4657,16 @@
|
|
|
4653
4657
|
var firstRow = tableElement.getElementsByTagName('tr')[0];
|
|
4654
4658
|
var cols = firstRow ? firstRow.children : [];
|
|
4655
4659
|
for (var i = cols.length - val; i < cols.length; i += 1) {
|
|
4656
|
-
var div = createDiv('left');
|
|
4660
|
+
var div = createDiv$1('left');
|
|
4657
4661
|
cols[i].appendChild(div);
|
|
4658
4662
|
cols[i].style.position = 'sticky';
|
|
4659
|
-
setListeners(div, 'left');
|
|
4663
|
+
setListeners$1(div, 'left');
|
|
4660
4664
|
}
|
|
4661
4665
|
}
|
|
4662
4666
|
|
|
4663
4667
|
function useResizable() {
|
|
4664
4668
|
return {
|
|
4665
|
-
addResizable: addResizable,
|
|
4669
|
+
addResizable: addResizable$1,
|
|
4666
4670
|
addStickyResizable: addStickyResizable,
|
|
4667
4671
|
};
|
|
4668
4672
|
}
|
|
@@ -4774,7 +4778,7 @@
|
|
|
4774
4778
|
};
|
|
4775
4779
|
}
|
|
4776
4780
|
|
|
4777
|
-
var script$
|
|
4781
|
+
var script$d = vue.defineComponent({
|
|
4778
4782
|
name: 'STable',
|
|
4779
4783
|
emits: ['update:page', 'update:focused', 'field-updated', 'request'],
|
|
4780
4784
|
components: {
|
|
@@ -4912,13 +4916,13 @@
|
|
|
4912
4916
|
},
|
|
4913
4917
|
});
|
|
4914
4918
|
|
|
4915
|
-
var _hoisted_1$
|
|
4916
|
-
var _hoisted_2$
|
|
4919
|
+
var _hoisted_1$b = { class: "full-width text-center" };
|
|
4920
|
+
var _hoisted_2$8 = {
|
|
4917
4921
|
key: 1,
|
|
4918
4922
|
class: "s-table-edited-td"
|
|
4919
4923
|
};
|
|
4920
4924
|
|
|
4921
|
-
function render$
|
|
4925
|
+
function render$e(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4922
4926
|
var _component_q_inner_loading = vue.resolveComponent("q-inner-loading");
|
|
4923
4927
|
var _component_s_input = vue.resolveComponent("s-input");
|
|
4924
4928
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
@@ -4955,7 +4959,7 @@
|
|
|
4955
4959
|
}), vue.createSlots({
|
|
4956
4960
|
"no-data": vue.withCtx(function (props) { return [
|
|
4957
4961
|
vue.renderSlot(_ctx.$slots, "noData", vue.normalizeProps(vue.guardReactiveProps(props)), function () { return [
|
|
4958
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
4962
|
+
vue.createElementVNode("div", _hoisted_1$b, vue.toDisplayString(_ctx.noDataLabel), 1)
|
|
4959
4963
|
]; })
|
|
4960
4964
|
]; }),
|
|
4961
4965
|
loading: vue.withCtx(function () { return [
|
|
@@ -5001,7 +5005,7 @@
|
|
|
5001
5005
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return ((_ctx.inputData) = $event); }),
|
|
5002
5006
|
onBlur: _ctx.closeInput
|
|
5003
5007
|
}, _ctx.inputOptions), null, 16, ["modelValue", "onBlur"]))
|
|
5004
|
-
: (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$
|
|
5008
|
+
: (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$8, [
|
|
5005
5009
|
vue.createTextVNode(vue.toDisplayString(props.value) + " ", 1),
|
|
5006
5010
|
(props.col.editable)
|
|
5007
5011
|
? (vue.openBlock(), vue.createBlock(_component_q_icon, {
|
|
@@ -5065,12 +5069,12 @@
|
|
|
5065
5069
|
], 64))
|
|
5066
5070
|
}
|
|
5067
5071
|
|
|
5068
|
-
var css_248z$
|
|
5069
|
-
styleInject(css_248z$
|
|
5072
|
+
var css_248z$d = ".s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner {\n min-width: 0;\n width: 16px;\n height: 16px;\n}\n.s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner .q-checkbox__bg, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner .q-checkbox__bg {\n border: 1px solid #888888;\n width: 16px;\n height: 16px;\n padding: 0 2.5px;\n background: white;\n top: 0;\n left: 0;\n}\n.s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner .q-checkbox__bg .q-checkbox__svg, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner .q-checkbox__bg .q-checkbox__svg {\n width: 11.43px !important;\n margin: auto;\n}\n.s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner--indet, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner--indet, .s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner--truthy, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner--truthy {\n color: #0075ff !important;\n}\n.s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg {\n border: none;\n background: #0075ff;\n}\n.s-table {\n border-radius: 8px !important;\n border: 1px solid #e1e1e1;\n}\n.s-table .q-table__middle .q-table {\n overflow: auto;\n}\n.s-table .q-table__middle .q-table thead {\n background: #f5faff;\n min-height: 0;\n}\n.s-table .q-table__middle .q-table thead tr {\n height: 36px;\n color: #222222;\n}\n.s-table .q-table__middle .q-table thead tr th {\n padding: 0 16px;\n font-size: 12px;\n font-weight: 500;\n word-break: keep-all;\n white-space: nowrap;\n}\n.s-table .q-table__middle .q-table thead tr th .sort-icon {\n color: #aaaaaa;\n font-size: 16px;\n opacity: 1;\n transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);\n}\n.s-table .q-table__middle .q-table thead tr th .sort-icon.desc-sort {\n transform: rotate(180deg);\n}\n.s-table .q-table__middle .q-table thead tr th.sortable > .q-table__sort-icon {\n color: #aaaaaa;\n font-size: 16px;\n opacity: 1;\n}\n.s-table .q-table__middle .q-table tbody tr {\n min-height: 0px;\n color: #222222;\n}\n.s-table .q-table__middle .q-table tbody tr td {\n padding: 0 16px;\n font-size: 12px;\n word-break: keep-all;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.s-table .q-table__middle .q-table tbody tr td:before {\n background: none;\n}\n.s-table .q-table__middle .q-table tbody tr td .s-table-edited-td {\n display: inline-flex;\n align-items: center;\n}\n.s-table .q-table__middle .q-table tbody tr .focused {\n border: 1px solid #0075ff !important;\n}\n.s-table .q-table__middle .q-table tbody tr:hover {\n background-color: #f9f9f9;\n}\n.s-table .q-table__middle .q-table tbody tr:last-child > td {\n border-bottom-width: 1px;\n}\n.s-table .q-table__bottom {\n min-height: 0;\n padding: 0;\n border: none;\n}\n.s-table .q-table__bottom--nodata {\n height: 240px;\n color: #888888;\n font-size: 12px;\n line-height: 165%;\n display: block;\n padding-top: 80px;\n}\n.s-select-table .q-table__middle .q-table thead tr th:first-of-type {\n padding: 0 8px 0 24px;\n line-height: 100%;\n}\n.s-select-table .q-table__middle .q-table tbody tr td:first-of-type {\n padding: 0 8px 0 24px;\n line-height: 100%;\n}\n.s-select-table .q-table__middle .q-table tbody tr td:after {\n background: none;\n}\n.resizable-table .q-table__middle .q-table thead tr th:last-of-type .resiable-right {\n display: none;\n}\n.s-select-table.resizable-table .q-table__middle .q-table thead tr th:first-of-type > .resiable-right {\n display: none;\n}\n.sticky-resizable-table .q-table__middle .q-table thead th:first-of-type > .resiable-left {\n display: none;\n}\n.sticky-header .q-table__middle .q-table thead tr th {\n background: #f5faff;\n position: sticky;\n top: 0;\n z-index: 100;\n}\n.before-search .q-table__middle .q-table thead {\n opacity: 0.4;\n}";
|
|
5073
|
+
styleInject(css_248z$d);
|
|
5070
5074
|
|
|
5071
|
-
script$
|
|
5075
|
+
script$d.render = render$e;
|
|
5072
5076
|
|
|
5073
|
-
var script$
|
|
5077
|
+
var script$c = vue.defineComponent({
|
|
5074
5078
|
name: 'STabs',
|
|
5075
5079
|
components: {
|
|
5076
5080
|
QTabs: quasar.QTabs,
|
|
@@ -5084,7 +5088,7 @@
|
|
|
5084
5088
|
},
|
|
5085
5089
|
});
|
|
5086
5090
|
|
|
5087
|
-
function render$
|
|
5091
|
+
function render$d(_ctx, _cache, $props, $setup, $data, $options) {
|
|
5088
5092
|
var _component_q_tabs = vue.resolveComponent("q-tabs");
|
|
5089
5093
|
|
|
5090
5094
|
return (vue.openBlock(), vue.createBlock(_component_q_tabs, {
|
|
@@ -5103,17 +5107,17 @@
|
|
|
5103
5107
|
}, 8, ["model-value"]))
|
|
5104
5108
|
}
|
|
5105
5109
|
|
|
5106
|
-
script$
|
|
5110
|
+
script$c.render = render$d;
|
|
5107
5111
|
|
|
5108
|
-
var script$
|
|
5112
|
+
var script$b = {
|
|
5109
5113
|
name: 'TimePickerCard',
|
|
5110
5114
|
emits: ['update:model-value'],
|
|
5111
5115
|
components: {
|
|
5112
5116
|
QCard: quasar.QCard,
|
|
5113
5117
|
QCardSection: quasar.QCardSection,
|
|
5114
5118
|
QSeparator: quasar.QSeparator,
|
|
5115
|
-
SButton: script$
|
|
5116
|
-
SInput: script$
|
|
5119
|
+
SButton: script$F,
|
|
5120
|
+
SInput: script$s,
|
|
5117
5121
|
},
|
|
5118
5122
|
props: {
|
|
5119
5123
|
lang: {
|
|
@@ -5297,19 +5301,19 @@
|
|
|
5297
5301
|
},
|
|
5298
5302
|
};
|
|
5299
5303
|
|
|
5300
|
-
var _hoisted_1$
|
|
5301
|
-
var _hoisted_2$
|
|
5302
|
-
var _hoisted_3$
|
|
5303
|
-
var _hoisted_4$
|
|
5304
|
+
var _hoisted_1$a = { class: "flex column flex-center" };
|
|
5305
|
+
var _hoisted_2$7 = /*#__PURE__*/vue.createElementVNode("div", { class: "q-mx-xs" }, ":", -1);
|
|
5306
|
+
var _hoisted_3$5 = { class: "flex column flex-center" };
|
|
5307
|
+
var _hoisted_4$4 = {
|
|
5304
5308
|
key: 0,
|
|
5305
5309
|
class: "q-mx-xs"
|
|
5306
5310
|
};
|
|
5307
|
-
var _hoisted_5$
|
|
5311
|
+
var _hoisted_5$4 = {
|
|
5308
5312
|
key: 1,
|
|
5309
5313
|
class: "flex column flex-center"
|
|
5310
5314
|
};
|
|
5311
5315
|
|
|
5312
|
-
function render$
|
|
5316
|
+
function render$c(_ctx, _cache, $props, $setup, $data, $options) {
|
|
5313
5317
|
var _component_s_button = vue.resolveComponent("s-button");
|
|
5314
5318
|
var _component_q_card_section = vue.resolveComponent("q-card-section");
|
|
5315
5319
|
var _component_q_separator = vue.resolveComponent("q-separator");
|
|
@@ -5342,7 +5346,7 @@
|
|
|
5342
5346
|
}),
|
|
5343
5347
|
vue.createVNode(_component_q_card_section, { class: "time-section flex no-wrap flex-center" }, {
|
|
5344
5348
|
default: vue.withCtx(function () { return [
|
|
5345
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
5349
|
+
vue.createElementVNode("div", _hoisted_1$a, [
|
|
5346
5350
|
vue.createVNode(_component_s_button, {
|
|
5347
5351
|
flat: "",
|
|
5348
5352
|
icon: $setup.arrowUpIcon,
|
|
@@ -5374,8 +5378,8 @@
|
|
|
5374
5378
|
onClick: _cache[5] || (_cache[5] = function ($event) { return ($setup.onClickDown('hh')); })
|
|
5375
5379
|
}, null, 8, ["icon"])
|
|
5376
5380
|
]),
|
|
5377
|
-
_hoisted_2$
|
|
5378
|
-
vue.createElementVNode("div", _hoisted_3$
|
|
5381
|
+
_hoisted_2$7,
|
|
5382
|
+
vue.createElementVNode("div", _hoisted_3$5, [
|
|
5379
5383
|
vue.createVNode(_component_s_button, {
|
|
5380
5384
|
flat: "",
|
|
5381
5385
|
icon: $setup.arrowUpIcon,
|
|
@@ -5408,10 +5412,10 @@
|
|
|
5408
5412
|
}, null, 8, ["icon"])
|
|
5409
5413
|
]),
|
|
5410
5414
|
($props.useSecond)
|
|
5411
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$
|
|
5415
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$4, ":"))
|
|
5412
5416
|
: vue.createCommentVNode("", true),
|
|
5413
5417
|
($props.useSecond)
|
|
5414
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$
|
|
5418
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$4, [
|
|
5415
5419
|
vue.createVNode(_component_s_button, {
|
|
5416
5420
|
flat: "",
|
|
5417
5421
|
icon: $setup.arrowUpIcon,
|
|
@@ -5452,17 +5456,17 @@
|
|
|
5452
5456
|
}))
|
|
5453
5457
|
}
|
|
5454
5458
|
|
|
5455
|
-
var css_248z$
|
|
5456
|
-
styleInject(css_248z$
|
|
5459
|
+
var css_248z$c = ".time-picker-card {\n height: 124px;\n}\n.time-picker-card .ampm-section {\n padding: 30px 24px;\n}\n.time-picker-card .ampm-section .s-button {\n min-width: 0;\n width: 47px;\n height: 28px;\n}\n.time-picker-card .ampm-section .q-btn--outline .q-btn__content > span {\n color: #555555;\n}\n.time-picker-card .time-section {\n padding: 24px;\n}\n.time-picker-card .time-section > div .s-input {\n width: 38px;\n height: 28px;\n}\n.time-picker-card .time-section > div .s-input .q-field__inner .q-field__control {\n border-radius: 4px;\n}\n.time-picker-card .time-section > div .s-input .q-field__inner .q-field__control .q-field__control-container .q-field__native {\n text-align: center;\n color: #555555;\n}";
|
|
5460
|
+
styleInject(css_248z$c);
|
|
5457
5461
|
|
|
5458
|
-
script$
|
|
5462
|
+
script$b.render = render$c;
|
|
5459
5463
|
|
|
5460
|
-
var script$
|
|
5464
|
+
var script$a = vue.defineComponent({
|
|
5461
5465
|
name: 'STimePicker',
|
|
5462
5466
|
components: {
|
|
5463
5467
|
QIcon: quasar.QIcon,
|
|
5464
5468
|
QMenu: quasar.QMenu,
|
|
5465
|
-
TimePickerCard: script$
|
|
5469
|
+
TimePickerCard: script$b,
|
|
5466
5470
|
},
|
|
5467
5471
|
props: {
|
|
5468
5472
|
modelValue: {
|
|
@@ -5529,23 +5533,23 @@
|
|
|
5529
5533
|
},
|
|
5530
5534
|
});
|
|
5531
5535
|
|
|
5532
|
-
var _hoisted_1$
|
|
5536
|
+
var _hoisted_1$9 = {
|
|
5533
5537
|
key: 0,
|
|
5534
5538
|
class: "inside-label bg-Grey_Lighten-5 full-height flex flex-center"
|
|
5535
5539
|
};
|
|
5536
|
-
var _hoisted_2$
|
|
5540
|
+
var _hoisted_2$6 = {
|
|
5537
5541
|
key: 0,
|
|
5538
5542
|
class: "content"
|
|
5539
5543
|
};
|
|
5540
|
-
var _hoisted_3$
|
|
5541
|
-
var _hoisted_4$
|
|
5542
|
-
var _hoisted_5$
|
|
5543
|
-
var _hoisted_6$
|
|
5544
|
+
var _hoisted_3$4 = { class: "cursor-pointer" };
|
|
5545
|
+
var _hoisted_4$3 = /*#__PURE__*/vue.createElementVNode("span", { class: "q-mx-xs" }, "~", -1);
|
|
5546
|
+
var _hoisted_5$3 = { class: "cursor-pointer" };
|
|
5547
|
+
var _hoisted_6$2 = {
|
|
5544
5548
|
key: 1,
|
|
5545
5549
|
class: "cursor-pointer content"
|
|
5546
5550
|
};
|
|
5547
5551
|
|
|
5548
|
-
function render$
|
|
5552
|
+
function render$b(_ctx, _cache, $props, $setup, $data, $options) {
|
|
5549
5553
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
5550
5554
|
var _component_time_picker_card = vue.resolveComponent("time-picker-card");
|
|
5551
5555
|
var _component_q_menu = vue.resolveComponent("q-menu");
|
|
@@ -5554,7 +5558,7 @@
|
|
|
5554
5558
|
class: vue.normalizeClass(["s-time-picker flex no-wrap items-center rounded-borders bg-white", _ctx.disabled && 's-time-picker-disabled'])
|
|
5555
5559
|
}, [
|
|
5556
5560
|
(_ctx.insideLabel)
|
|
5557
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
5561
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, vue.toDisplayString(_ctx.insideLabel), 1))
|
|
5558
5562
|
: vue.createCommentVNode("", true),
|
|
5559
5563
|
vue.createElementVNode("div", {
|
|
5560
5564
|
class: "time-picker full-width flex no-wrap items-center text-Grey_Darken-4 q-pl-sm",
|
|
@@ -5566,8 +5570,8 @@
|
|
|
5566
5570
|
color: "Grey_Darken-1"
|
|
5567
5571
|
}, null, 8, ["name"]),
|
|
5568
5572
|
(_ctx.range)
|
|
5569
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$
|
|
5570
|
-
vue.createElementVNode("span", _hoisted_3$
|
|
5573
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$6, [
|
|
5574
|
+
vue.createElementVNode("span", _hoisted_3$4, [
|
|
5571
5575
|
vue.createTextVNode(vue.toDisplayString(_ctx.timeFormat(_ctx.model.from)) + " ", 1),
|
|
5572
5576
|
(!_ctx.disabled)
|
|
5573
5577
|
? (vue.openBlock(), vue.createBlock(_component_q_menu, {
|
|
@@ -5591,8 +5595,8 @@
|
|
|
5591
5595
|
}))
|
|
5592
5596
|
: vue.createCommentVNode("", true)
|
|
5593
5597
|
]),
|
|
5594
|
-
_hoisted_4$
|
|
5595
|
-
vue.createElementVNode("span", _hoisted_5$
|
|
5598
|
+
_hoisted_4$3,
|
|
5599
|
+
vue.createElementVNode("span", _hoisted_5$3, [
|
|
5596
5600
|
vue.createTextVNode(vue.toDisplayString(_ctx.timeFormat(_ctx.model.to)) + " ", 1),
|
|
5597
5601
|
(!_ctx.disabled)
|
|
5598
5602
|
? (vue.openBlock(), vue.createBlock(_component_q_menu, {
|
|
@@ -5617,7 +5621,7 @@
|
|
|
5617
5621
|
: vue.createCommentVNode("", true)
|
|
5618
5622
|
])
|
|
5619
5623
|
]))
|
|
5620
|
-
: (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$
|
|
5624
|
+
: (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
|
|
5621
5625
|
vue.createTextVNode(vue.toDisplayString(_ctx.timeFormat(_ctx.model)) + " ", 1),
|
|
5622
5626
|
(!_ctx.disabled)
|
|
5623
5627
|
? (vue.openBlock(), vue.createBlock(_component_q_menu, {
|
|
@@ -5645,19 +5649,19 @@
|
|
|
5645
5649
|
], 2))
|
|
5646
5650
|
}
|
|
5647
5651
|
|
|
5648
|
-
var css_248z$
|
|
5649
|
-
styleInject(css_248z$
|
|
5652
|
+
var css_248z$b = ".s-time-picker {\n width: fit-content;\n height: 28px;\n border: 1px solid #aaaaaa;\n}\n.s-time-picker > .inside-label {\n border-right: 1px solid #aaaaaa;\n padding: 0 12px;\n}\n.s-time-picker > .time-picker > .content {\n width: 100%;\n text-align: center;\n margin-right: 4px;\n}\n.s-time-picker:hover {\n background: #f6f6f6;\n}\n.s-time-picker.s-time-picker-disabled {\n background: #eeeeee !important;\n border: 1px solid #cccccc;\n cursor: not-allowed !important;\n}\n.s-time-picker.s-time-picker-disabled > .time-picker {\n color: #888888 !important;\n}\n.time-picker-menu {\n border-radius: 8px !important;\n}";
|
|
5653
|
+
styleInject(css_248z$b);
|
|
5650
5654
|
|
|
5651
|
-
script$
|
|
5655
|
+
script$a.render = render$b;
|
|
5652
5656
|
|
|
5653
|
-
var script$
|
|
5657
|
+
var script$9 = vue.defineComponent({
|
|
5654
5658
|
name: 'SToggle',
|
|
5655
5659
|
components: {
|
|
5656
5660
|
QToggle: quasar.QToggle,
|
|
5657
5661
|
},
|
|
5658
5662
|
});
|
|
5659
5663
|
|
|
5660
|
-
function render$
|
|
5664
|
+
function render$a(_ctx, _cache, $props, $setup, $data, $options) {
|
|
5661
5665
|
var _component_q_toggle = vue.resolveComponent("q-toggle");
|
|
5662
5666
|
|
|
5663
5667
|
return (vue.openBlock(), vue.createBlock(_component_q_toggle, {
|
|
@@ -5667,12 +5671,12 @@
|
|
|
5667
5671
|
}))
|
|
5668
5672
|
}
|
|
5669
5673
|
|
|
5670
|
-
var css_248z$
|
|
5671
|
-
styleInject(css_248z$
|
|
5674
|
+
var css_248z$a = ".s-toggle {\n height: 20px;\n}\n.s-toggle .q-toggle__inner {\n padding: 0;\n width: 36px;\n height: 20px;\n}\n.s-toggle .q-toggle__inner .q-toggle__track {\n width: inherit;\n height: 20px;\n background: #cccccc;\n border-radius: 12px;\n margin-right: 0;\n opacity: 1;\n}\n.s-toggle .q-toggle__inner .q-toggle__thumb {\n font-size: 12px;\n width: 1.334em;\n height: 1.334em;\n top: 2px;\n left: 2px;\n}\n.s-toggle .q-toggle__inner--truthy .q-toggle__track {\n background: #0075ff;\n}\n.s-toggle .q-toggle__inner--truthy .q-toggle__thumb {\n left: 1.5em;\n color: white;\n}\n.disabled.s-toggle {\n border: none;\n background: none !important;\n opacity: 1 !important;\n}\n.disabled.s-toggle .q-toggle__inner .q-toggle__track {\n background: #eeeeee;\n}\n.disabled.s-toggle .q-toggle__inner--truthy .q-toggle__track {\n background: #bbdaff;\n}";
|
|
5675
|
+
styleInject(css_248z$a);
|
|
5672
5676
|
|
|
5673
|
-
script$
|
|
5677
|
+
script$9.render = render$a;
|
|
5674
5678
|
|
|
5675
|
-
var script$
|
|
5679
|
+
var script$8 = vue.defineComponent({
|
|
5676
5680
|
name: 'STooptip',
|
|
5677
5681
|
components: {
|
|
5678
5682
|
QTooltip: quasar.QTooltip,
|
|
@@ -5740,10 +5744,10 @@
|
|
|
5740
5744
|
},
|
|
5741
5745
|
});
|
|
5742
5746
|
|
|
5743
|
-
var _hoisted_1$
|
|
5744
|
-
var _hoisted_2$
|
|
5747
|
+
var _hoisted_1$8 = { class: "tooltip-close-icon cursor-pointer" };
|
|
5748
|
+
var _hoisted_2$5 = { class: "q-py-sm q-px-md" };
|
|
5745
5749
|
|
|
5746
|
-
function render$
|
|
5750
|
+
function render$9(_ctx, _cache, $props, $setup, $data, $options) {
|
|
5747
5751
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
5748
5752
|
var _component_q_menu = vue.resolveComponent("q-menu");
|
|
5749
5753
|
var _component_q_tooltip = vue.resolveComponent("q-tooltip");
|
|
@@ -5773,14 +5777,14 @@
|
|
|
5773
5777
|
class: "bg-Blue_B_Darken-2 text-white s-tooltip"
|
|
5774
5778
|
}, {
|
|
5775
5779
|
default: vue.withCtx(function () { return [
|
|
5776
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
5780
|
+
vue.createElementVNode("div", _hoisted_1$8, [
|
|
5777
5781
|
vue.createVNode(_component_q_icon, {
|
|
5778
5782
|
name: _ctx.closeIcon,
|
|
5779
5783
|
size: "16px",
|
|
5780
5784
|
onClick: _cache[0] || (_cache[0] = function () { return _ctx.isToogled = false; })
|
|
5781
5785
|
}, null, 8, ["name"])
|
|
5782
5786
|
]),
|
|
5783
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
5787
|
+
vue.createElementVNode("div", _hoisted_2$5, [
|
|
5784
5788
|
vue.renderSlot(_ctx.$slots, "default")
|
|
5785
5789
|
])
|
|
5786
5790
|
]; }),
|
|
@@ -5828,18 +5832,18 @@
|
|
|
5828
5832
|
}, 8, ["class", "text-color"]))
|
|
5829
5833
|
}
|
|
5830
5834
|
|
|
5831
|
-
var css_248z$
|
|
5832
|
-
styleInject(css_248z$
|
|
5835
|
+
var css_248z$9 = ".s-tooltip {\n padding: 8px 20px;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n}\n.s-toogle-tip {\n padding: 0;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n}\n.tooltip-triangle {\n box-shadow: none !important;\n background: none !important;\n padding: 0;\n width: 0;\n height: 0;\n}\n.tooltip-triangle.bottom {\n border-top: 0px solid transparent;\n border-bottom: 12px solid #07284a;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n}\n.tooltip-triangle.top {\n border-top: 12px solid #07284a;\n border-bottom: 0px solid transparent;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n}\n.tooltip-triangle.left {\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n border-left: 12px solid #07284a;\n border-right: 0px solid transparent;\n}\n.tooltip-triangle.right {\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n border-left: 0px solid transparent;\n border-right: 12px solid #07284a;\n}\n.q-menu > .tooltip-close-icon {\n position: absolute;\n top: 6px;\n right: 6px;\n}";
|
|
5836
|
+
styleInject(css_248z$9);
|
|
5833
5837
|
|
|
5834
|
-
script$
|
|
5838
|
+
script$8.render = render$9;
|
|
5835
5839
|
|
|
5836
|
-
var script$
|
|
5840
|
+
var script$7 = {
|
|
5837
5841
|
name: 'SDateTimePicker',
|
|
5838
5842
|
components: {
|
|
5839
5843
|
QInput: quasar.QInput,
|
|
5840
5844
|
QDate: quasar.QDate,
|
|
5841
5845
|
QIcon: quasar.QIcon,
|
|
5842
|
-
TimePickerCard: script$
|
|
5846
|
+
TimePickerCard: script$b,
|
|
5843
5847
|
QPopupProxy: quasar.QPopupProxy,
|
|
5844
5848
|
QSeparator: quasar.QSeparator,
|
|
5845
5849
|
},
|
|
@@ -5936,12 +5940,12 @@
|
|
|
5936
5940
|
},
|
|
5937
5941
|
};
|
|
5938
5942
|
|
|
5939
|
-
var _hoisted_1$
|
|
5943
|
+
var _hoisted_1$7 = {
|
|
5940
5944
|
class: "date-time-picker-wrapper flex column",
|
|
5941
5945
|
style: {"overflow":"hidden"}
|
|
5942
5946
|
};
|
|
5943
5947
|
|
|
5944
|
-
function render$
|
|
5948
|
+
function render$8(_ctx, _cache, $props, $setup, $data, $options) {
|
|
5945
5949
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
5946
5950
|
var _component_q_date = vue.resolveComponent("q-date");
|
|
5947
5951
|
var _component_q_separator = vue.resolveComponent("q-separator");
|
|
@@ -5986,7 +5990,7 @@
|
|
|
5986
5990
|
"no-parent-event": ""
|
|
5987
5991
|
}, {
|
|
5988
5992
|
default: vue.withCtx(function () { return [
|
|
5989
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
5993
|
+
vue.createElementVNode("div", _hoisted_1$7, [
|
|
5990
5994
|
vue.createVNode(_component_q_date, {
|
|
5991
5995
|
modelValue: $setup.dateValue,
|
|
5992
5996
|
"onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) { return (($setup.dateValue) = $event); }),
|
|
@@ -6016,12 +6020,12 @@
|
|
|
6016
6020
|
}, 8, ["class", "placeholder", "modelValue", "disable", "onUpdate:modelValue"]))
|
|
6017
6021
|
}
|
|
6018
6022
|
|
|
6019
|
-
var css_248z$
|
|
6020
|
-
styleInject(css_248z$
|
|
6023
|
+
var css_248z$8 = ".s-date-time-picker {\n width: fit-content;\n height: 28px;\n}\n.s-date-time-picker .q-field__before {\n padding: 0;\n}\n.s-date-time-picker .q-field__inner .q-field__control {\n padding: 4px 8px !important;\n align-items: center;\n height: 100%;\n}\n.s-date-time-picker .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-date-time-picker .q-field__inner .q-field__control:hover, .s-date-time-picker .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-date-time-picker .q-field__inner .q-field__control .q-field__prepend .q-icon {\n width: 20px;\n height: 20px;\n color: #737373;\n}\n.s-date-time-picker .q-field__inner .q-field__control .q-field__prepend {\n height: 20px;\n padding: 0;\n}\n.s-date-time-picker .q-field__inner .q-field__control .q-field__prepend > div {\n min-height: 0;\n height: 100%;\n display: flex !important;\n align-items: center;\n justify-content: center;\n}\n.s-date-time-picker .q-field__inner .q-field__control .q-field__prepend > div .q-btn {\n width: 1.667em;\n height: 1.667em;\n min-height: 1.667em;\n}\n.s-date-time-picker .q-field__inner .q-field__control .q-field__prepend > div .q-btn .q-icon {\n font-size: 1.667em;\n}\n.s-date-time-picker .q-field__inner .q-field__control-container {\n height: 20px;\n}\n.s-date-time-picker .q-field__inner .q-field__control-container .q-field__native {\n height: 100%;\n line-height: 165%;\n text-align: center;\n padding: 0 !important;\n font-size: 12px;\n font-weight: 400;\n}\n.s-date-time-picker .q-field__inner .q-field__control-container .q-field__native input::placeholder {\n color: #333333;\n}\n.date-time-picker-wrapper .time-picker-card {\n box-shadow: none;\n}";
|
|
6024
|
+
styleInject(css_248z$8);
|
|
6021
6025
|
|
|
6022
|
-
script$
|
|
6026
|
+
script$7.render = render$8;
|
|
6023
6027
|
|
|
6024
|
-
var script$
|
|
6028
|
+
var script$6 = {
|
|
6025
6029
|
name: 'SDateRange',
|
|
6026
6030
|
components: {
|
|
6027
6031
|
QDate: quasar.QDate,
|
|
@@ -6147,16 +6151,16 @@
|
|
|
6147
6151
|
},
|
|
6148
6152
|
};
|
|
6149
6153
|
|
|
6150
|
-
var _hoisted_1$
|
|
6151
|
-
var _hoisted_2$
|
|
6154
|
+
var _hoisted_1$6 = { class: "date-picker-label" };
|
|
6155
|
+
var _hoisted_2$4 = {
|
|
6152
6156
|
class: "flex no-wrap items-center",
|
|
6153
6157
|
style: {"flex-grow":"1","justify-content":"center"}
|
|
6154
6158
|
};
|
|
6155
|
-
var _hoisted_3$
|
|
6156
|
-
var _hoisted_4$
|
|
6157
|
-
var _hoisted_5$
|
|
6159
|
+
var _hoisted_3$3 = { class: "reset-btn-area flex justify-end" };
|
|
6160
|
+
var _hoisted_4$2 = /*#__PURE__*/vue.createElementVNode("span", { class: "q-mx-xs" }, "~", -1);
|
|
6161
|
+
var _hoisted_5$2 = { class: "reset-btn-area flex justify-end" };
|
|
6158
6162
|
|
|
6159
|
-
function render$
|
|
6163
|
+
function render$7(_ctx, _cache, $props, $setup, $data, $options) {
|
|
6160
6164
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
6161
6165
|
var _component_q_btn = vue.resolveComponent("q-btn");
|
|
6162
6166
|
var _component_q_date = vue.resolveComponent("q-date");
|
|
@@ -6171,7 +6175,7 @@
|
|
|
6171
6175
|
disable: $props.isDisable
|
|
6172
6176
|
}, vue.createSlots({
|
|
6173
6177
|
default: vue.withCtx(function () { return [
|
|
6174
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
6178
|
+
vue.createElementVNode("div", _hoisted_2$4, [
|
|
6175
6179
|
vue.createVNode(_component_q_input, {
|
|
6176
6180
|
class: "inner-input",
|
|
6177
6181
|
modelValue: $setup.dateModel.from,
|
|
@@ -6198,7 +6202,7 @@
|
|
|
6198
6202
|
offset: [0, 6]
|
|
6199
6203
|
}, {
|
|
6200
6204
|
default: vue.withCtx(function () { return [
|
|
6201
|
-
vue.createElementVNode("div", _hoisted_3$
|
|
6205
|
+
vue.createElementVNode("div", _hoisted_3$3, [
|
|
6202
6206
|
vue.createVNode(_component_q_btn, {
|
|
6203
6207
|
class: "reset-btn no-hover",
|
|
6204
6208
|
flat: "",
|
|
@@ -6230,7 +6234,7 @@
|
|
|
6230
6234
|
]; }),
|
|
6231
6235
|
_: 1
|
|
6232
6236
|
}, 8, ["modelValue"]),
|
|
6233
|
-
_hoisted_4$
|
|
6237
|
+
_hoisted_4$2,
|
|
6234
6238
|
vue.createVNode(_component_q_input, {
|
|
6235
6239
|
modelValue: $setup.dateModel.to,
|
|
6236
6240
|
"onUpdate:modelValue": _cache[7] || (_cache[7] = function ($event) { return (($setup.dateModel.to) = $event); }),
|
|
@@ -6257,7 +6261,7 @@
|
|
|
6257
6261
|
offset: [0, 6]
|
|
6258
6262
|
}, {
|
|
6259
6263
|
default: vue.withCtx(function () { return [
|
|
6260
|
-
vue.createElementVNode("div", _hoisted_5$
|
|
6264
|
+
vue.createElementVNode("div", _hoisted_5$2, [
|
|
6261
6265
|
vue.createVNode(_component_q_btn, {
|
|
6262
6266
|
class: "reset-btn no-hover",
|
|
6263
6267
|
flat: "",
|
|
@@ -6297,7 +6301,7 @@
|
|
|
6297
6301
|
? {
|
|
6298
6302
|
name: "before",
|
|
6299
6303
|
fn: vue.withCtx(function () { return [
|
|
6300
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
6304
|
+
vue.createElementVNode("div", _hoisted_1$6, vue.toDisplayString($props.insideLabel), 1)
|
|
6301
6305
|
]; }),
|
|
6302
6306
|
key: "0"
|
|
6303
6307
|
}
|
|
@@ -6319,12 +6323,12 @@
|
|
|
6319
6323
|
]), 1032, ["class", "disable"]))
|
|
6320
6324
|
}
|
|
6321
6325
|
|
|
6322
|
-
var css_248z$
|
|
6323
|
-
styleInject(css_248z$
|
|
6326
|
+
var css_248z$7 = ".s-date-range {\n width: fit-content;\n height: 28px;\n border-radius: 4px;\n}\n.s-date-range.has-label .q-field__inner .q-field__control {\n border-radius: 0 2px 2px 0;\n}\n.s-date-range.has-label .q-field__before {\n height: 100%;\n padding: 4px 12px !important;\n border: 1px solid #aaaaaa;\n border-right: none;\n border-radius: 2px 0 0 2px;\n background: #f6f6f6;\n}\n.s-date-range.has-label .q-field__before .date-picker-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-date-range.q-field--disabled .q-field__before {\n border: 1px solid #cccccc;\n border-right: none;\n}\n.s-date-range.q-field--disabled .q-field__before .date-picker-label {\n color: #888888;\n}\n.s-date-range.q-field--disabled .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.s-date-range .q-field__inner {\n font-size: 12px;\n text-align: center;\n}\n.s-date-range .q-field__inner .q-field__control {\n padding: 4px 16px 4px 8px !important;\n height: 100%;\n}\n.s-date-range .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-date-range .q-field__inner .q-field__control .q-field__prepend {\n height: 20px;\n}\n.s-date-range .q-field__inner .q-field__control .q-field__append {\n height: 20px;\n}\n.s-date-range .q-field__inner .q-field__control .q-field__append .q-icon {\n margin-right: -8px;\n}\n.s-date-range .q-field__inner .q-field__control-container > input {\n display: none;\n}\n.s-date-range .q-field__inner .q-field__control-container .inner-input {\n width: auto !important;\n}\n.s-date-range .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control {\n width: 100%;\n min-width: 72px;\n height: 20px;\n padding: 0px !important;\n}\n.s-date-range .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control::before, .s-date-range .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control::after {\n border: none;\n}\n.s-date-range .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control .q-field__control-container {\n justify-content: center;\n}\n.s-date-range .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control .q-field__control-container input {\n width: 72px;\n display: block;\n text-align: center;\n}\n.s-date-menu .reset-btn-area {\n padding: 20px 24px 0px;\n}\n.s-date-menu .reset-btn-area .reset-btn {\n width: 26px;\n height: 22px;\n min-height: 22px;\n padding: 0;\n text-decoration: underline;\n font-weight: 400;\n}\n.s-date-menu .reset-btn-area .reset-btn:hover .q-btn__content {\n text-decoration: underline;\n color: #0075ff;\n}";
|
|
6327
|
+
styleInject(css_248z$7);
|
|
6324
6328
|
|
|
6325
|
-
script$
|
|
6329
|
+
script$6.render = render$7;
|
|
6326
6330
|
|
|
6327
|
-
var script$
|
|
6331
|
+
var script$5 = {
|
|
6328
6332
|
name: 'SDate',
|
|
6329
6333
|
components: {
|
|
6330
6334
|
QDate: quasar.QDate,
|
|
@@ -6622,17 +6626,17 @@
|
|
|
6622
6626
|
},
|
|
6623
6627
|
};
|
|
6624
6628
|
|
|
6625
|
-
var _hoisted_1$
|
|
6626
|
-
var _hoisted_2$
|
|
6629
|
+
var _hoisted_1$5 = { class: "date-picker-label" };
|
|
6630
|
+
var _hoisted_2$3 = {
|
|
6627
6631
|
class: "flex no-wrap items-center",
|
|
6628
6632
|
style: {"flex-grow":"1","justify-content":"center"}
|
|
6629
6633
|
};
|
|
6630
|
-
var _hoisted_3 = { class: "reset-btn-area flex justify-end" };
|
|
6631
|
-
var _hoisted_4 = /*#__PURE__*/vue.createElementVNode("span", { class: "q-mx-sm text-Grey_Darken-4" }, "~", -1);
|
|
6632
|
-
var _hoisted_5 = { class: "reset-btn-area flex justify-end" };
|
|
6633
|
-
var _hoisted_6 = { class: "reset-btn-area flex justify-end" };
|
|
6634
|
+
var _hoisted_3$2 = { class: "reset-btn-area flex justify-end" };
|
|
6635
|
+
var _hoisted_4$1 = /*#__PURE__*/vue.createElementVNode("span", { class: "q-mx-sm text-Grey_Darken-4" }, "~", -1);
|
|
6636
|
+
var _hoisted_5$1 = { class: "reset-btn-area flex justify-end" };
|
|
6637
|
+
var _hoisted_6$1 = { class: "reset-btn-area flex justify-end" };
|
|
6634
6638
|
|
|
6635
|
-
function render$
|
|
6639
|
+
function render$6(_ctx, _cache, $props, $setup, $data, $options) {
|
|
6636
6640
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
6637
6641
|
var _component_q_btn = vue.resolveComponent("q-btn");
|
|
6638
6642
|
var _component_q_date = vue.resolveComponent("q-date");
|
|
@@ -6649,7 +6653,7 @@
|
|
|
6649
6653
|
"no-error-icon": ""
|
|
6650
6654
|
}, vue.createSlots({
|
|
6651
6655
|
default: vue.withCtx(function () { return [
|
|
6652
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
6656
|
+
vue.createElementVNode("div", _hoisted_2$3, [
|
|
6653
6657
|
($props.isRange)
|
|
6654
6658
|
? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
|
|
6655
6659
|
vue.createVNode(_component_q_input, {
|
|
@@ -6685,7 +6689,7 @@
|
|
|
6685
6689
|
onHide: _cache[5] || (_cache[5] = function ($event) { return ($setup.settingFromDate()); })
|
|
6686
6690
|
}, {
|
|
6687
6691
|
default: vue.withCtx(function () { return [
|
|
6688
|
-
vue.createElementVNode("div", _hoisted_3, [
|
|
6692
|
+
vue.createElementVNode("div", _hoisted_3$2, [
|
|
6689
6693
|
vue.createVNode(_component_q_btn, {
|
|
6690
6694
|
class: "reset-btn no-hover",
|
|
6691
6695
|
flat: "",
|
|
@@ -6717,7 +6721,7 @@
|
|
|
6717
6721
|
]; }),
|
|
6718
6722
|
_: 1
|
|
6719
6723
|
}, 8, ["modelValue"]),
|
|
6720
|
-
_hoisted_4,
|
|
6724
|
+
_hoisted_4$1,
|
|
6721
6725
|
vue.createVNode(_component_q_input, {
|
|
6722
6726
|
modelValue: $setup.dateModel.to,
|
|
6723
6727
|
"onUpdate:modelValue": _cache[15] || (_cache[15] = function ($event) { return (($setup.dateModel.to) = $event); }),
|
|
@@ -6751,7 +6755,7 @@
|
|
|
6751
6755
|
onHide: _cache[14] || (_cache[14] = function ($event) { return ($setup.settingToDate()); })
|
|
6752
6756
|
}, {
|
|
6753
6757
|
default: vue.withCtx(function () { return [
|
|
6754
|
-
vue.createElementVNode("div", _hoisted_5, [
|
|
6758
|
+
vue.createElementVNode("div", _hoisted_5$1, [
|
|
6755
6759
|
vue.createVNode(_component_q_btn, {
|
|
6756
6760
|
class: "reset-btn no-hover",
|
|
6757
6761
|
flat: "",
|
|
@@ -6818,7 +6822,7 @@
|
|
|
6818
6822
|
onHide: $setup.triggerValidation
|
|
6819
6823
|
}, {
|
|
6820
6824
|
default: vue.withCtx(function () { return [
|
|
6821
|
-
vue.createElementVNode("div", _hoisted_6, [
|
|
6825
|
+
vue.createElementVNode("div", _hoisted_6$1, [
|
|
6822
6826
|
vue.createVNode(_component_q_btn, {
|
|
6823
6827
|
class: "reset-btn no-hover",
|
|
6824
6828
|
flat: "",
|
|
@@ -6858,7 +6862,7 @@
|
|
|
6858
6862
|
? {
|
|
6859
6863
|
name: "before",
|
|
6860
6864
|
fn: vue.withCtx(function () { return [
|
|
6861
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
6865
|
+
vue.createElementVNode("div", _hoisted_1$5, vue.toDisplayString($props.insideLabel), 1)
|
|
6862
6866
|
]; }),
|
|
6863
6867
|
key: "0"
|
|
6864
6868
|
}
|
|
@@ -6880,10 +6884,10 @@
|
|
|
6880
6884
|
]), 1032, ["class", "disable"]))
|
|
6881
6885
|
}
|
|
6882
6886
|
|
|
6883
|
-
var css_248z$
|
|
6884
|
-
styleInject(css_248z$
|
|
6887
|
+
var css_248z$6 = ".s-date {\n width: fit-content;\n height: 28px;\n border-radius: 4px;\n}\n.s-date.has-label .q-field__inner .q-field__control {\n border-radius: 0 2px 2px 0 !important;\n}\n.s-date.has-label .q-field__before {\n height: 100%;\n padding: 4px 12px !important;\n border: 1px solid #aaaaaa;\n border-right: none;\n border-radius: 2px 0 0 2px;\n background: #f6f6f6;\n}\n.s-date.has-label .q-field__before .date-picker-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-date.q-field--disabled .q-field__before {\n border: 1px solid #cccccc;\n border-right: none;\n}\n.s-date.q-field--disabled .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.s-date.q-field--error .q-field__control::after {\n border-color: red !important;\n}\n.s-date.q-field--error.q-field--highlighted .q-field__control:after {\n box-shadow: 0 0 2px red;\n}\n.s-date .q-field__bottom {\n display: none;\n}\n.s-date .q-field__inner {\n font-size: 12px;\n text-align: center;\n}\n.s-date .q-field__inner .q-field__control {\n padding: 4px 16px 4px 8px !important;\n height: 100%;\n}\n.s-date .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-date .q-field__inner .q-field__control .q-field__prepend {\n height: 20px;\n}\n.s-date .q-field__inner .q-field__control .q-field__append {\n height: 20px;\n}\n.s-date .q-field__inner .q-field__control .q-field__append .q-icon {\n margin-right: -8px;\n}\n.s-date .q-field__inner .q-field__control-container > input {\n display: none;\n}\n.s-date .q-field__inner .q-field__control-container .inner-input {\n width: 100%;\n}\n.s-date .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control {\n width: 100%;\n min-width: 72px;\n height: 20px;\n padding: 0px !important;\n}\n.s-date .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control::before, .s-date .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control::after {\n border: none;\n}\n.s-date .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control .q-field__control-container {\n justify-content: center;\n}\n.s-date .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control .q-field__control-container input {\n width: 72px;\n display: block;\n text-align: center;\n}\n.s-date .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control:after {\n box-shadow: none !important;\n}\n.s-date-menu .reset-btn-area {\n padding: 20px 24px 0px;\n}\n.s-date-menu .reset-btn-area .reset-btn {\n width: 28px;\n height: 22px;\n min-height: 22px;\n padding: 0;\n text-decoration: underline;\n font-weight: 400;\n}\n.s-date-menu .reset-btn-area .reset-btn:hover .q-btn__content {\n text-decoration: underline;\n color: #0075ff;\n}";
|
|
6888
|
+
styleInject(css_248z$6);
|
|
6885
6889
|
|
|
6886
|
-
script$
|
|
6890
|
+
script$5.render = render$6;
|
|
6887
6891
|
|
|
6888
6892
|
var __default__ = vue.defineComponent({
|
|
6889
6893
|
name: 'SDateAutoRangePicker',
|
|
@@ -7023,10 +7027,10 @@
|
|
|
7023
7027
|
? function (props, ctx) { __injectCSSVars__();return __setup__(props, ctx) }
|
|
7024
7028
|
: __injectCSSVars__;
|
|
7025
7029
|
|
|
7026
|
-
var _hoisted_1$
|
|
7027
|
-
var _hoisted_2 = { class: "text-center date-str" };
|
|
7030
|
+
var _hoisted_1$4 = { class: "text-center date-str" };
|
|
7031
|
+
var _hoisted_2$2 = { class: "text-center date-str" };
|
|
7028
7032
|
|
|
7029
|
-
function render$
|
|
7033
|
+
function render$5(_ctx, _cache, $props, $setup, $data, $options) {
|
|
7030
7034
|
var _component_q_date = vue.resolveComponent("q-date");
|
|
7031
7035
|
var _component_q_separator = vue.resolveComponent("q-separator");
|
|
7032
7036
|
var _component_q_btn = vue.resolveComponent("q-btn");
|
|
@@ -7113,9 +7117,9 @@
|
|
|
7113
7117
|
}, 8, ["name", "color"])
|
|
7114
7118
|
]; }),
|
|
7115
7119
|
default: vue.withCtx(function () { return [
|
|
7116
|
-
vue.createElementVNode("span", _hoisted_1$
|
|
7120
|
+
vue.createElementVNode("span", _hoisted_1$4, vue.toDisplayString(_ctx.dateModel.from), 1),
|
|
7117
7121
|
vue.createTextVNode("~"),
|
|
7118
|
-
vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(_ctx.dateModel.to), 1)
|
|
7122
|
+
vue.createElementVNode("span", _hoisted_2$2, vue.toDisplayString(_ctx.dateModel.to), 1)
|
|
7119
7123
|
]; }),
|
|
7120
7124
|
_: 2
|
|
7121
7125
|
}, [
|
|
@@ -7150,12 +7154,12 @@
|
|
|
7150
7154
|
]), 1032, ["class", "disable", "modelValue"]))
|
|
7151
7155
|
}
|
|
7152
7156
|
|
|
7153
|
-
var css_248z$
|
|
7154
|
-
styleInject(css_248z$
|
|
7157
|
+
var css_248z$5 = ".s-date-auto-range-picker {\n width: var(--06657827);\n}\n.s-date-auto-range-picker .q-field__control {\n max-height: 28px;\n height: 28px;\n padding: 0;\n}\n.s-date-auto-range-picker .q-field__control:before {\n border: 1px solid #aaaaaa !important;\n}\n.s-date-auto-range-picker .q-field__control:after {\n border-color: transparent !important;\n box-shadow: none !important;\n}\n.s-date-auto-range-picker .q-field__control:hover, .s-date-auto-range-picker .q-field__control:active {\n box-sizing: none;\n background-color: #f6f6f6;\n}\n.s-date-auto-range-picker .q-field__control .q-field__prepend {\n padding: 0;\n margin: 0 4px 0 8px;\n height: 28px;\n width: 20px;\n}\n.s-date-auto-range-picker .q-field__control-container {\n align-items: center;\n padding: 0;\n margin: 0 16px 0 8px;\n}\n.s-date-auto-range-picker .q-field__control-container .q-field__native {\n display: none;\n}\n.s-date-auto-range-picker .q-field__control-container .date-str {\n min-width: 66px;\n line-height: 28px;\n font-size: 12px;\n display: block;\n color: #333333;\n height: 100%;\n user-select: none;\n}\n.s-date-auto-range-picker .q-field__control-container .date-str:first-of-type {\n margin-right: 4px;\n}\n.s-date-auto-range-picker .q-field__control-container .date-str:last-of-type {\n margin-left: 4px;\n}\n.s-date-auto-range-picker .q-field__control .q-field__append {\n height: 28px;\n padding: 0;\n margin: 0 8px 0 0;\n}\n.s-date-auto-range-picker.q-field--disabled .q-field__control:before {\n border: 1px solid #cccccc !important;\n}\n.s-date-auto-range-picker.q-field--disabled .q-field__control-container .date-str {\n color: #888888;\n}\n.s-date-auto-range-picker--inside .q-field__before {\n height: 28px;\n line-height: 20px;\n padding: 0;\n}\n.s-date-auto-range-picker--inside .q-field__before .date-picker-label {\n border-right: none !important;\n border-radius: 2px 0 0 2px;\n height: 28px;\n font-size: 12px;\n}\n.s-date-auto-range-picker--inside .q-field__control {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.s-date-auto-range-picker--use-icon .q-field__control-container {\n margin: 0 8px 0 4px;\n}";
|
|
7158
|
+
styleInject(css_248z$5);
|
|
7155
7159
|
|
|
7156
|
-
__default__.render = render$
|
|
7160
|
+
__default__.render = render$5;
|
|
7157
7161
|
|
|
7158
|
-
var script$
|
|
7162
|
+
var script$4 = {
|
|
7159
7163
|
name: 'SYearPicker',
|
|
7160
7164
|
components: {
|
|
7161
7165
|
QDate: quasar.QDate,
|
|
@@ -7221,9 +7225,9 @@
|
|
|
7221
7225
|
},
|
|
7222
7226
|
};
|
|
7223
7227
|
|
|
7224
|
-
var _hoisted_1$
|
|
7228
|
+
var _hoisted_1$3 = { class: "year-month-picker-label" };
|
|
7225
7229
|
|
|
7226
|
-
function render$
|
|
7230
|
+
function render$4(_ctx, _cache, $props, $setup, $data, $options) {
|
|
7227
7231
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
7228
7232
|
var _component_q_date = vue.resolveComponent("q-date");
|
|
7229
7233
|
var _component_q_menu = vue.resolveComponent("q-menu");
|
|
@@ -7289,7 +7293,7 @@
|
|
|
7289
7293
|
? {
|
|
7290
7294
|
name: "before",
|
|
7291
7295
|
fn: vue.withCtx(function () { return [
|
|
7292
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
7296
|
+
vue.createElementVNode("div", _hoisted_1$3, vue.toDisplayString($props.insideLabel), 1)
|
|
7293
7297
|
]; }),
|
|
7294
7298
|
key: "0"
|
|
7295
7299
|
}
|
|
@@ -7297,11 +7301,11 @@
|
|
|
7297
7301
|
]), 1032, ["class", "disable", "modelValue"]))
|
|
7298
7302
|
}
|
|
7299
7303
|
|
|
7300
|
-
var css_248z$
|
|
7301
|
-
styleInject(css_248z$
|
|
7304
|
+
var css_248z$4 = ".s-year-picker[data-v-53fcd11e] {\n width: fit-content;\n height: 28px;\n border-radius: 4px;\n}\n.s-year-picker.has-label[data-v-53fcd11e] .q-field__inner .q-field__control {\n border-radius: 0 2px 2px 0 !important;\n}\n.s-year-picker.has-label[data-v-53fcd11e] .q-field__before {\n height: 100%;\n padding: 4px 12px !important;\n border: 1px solid #aaaaaa;\n border-right: none;\n border-radius: 2px 0 0 2px;\n background: #f6f6f6;\n}\n.s-year-picker.has-label[data-v-53fcd11e] .q-field__before .year-month-picker-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-year-picker.q-field--disabled[data-v-53fcd11e] .q-field__before {\n border: 1px solid #cccccc;\n border-right: none;\n}\n.s-year-picker.q-field--disabled[data-v-53fcd11e] .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__bottom {\n display: none;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control {\n padding: 4px 16px 4px 8px !important;\n height: 100%;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control .q-field__control-container .q-field__native {\n text-align: center;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control:before {\n border-style: solid;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control:hover, .s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control:active {\n background: #f6f6f6 !important;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control .q-field__prepend {\n height: 20px;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control .q-field__append {\n height: 20px;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control .q-field__append .q-icon {\n margin-right: -8px;\n}\n.s-date-menu[data-v-53fcd11e] {\n border-radius: 8px;\n}";
|
|
7305
|
+
styleInject(css_248z$4);
|
|
7302
7306
|
|
|
7303
|
-
script$
|
|
7304
|
-
script$
|
|
7307
|
+
script$4.render = render$4;
|
|
7308
|
+
script$4.__scopeId = "data-v-53fcd11e";
|
|
7305
7309
|
|
|
7306
7310
|
var Directive = {
|
|
7307
7311
|
name: 'sellmate',
|
|
@@ -7311,7 +7315,7 @@
|
|
|
7311
7315
|
},
|
|
7312
7316
|
};
|
|
7313
7317
|
|
|
7314
|
-
var script$
|
|
7318
|
+
var script$3 = vue.defineComponent({
|
|
7315
7319
|
name: 'SBadge',
|
|
7316
7320
|
components: { QBadge: quasar.QBadge },
|
|
7317
7321
|
props: {
|
|
@@ -7346,7 +7350,7 @@
|
|
|
7346
7350
|
},
|
|
7347
7351
|
});
|
|
7348
7352
|
|
|
7349
|
-
function render$
|
|
7353
|
+
function render$3(_ctx, _cache, $props, $setup, $data, $options) {
|
|
7350
7354
|
var _component_q_badge = vue.resolveComponent("q-badge");
|
|
7351
7355
|
|
|
7352
7356
|
return (vue.openBlock(), vue.createBlock(_component_q_badge, {
|
|
@@ -7360,11 +7364,11 @@
|
|
|
7360
7364
|
}, null, 8, ["class", "label", "color", "text-color"]))
|
|
7361
7365
|
}
|
|
7362
7366
|
|
|
7363
|
-
var css_248z$
|
|
7364
|
-
styleInject(css_248z$
|
|
7367
|
+
var css_248z$3 = ".s-badge[data-v-27c2380e] {\n border-radius: 4px;\n line-height: 20px;\n}\n.s-badge__sm[data-v-27c2380e] {\n padding: 1px 8px;\n height: 20px;\n font-size: 11px;\n font-weight: 400;\n}\n.s-badge__md[data-v-27c2380e] {\n padding: 2px 12px;\n height: 24px;\n font-size: 12px;\n font-weight: 700;\n}";
|
|
7368
|
+
styleInject(css_248z$3);
|
|
7365
7369
|
|
|
7366
|
-
script$
|
|
7367
|
-
script$
|
|
7370
|
+
script$3.render = render$3;
|
|
7371
|
+
script$3.__scopeId = "data-v-27c2380e";
|
|
7368
7372
|
|
|
7369
7373
|
var colorStatusList = {
|
|
7370
7374
|
Grey: {
|
|
@@ -7401,7 +7405,7 @@
|
|
|
7401
7405
|
},
|
|
7402
7406
|
};
|
|
7403
7407
|
|
|
7404
|
-
var script = vue.defineComponent({
|
|
7408
|
+
var script$2 = vue.defineComponent({
|
|
7405
7409
|
name: 'STag',
|
|
7406
7410
|
components: { QBadge: quasar.QBadge, QIcon: quasar.QIcon },
|
|
7407
7411
|
props: {
|
|
@@ -7428,6 +7432,10 @@
|
|
|
7428
7432
|
type: String,
|
|
7429
7433
|
default: '',
|
|
7430
7434
|
},
|
|
7435
|
+
textClass: {
|
|
7436
|
+
type: String,
|
|
7437
|
+
default: '',
|
|
7438
|
+
},
|
|
7431
7439
|
rounded: {
|
|
7432
7440
|
type: Boolean,
|
|
7433
7441
|
default: false,
|
|
@@ -7447,9 +7455,9 @@
|
|
|
7447
7455
|
},
|
|
7448
7456
|
});
|
|
7449
7457
|
|
|
7450
|
-
var _hoisted_1 = ["innerHTML"];
|
|
7458
|
+
var _hoisted_1$2 = ["innerHTML"];
|
|
7451
7459
|
|
|
7452
|
-
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
7460
|
+
function render$2(_ctx, _cache, $props, $setup, $data, $options) {
|
|
7453
7461
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
7454
7462
|
var _component_q_badge = vue.resolveComponent("q-badge");
|
|
7455
7463
|
|
|
@@ -7472,64 +7480,575 @@
|
|
|
7472
7480
|
class: "q-mr-sm"
|
|
7473
7481
|
}, null, 8, ["name"]))
|
|
7474
7482
|
: vue.createCommentVNode("", true),
|
|
7475
|
-
vue.createElementVNode("span", {
|
|
7483
|
+
vue.createElementVNode("span", {
|
|
7484
|
+
innerHTML: _ctx.label,
|
|
7485
|
+
class: vue.normalizeClass(_ctx.textClass)
|
|
7486
|
+
}, null, 10, _hoisted_1$2)
|
|
7476
7487
|
]; }),
|
|
7477
7488
|
_: 1
|
|
7478
7489
|
}, 8, ["class", "color", "text-color"]))
|
|
7479
7490
|
}
|
|
7480
7491
|
|
|
7481
|
-
var css_248z = ".s-tag[data-v-
|
|
7492
|
+
var css_248z$2 = ".s-tag[data-v-5a19bbe6] {\n border-radius: 4px;\n box-sizing: border-box;\n}\n.s-tag__sm[data-v-5a19bbe6] {\n padding: 1px 6px;\n height: 20px;\n}\n.s-tag__sm > span[data-v-5a19bbe6] {\n line-height: 18px;\n font-size: 11px;\n font-weight: 400;\n}\n.s-tag__md[data-v-5a19bbe6] {\n padding: 2px 8px;\n height: 24px;\n}\n.s-tag__md > span[data-v-5a19bbe6] {\n line-height: 20px;\n font-size: 12px;\n font-weight: 700;\n}\n.s-tag__lg[data-v-5a19bbe6] {\n padding: 4px 16px;\n height: 48px;\n}\n.s-tag__lg > span[data-v-5a19bbe6] {\n line-height: 40px;\n font-size: 24px;\n font-weight: 700;\n}\n.s-tag__rounded[data-v-5a19bbe6] {\n border-radius: 20px;\n}";
|
|
7493
|
+
styleInject(css_248z$2);
|
|
7494
|
+
|
|
7495
|
+
script$2.render = render$2;
|
|
7496
|
+
script$2.__scopeId = "data-v-5a19bbe6";
|
|
7497
|
+
|
|
7498
|
+
var script$1 = vue.defineComponent({
|
|
7499
|
+
name: 'TableTreeNode',
|
|
7500
|
+
props: {
|
|
7501
|
+
row: Object,
|
|
7502
|
+
nodeName: String,
|
|
7503
|
+
columns: {
|
|
7504
|
+
type: Array,
|
|
7505
|
+
default: function () { return []; },
|
|
7506
|
+
},
|
|
7507
|
+
isRoot:{
|
|
7508
|
+
type: Boolean,
|
|
7509
|
+
default: true
|
|
7510
|
+
},
|
|
7511
|
+
colspan: Number,
|
|
7512
|
+
resizedWidths: Object,
|
|
7513
|
+
},
|
|
7514
|
+
setup: function setup(props, ref$1) {
|
|
7515
|
+
var emit = ref$1.emit;
|
|
7516
|
+
|
|
7517
|
+
var levelClass = vue.computed(function () { return ("level-" + (props.row.level)) || ''; });
|
|
7518
|
+
var hasChildren = vue.computed(function () { return props.row.children && props.row.children.length > 0; });
|
|
7519
|
+
var childTableNode = vue.ref(null);
|
|
7520
|
+
|
|
7521
|
+
function handlerExpand(row) { emit('handlerExpand', row);
|
|
7522
|
+
}
|
|
7523
|
+
|
|
7524
|
+
return {
|
|
7525
|
+
levelClass: levelClass,
|
|
7526
|
+
hasChildren: hasChildren,
|
|
7527
|
+
handlerExpand: handlerExpand,
|
|
7528
|
+
childTableNode: childTableNode,
|
|
7529
|
+
addIcon10: addIcon10,
|
|
7530
|
+
minusIcon10: minusIcon10
|
|
7531
|
+
};
|
|
7532
|
+
},
|
|
7533
|
+
});
|
|
7534
|
+
|
|
7535
|
+
var _hoisted_1$1 = {
|
|
7536
|
+
key: 0,
|
|
7537
|
+
class: "q-mr-xs"
|
|
7538
|
+
};
|
|
7539
|
+
var _hoisted_2$1 = {
|
|
7540
|
+
key: 1,
|
|
7541
|
+
class: "q-ml-xs"
|
|
7542
|
+
};
|
|
7543
|
+
var _hoisted_3$1 = { key: 0 };
|
|
7544
|
+
|
|
7545
|
+
function render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
7546
|
+
var _component_s_button = vue.resolveComponent("s-button");
|
|
7547
|
+
var _component_table_tree_node = vue.resolveComponent("table-tree-node", true);
|
|
7548
|
+
|
|
7549
|
+
return (vue.openBlock(), vue.createElementBlock("div", {
|
|
7550
|
+
class: vue.normalizeClass(["table-tree-node", _ctx.nodeName]),
|
|
7551
|
+
ref: "childTableNode"
|
|
7552
|
+
}, [
|
|
7553
|
+
vue.createElementVNode("table", null, [
|
|
7554
|
+
vue.createElementVNode("tbody", null, [
|
|
7555
|
+
vue.createElementVNode("tr", {
|
|
7556
|
+
class: vue.normalizeClass(["level", _ctx.levelClass])
|
|
7557
|
+
}, [
|
|
7558
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, function (column, i) {
|
|
7559
|
+
var obj;
|
|
7560
|
+
|
|
7561
|
+
return (vue.openBlock(), vue.createElementBlock("td", {
|
|
7562
|
+
key: i,
|
|
7563
|
+
class: vue.normalizeClass(( obj = {
|
|
7564
|
+
'bg-white': i === 0 && _ctx.hasChildren,
|
|
7565
|
+
'bg-Grey_Lighten-5': !_ctx.hasChildren
|
|
7566
|
+
}, obj[("td-" + (i + 1) + " text-" + (column.align))] = i >= 0, obj )),
|
|
7567
|
+
style: vue.normalizeStyle([
|
|
7568
|
+
i === 0 && ("padding-left: " + (_ctx.row.leftPadding) + "px"),
|
|
7569
|
+
("width: " + (column.width) + "px")
|
|
7570
|
+
])
|
|
7571
|
+
}, [
|
|
7572
|
+
vue.renderSlot(_ctx.$slots, ("body-cell-" + (column.name)), {}, function () { return [
|
|
7573
|
+
vue.createElementVNode("div", null, [
|
|
7574
|
+
(_ctx.hasChildren && i === 0)
|
|
7575
|
+
? (vue.openBlock(), vue.createBlock(_component_s_button, {
|
|
7576
|
+
key: 0,
|
|
7577
|
+
icon: _ctx.row.isExpand ? _ctx.minusIcon10 : _ctx.addIcon10,
|
|
7578
|
+
outline: "",
|
|
7579
|
+
round: "",
|
|
7580
|
+
color: _ctx.row.isExpand ? 'Blue_C_Lighten-3' : 'Grey_Default',
|
|
7581
|
+
class: vue.normalizeClass(["expand-btn q-mr-sm", { 'not-expand-btn': !_ctx.row.isExpand }]),
|
|
7582
|
+
onClick: _cache[0] || (_cache[0] = function ($event) { return (_ctx.handlerExpand(_ctx.row)); })
|
|
7583
|
+
}, null, 8, ["icon", "color", "class"]))
|
|
7584
|
+
: vue.createCommentVNode("", true),
|
|
7585
|
+
vue.createElementVNode("span", {
|
|
7586
|
+
class: vue.normalizeClass(["cell-content", {'is-root': _ctx.isRoot}])
|
|
7587
|
+
}, [
|
|
7588
|
+
(column.prefix)
|
|
7589
|
+
? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$1, vue.toDisplayString(column.prefix), 1))
|
|
7590
|
+
: vue.createCommentVNode("", true),
|
|
7591
|
+
vue.createTextVNode(" " + vue.toDisplayString(_ctx.row[column.name]) + " ", 1),
|
|
7592
|
+
(column.suffix)
|
|
7593
|
+
? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$1, vue.toDisplayString(column.suffix), 1))
|
|
7594
|
+
: vue.createCommentVNode("", true)
|
|
7595
|
+
], 2)
|
|
7596
|
+
])
|
|
7597
|
+
]; })
|
|
7598
|
+
], 6))
|
|
7599
|
+
}), 128))
|
|
7600
|
+
], 2)
|
|
7601
|
+
])
|
|
7602
|
+
]),
|
|
7603
|
+
(_ctx.row.isExpand)
|
|
7604
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, [
|
|
7605
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row.children, function (childRow, childRowIdx) {
|
|
7606
|
+
return (vue.openBlock(), vue.createBlock(_component_table_tree_node, {
|
|
7607
|
+
key: ("child_node" + childRowIdx),
|
|
7608
|
+
nodeName: ("child_node" + childRowIdx),
|
|
7609
|
+
row: childRow,
|
|
7610
|
+
columns: _ctx.columns,
|
|
7611
|
+
colspan: _ctx.colspan,
|
|
7612
|
+
resizedWidths: _ctx.resizedWidths,
|
|
7613
|
+
onHandlerExpand: _ctx.handlerExpand,
|
|
7614
|
+
"is-root": false
|
|
7615
|
+
}, vue.createSlots({ _: 2 }, [
|
|
7616
|
+
vue.renderList(_ctx.columns, function (column) {
|
|
7617
|
+
return {
|
|
7618
|
+
name: ("body-cell-" + (column.name)),
|
|
7619
|
+
fn: vue.withCtx(function (props) { return [
|
|
7620
|
+
vue.renderSlot(_ctx.$slots, ("body-cell-" + (column.name)), vue.mergeProps({ ref_for: true }, props))
|
|
7621
|
+
]; })
|
|
7622
|
+
}
|
|
7623
|
+
})
|
|
7624
|
+
]), 1032, ["nodeName", "row", "columns", "colspan", "resizedWidths", "onHandlerExpand"]))
|
|
7625
|
+
}), 128))
|
|
7626
|
+
]))
|
|
7627
|
+
: vue.createCommentVNode("", true)
|
|
7628
|
+
], 2))
|
|
7629
|
+
}
|
|
7630
|
+
|
|
7631
|
+
var css_248z$1 = ".table-tree-node[data-v-dc1ea1c0] {\n border-top: 1px solid #e1e1e1 !important;\n box-sizing: border-box;\n}\n.table-tree-node.root_node_0[data-v-dc1ea1c0] {\n border-top: 0 !important;\n}\n.table-tree-node .tr[data-v-dc1ea1c0] {\n vertical-align: middle;\n}\n.table-tree-node .tr td[data-v-dc1ea1c0] {\n height: 48px;\n padding: 0 16px;\n}\n.table-tree-node td[data-v-dc1ea1c0], .table-tree-node th[data-v-dc1ea1c0] {\n width: 100%;\n}\n.table-tree-node td[data-v-dc1ea1c0]:not(:first-of-type), .table-tree-node th[data-v-dc1ea1c0]:not(:first-of-type) {\n word-break: keep-all;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.table-tree-node table[data-v-dc1ea1c0] {\n width: 100%;\n table-layout: fixed;\n border-collapse: collapse;\n}\n.table-tree-node table tbody tr td[data-v-dc1ea1c0] {\n height: 44px;\n padding: 0 16px;\n font-weight: 400;\n}\n.table-tree-node table tbody tr td .expand-btn[data-v-dc1ea1c0] {\n min-width: 20px;\n min-height: 20px;\n padding: 0 !important;\n}\n.table-tree-node table tbody tr td .expand-btn.not-expand-btn[data-v-dc1ea1c0]:before {\n border-color: #e1e1e1;\n}\n.table-tree-node table tbody tr td .expand-btn.s-button-sm.q-btn[data-v-dc1ea1c0] {\n height: 20px;\n}\n.table-tree-node table tbody tr td .expand-btn[data-v-dc1ea1c0] .q-btn__content .q-icon {\n font-size: 12px;\n}\n.table-tree-node table tbody tr td .cell-content[data-v-dc1ea1c0] {\n display: inline-block;\n}\n.table-tree-node table .td-1 .is-root[data-v-dc1ea1c0] {\n font-weight: 700;\n}\n.table-tree-node table .td-1[data-v-dc1ea1c0] :not(.is-root) {\n font-weight: 400;\n}";
|
|
7632
|
+
styleInject(css_248z$1);
|
|
7633
|
+
|
|
7634
|
+
script$1.render = render$1;
|
|
7635
|
+
script$1.__scopeId = "data-v-dc1ea1c0";
|
|
7636
|
+
|
|
7637
|
+
function createDiv(val) {
|
|
7638
|
+
var div = document.createElement('div');
|
|
7639
|
+
div.classList.add(("resizable-" + val));
|
|
7640
|
+
div.style.top = '10px';
|
|
7641
|
+
if (val === 'right') { div.style.right = 0; }
|
|
7642
|
+
if (val === 'left') { div.style.left = 0; }
|
|
7643
|
+
div.style.width = '4px';
|
|
7644
|
+
div.style.position = 'absolute';
|
|
7645
|
+
div.style.cursor = 'col-resize';
|
|
7646
|
+
div.style.backgroundColor = 'none';
|
|
7647
|
+
div.style.border = '1px solid #CCCCCC';
|
|
7648
|
+
div.style.borderTop = 'none';
|
|
7649
|
+
div.style.borderBottom = 'none';
|
|
7650
|
+
div.style.zIndex = 2;
|
|
7651
|
+
div.style.userSelect = 'none';
|
|
7652
|
+
div.style.height = '16px';
|
|
7653
|
+
return div;
|
|
7654
|
+
}
|
|
7655
|
+
|
|
7656
|
+
function setTableTreeNode(tableEl, colIndex, newWidth, columns, resizedWidths) {
|
|
7657
|
+
var allTables = tableEl.querySelectorAll('table');
|
|
7658
|
+
|
|
7659
|
+
allTables.forEach(function (table) {
|
|
7660
|
+
var rows = table.querySelectorAll('tr');
|
|
7661
|
+
rows.forEach(function (row) {
|
|
7662
|
+
var cols = row.children;
|
|
7663
|
+
if (cols[colIndex]) {
|
|
7664
|
+
|
|
7665
|
+
var minWidth = colIndex === 0 ? columns[colIndex].width : 0;
|
|
7666
|
+
var resultWidth = Math.max(newWidth, minWidth);
|
|
7667
|
+
cols[colIndex].style.minWidth = resultWidth + "px";
|
|
7668
|
+
cols[colIndex].style.width = resultWidth + "px";
|
|
7669
|
+
|
|
7670
|
+
resizedWidths[colIndex] = resultWidth;
|
|
7671
|
+
}
|
|
7672
|
+
});
|
|
7673
|
+
});
|
|
7674
|
+
}
|
|
7675
|
+
|
|
7676
|
+
function setListeners(div, position, colIndex, tableEl, resizedWidths, columns) {
|
|
7677
|
+
var curCol;
|
|
7678
|
+
var pageX;
|
|
7679
|
+
var curColWidth;
|
|
7680
|
+
|
|
7681
|
+
div.addEventListener('mousedown', function (e) {
|
|
7682
|
+
curCol = e.target.parentElement;
|
|
7683
|
+
pageX = e.pageX;
|
|
7684
|
+
curColWidth = curCol.offsetWidth;
|
|
7685
|
+
}, { passive: true });
|
|
7686
|
+
|
|
7687
|
+
document.addEventListener('mousemove', function (e) {
|
|
7688
|
+
if (curCol) {
|
|
7689
|
+
var diffX = e.pageX - pageX;
|
|
7690
|
+
var newWidth = position === 'right' ? curColWidth + diffX : curColWidth - diffX;
|
|
7691
|
+
|
|
7692
|
+
var minWidth = colIndex === 0 ? columns[colIndex].width : 0;
|
|
7693
|
+
|
|
7694
|
+
newWidth = Math.max(newWidth, minWidth);
|
|
7695
|
+
curCol.style.minWidth = newWidth + "px";
|
|
7696
|
+
curCol.style.width = newWidth + "px";
|
|
7697
|
+
|
|
7698
|
+
resizedWidths[colIndex] = newWidth;
|
|
7699
|
+
setTableTreeNode(tableEl, colIndex, newWidth, columns, resizedWidths);
|
|
7700
|
+
}
|
|
7701
|
+
}, { passive: true });
|
|
7702
|
+
|
|
7703
|
+
document.addEventListener('mouseup', function () {
|
|
7704
|
+
curCol = null;
|
|
7705
|
+
pageX = null;
|
|
7706
|
+
curColWidth = null;
|
|
7707
|
+
}, { passive: true });
|
|
7708
|
+
}
|
|
7709
|
+
|
|
7710
|
+
function addResizable(tableEl, columns) {
|
|
7711
|
+
var tableElement = tableEl.getElementsByTagName('table')[0];
|
|
7712
|
+
var firstRow = tableElement.getElementsByTagName('tr')[0];
|
|
7713
|
+
var cols = firstRow ? firstRow.children : [];
|
|
7714
|
+
var resizedWidths = {};
|
|
7715
|
+
|
|
7716
|
+
for (var i = 0; i < cols.length - 1; i += 1) {
|
|
7717
|
+
var div = createDiv('right');
|
|
7718
|
+
cols[i].appendChild(div);
|
|
7719
|
+
cols[i].style.position = 'sticky';
|
|
7720
|
+
setListeners(div, 'right', i, tableEl, resizedWidths, columns);
|
|
7721
|
+
}
|
|
7722
|
+
|
|
7723
|
+
return resizedWidths;
|
|
7724
|
+
}
|
|
7725
|
+
|
|
7726
|
+
function useResizableTree() {
|
|
7727
|
+
return {
|
|
7728
|
+
addResizable: addResizable
|
|
7729
|
+
};
|
|
7730
|
+
}
|
|
7731
|
+
|
|
7732
|
+
function setWidthForExpand(tableNodeRef, resizedWidths) {
|
|
7733
|
+
var tableElements = tableNodeRef.querySelectorAll('table');
|
|
7734
|
+
|
|
7735
|
+
tableElements.forEach(function (tableElement) {
|
|
7736
|
+
var rows = tableElement.querySelectorAll('tr');
|
|
7737
|
+
rows.forEach(function (row) {
|
|
7738
|
+
var cols = row.children;
|
|
7739
|
+
for (var i = 0; i < cols.length; i++) {
|
|
7740
|
+
if (resizedWidths[i] !== undefined) {
|
|
7741
|
+
cols[i].style.minWidth = (resizedWidths[i]) + "px";
|
|
7742
|
+
cols[i].style.width = (resizedWidths[i]) + "px";
|
|
7743
|
+
}
|
|
7744
|
+
}
|
|
7745
|
+
});
|
|
7746
|
+
});
|
|
7747
|
+
}
|
|
7748
|
+
|
|
7749
|
+
var script = vue.defineComponent({
|
|
7750
|
+
name: 'STableTree',
|
|
7751
|
+
components: { TableTreeNode: script$1, QInnerLoading: quasar.QInnerLoading },
|
|
7752
|
+
props: {
|
|
7753
|
+
columns: {
|
|
7754
|
+
type: Array,
|
|
7755
|
+
default: function () { return []; },
|
|
7756
|
+
},
|
|
7757
|
+
rows: {
|
|
7758
|
+
type: Array,
|
|
7759
|
+
default: function () { return []; },
|
|
7760
|
+
},
|
|
7761
|
+
foots: {
|
|
7762
|
+
type: Array,
|
|
7763
|
+
default: function () { return []; },
|
|
7764
|
+
},
|
|
7765
|
+
noDataLabel: {
|
|
7766
|
+
type: String,
|
|
7767
|
+
default: '데이터 조회가 필요합니다',
|
|
7768
|
+
},
|
|
7769
|
+
loading: {
|
|
7770
|
+
type: Boolean,
|
|
7771
|
+
default: false,
|
|
7772
|
+
},
|
|
7773
|
+
isStickyFirstColumn: {
|
|
7774
|
+
tpye: Boolean,
|
|
7775
|
+
default: true,
|
|
7776
|
+
},
|
|
7777
|
+
resizable: {
|
|
7778
|
+
type: Boolean,
|
|
7779
|
+
default: false,
|
|
7780
|
+
},
|
|
7781
|
+
stickyResizable: {
|
|
7782
|
+
type: [Array, Number],
|
|
7783
|
+
required: false,
|
|
7784
|
+
},
|
|
7785
|
+
},
|
|
7786
|
+
setup: function setup(props) {
|
|
7787
|
+
var treeDataSource = vue.ref([]);
|
|
7788
|
+
var sTableTreeRef = vue.ref(null);
|
|
7789
|
+
var resizedWidths = vue.ref({});
|
|
7790
|
+
var scrollLocationRef = vue.ref(null);
|
|
7791
|
+
|
|
7792
|
+
function handleScroll() {
|
|
7793
|
+
var ref = scrollLocationRef.value;
|
|
7794
|
+
var scrollLeft = ref.scrollLeft;
|
|
7795
|
+
|
|
7796
|
+
if (scrollLeft === 0) {
|
|
7797
|
+
scrollLocationRef.value.classList.add('no-before');
|
|
7798
|
+
} else {
|
|
7799
|
+
scrollLocationRef.value.classList.remove('no-before');
|
|
7800
|
+
}
|
|
7801
|
+
|
|
7802
|
+
}
|
|
7803
|
+
|
|
7804
|
+
function initTreeData() {
|
|
7805
|
+
var tempData = JSON.parse(JSON.stringify(props.rows));
|
|
7806
|
+
var reduceDataFunc = function (data, level) {
|
|
7807
|
+
data.forEach(function (m) {
|
|
7808
|
+
m.isExpand = m.isExpand || false;
|
|
7809
|
+
m.children = m.children || [];
|
|
7810
|
+
m.level = level;
|
|
7811
|
+
m.leftPadding = level === 1 ? 20 : (level - 1) * 28 + 20;
|
|
7812
|
+
if (m.children.length > 0) {
|
|
7813
|
+
reduceDataFunc(m.children, level + 1);
|
|
7814
|
+
}
|
|
7815
|
+
|
|
7816
|
+
vue.nextTick(function () {
|
|
7817
|
+
setWidthForExpand(sTableTreeRef.value, resizedWidths.value);
|
|
7818
|
+
});
|
|
7819
|
+
});
|
|
7820
|
+
};
|
|
7821
|
+
reduceDataFunc(tempData, 1);
|
|
7822
|
+
treeDataSource.value = tempData;
|
|
7823
|
+
}
|
|
7824
|
+
|
|
7825
|
+
function handlerExpand(row) {
|
|
7826
|
+
row.isExpand = !row.isExpand;
|
|
7827
|
+
|
|
7828
|
+
vue.nextTick(function () {
|
|
7829
|
+
setWidthForExpand(sTableTreeRef.value, resizedWidths.value);
|
|
7830
|
+
});
|
|
7831
|
+
}
|
|
7832
|
+
vue.onMounted(function () {
|
|
7833
|
+
var ref = useResizableTree();
|
|
7834
|
+
var addResizable = ref.addResizable;
|
|
7835
|
+
if (props.resizable || props.isStickyFirstColumn) {
|
|
7836
|
+
resizedWidths.value = addResizable(sTableTreeRef.value, props.columns);
|
|
7837
|
+
}
|
|
7838
|
+
scrollLocationRef.value.classList.add('no-before');
|
|
7839
|
+
});
|
|
7840
|
+
|
|
7841
|
+
initTreeData();
|
|
7842
|
+
|
|
7843
|
+
return {
|
|
7844
|
+
treeDataSource: treeDataSource,
|
|
7845
|
+
handlerExpand: handlerExpand,
|
|
7846
|
+
handleScroll: handleScroll,
|
|
7847
|
+
sTableTreeRef: sTableTreeRef,
|
|
7848
|
+
scrollLocationRef: scrollLocationRef,
|
|
7849
|
+
resizedWidths: resizedWidths,
|
|
7850
|
+
};
|
|
7851
|
+
},
|
|
7852
|
+
});
|
|
7853
|
+
|
|
7854
|
+
var _hoisted_1 = { key: 0 };
|
|
7855
|
+
var _hoisted_2 = ["colspan"];
|
|
7856
|
+
var _hoisted_3 = { key: 1 };
|
|
7857
|
+
var _hoisted_4 = { key: 0 };
|
|
7858
|
+
var _hoisted_5 = ["colspan"];
|
|
7859
|
+
var _hoisted_6 = { key: 2 };
|
|
7860
|
+
var _hoisted_7 = {
|
|
7861
|
+
key: 0,
|
|
7862
|
+
class: "q-mr-xs"
|
|
7863
|
+
};
|
|
7864
|
+
var _hoisted_8 = {
|
|
7865
|
+
key: 1,
|
|
7866
|
+
class: "q-ml-xs"
|
|
7867
|
+
};
|
|
7868
|
+
|
|
7869
|
+
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
7870
|
+
var _component_q_inner_loading = vue.resolveComponent("q-inner-loading");
|
|
7871
|
+
var _component_table_tree_node = vue.resolveComponent("table-tree-node");
|
|
7872
|
+
|
|
7873
|
+
return (vue.openBlock(), vue.createElementBlock("div", {
|
|
7874
|
+
class: vue.normalizeClass(["s-table-tree", {
|
|
7875
|
+
'sticky-table-tree': _ctx.isStickyFirstColumn,
|
|
7876
|
+
'loading-table-tree': _ctx.loading,
|
|
7877
|
+
'no-data-table-tree': !_ctx.rows.length,
|
|
7878
|
+
}]),
|
|
7879
|
+
ref: "sTableTreeRef"
|
|
7880
|
+
}, [
|
|
7881
|
+
(_ctx.loading)
|
|
7882
|
+
? vue.renderSlot(_ctx.$slots, "loading", { key: 0 }, function () { return [
|
|
7883
|
+
vue.createVNode(_component_q_inner_loading, {
|
|
7884
|
+
showing: "",
|
|
7885
|
+
color: "positive",
|
|
7886
|
+
size: "72px"
|
|
7887
|
+
})
|
|
7888
|
+
]; })
|
|
7889
|
+
: vue.createCommentVNode("", true),
|
|
7890
|
+
vue.createElementVNode("div", {
|
|
7891
|
+
class: "s-table-tree__inner",
|
|
7892
|
+
ref: "scrollLocationRef",
|
|
7893
|
+
onScroll: _cache[0] || (_cache[0] = function () {
|
|
7894
|
+
var args = [], len = arguments.length;
|
|
7895
|
+
while ( len-- ) args[ len ] = arguments[ len ];
|
|
7896
|
+
|
|
7897
|
+
return (_ctx.handleScroll && _ctx.handleScroll.apply(_ctx, args));
|
|
7898
|
+
})
|
|
7899
|
+
}, [
|
|
7900
|
+
vue.createElementVNode("table", null, [
|
|
7901
|
+
vue.createElementVNode("thead", null, [
|
|
7902
|
+
vue.createElementVNode("tr", null, [
|
|
7903
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, function (column, idx) {
|
|
7904
|
+
return (vue.openBlock(), vue.createElementBlock("th", {
|
|
7905
|
+
key: column.name,
|
|
7906
|
+
class: vue.normalizeClass(("td-" + (idx + 1) + " text-" + (column.align))),
|
|
7907
|
+
style: vue.normalizeStyle(("width: " + (column.width) + "px"))
|
|
7908
|
+
}, [
|
|
7909
|
+
vue.renderSlot(_ctx.$slots, ("header-cell-" + (column.name)), {}, function () { return [
|
|
7910
|
+
vue.createTextVNode(vue.toDisplayString(column.label), 1)
|
|
7911
|
+
]; })
|
|
7912
|
+
], 6))
|
|
7913
|
+
}), 128))
|
|
7914
|
+
])
|
|
7915
|
+
]),
|
|
7916
|
+
(!_ctx.rows.length)
|
|
7917
|
+
? (vue.openBlock(), vue.createElementBlock("tbody", _hoisted_1, [
|
|
7918
|
+
vue.createElementVNode("tr", null, [
|
|
7919
|
+
vue.createElementVNode("td", {
|
|
7920
|
+
colspan: _ctx.columns.length
|
|
7921
|
+
}, [
|
|
7922
|
+
vue.createElementVNode("div", null, [
|
|
7923
|
+
vue.renderSlot(_ctx.$slots, "no-data", {}, function () { return [
|
|
7924
|
+
vue.createTextVNode(vue.toDisplayString(_ctx.noDataLabel), 1)
|
|
7925
|
+
]; })
|
|
7926
|
+
])
|
|
7927
|
+
], 8, _hoisted_2)
|
|
7928
|
+
])
|
|
7929
|
+
]))
|
|
7930
|
+
: (vue.openBlock(), vue.createElementBlock("tbody", _hoisted_3, [
|
|
7931
|
+
vue.renderSlot(_ctx.$slots, "body", {}, function () { return [
|
|
7932
|
+
(_ctx.rows.length > 0)
|
|
7933
|
+
? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_4, [
|
|
7934
|
+
vue.createElementVNode("td", {
|
|
7935
|
+
colspan: _ctx.columns.length,
|
|
7936
|
+
class: "body-td"
|
|
7937
|
+
}, [
|
|
7938
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.treeDataSource, function (row, i) {
|
|
7939
|
+
return (vue.openBlock(), vue.createBlock(_component_table_tree_node, {
|
|
7940
|
+
key: i,
|
|
7941
|
+
nodeName: ("root_node_" + i),
|
|
7942
|
+
row: row,
|
|
7943
|
+
columns: _ctx.columns,
|
|
7944
|
+
colspan: _ctx.columns.length,
|
|
7945
|
+
resizedWidths: _ctx.resizedWidths,
|
|
7946
|
+
ref_for: true,
|
|
7947
|
+
ref: "childTableNode",
|
|
7948
|
+
onHandlerExpand: _ctx.handlerExpand
|
|
7949
|
+
}, vue.createSlots({ _: 2 }, [
|
|
7950
|
+
vue.renderList(_ctx.columns, function (column) {
|
|
7951
|
+
return {
|
|
7952
|
+
name: ("body-cell-" + (column.name)),
|
|
7953
|
+
fn: vue.withCtx(function (props) { return [
|
|
7954
|
+
vue.renderSlot(_ctx.$slots, ("body-cell-" + (column.name)), vue.mergeProps({ ref_for: true }, props))
|
|
7955
|
+
]; })
|
|
7956
|
+
}
|
|
7957
|
+
})
|
|
7958
|
+
]), 1032, ["nodeName", "row", "columns", "colspan", "resizedWidths", "onHandlerExpand"]))
|
|
7959
|
+
}), 128))
|
|
7960
|
+
], 8, _hoisted_5)
|
|
7961
|
+
]))
|
|
7962
|
+
: vue.createCommentVNode("", true)
|
|
7963
|
+
]; })
|
|
7964
|
+
])),
|
|
7965
|
+
(_ctx.foots.length > 0 && _ctx.rows.length > 0)
|
|
7966
|
+
? (vue.openBlock(), vue.createElementBlock("tfoot", _hoisted_6, [
|
|
7967
|
+
vue.renderSlot(_ctx.$slots, "tfoot", {}, function () { return [
|
|
7968
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.foots, function (f, i) {
|
|
7969
|
+
return (vue.openBlock(), vue.createElementBlock("tr", {
|
|
7970
|
+
key: i,
|
|
7971
|
+
class: vue.normalizeClass(("tr-" + (i + 1)))
|
|
7972
|
+
}, [
|
|
7973
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, function (col, colIdx) {
|
|
7974
|
+
return (vue.openBlock(), vue.createElementBlock("td", {
|
|
7975
|
+
key: col.name,
|
|
7976
|
+
class: vue.normalizeClass(("td-" + (colIdx + 1) + " text-" + (col.align)))
|
|
7977
|
+
}, [
|
|
7978
|
+
vue.renderSlot(_ctx.$slots, ("body-cell-" + (col.name)), {}, function () { return [
|
|
7979
|
+
(col.prefix)
|
|
7980
|
+
? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, vue.toDisplayString(col.prefix), 1))
|
|
7981
|
+
: vue.createCommentVNode("", true),
|
|
7982
|
+
vue.createTextVNode(" " + vue.toDisplayString(f[col.name]) + " ", 1),
|
|
7983
|
+
(col.suffix)
|
|
7984
|
+
? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, vue.toDisplayString(col.suffix), 1))
|
|
7985
|
+
: vue.createCommentVNode("", true)
|
|
7986
|
+
]; })
|
|
7987
|
+
], 2))
|
|
7988
|
+
}), 128))
|
|
7989
|
+
], 2))
|
|
7990
|
+
}), 128))
|
|
7991
|
+
]; })
|
|
7992
|
+
]))
|
|
7993
|
+
: vue.createCommentVNode("", true)
|
|
7994
|
+
])
|
|
7995
|
+
], 544)
|
|
7996
|
+
], 2))
|
|
7997
|
+
}
|
|
7998
|
+
|
|
7999
|
+
var css_248z = ".s-table-tree[data-v-f2935a22] {\n border: 1px solid #cccccc;\n border-radius: 8px !important;\n overflow: hidden;\n position: relative;\n box-sizing: border-box;\n color: #222222;\n}\n.s-table-tree .q-inner-loading[data-v-f2935a22] {\n z-index: 1;\n}\n.s-table-tree .s-table-tree__inner[data-v-f2935a22] {\n overflow: auto;\n}\n.s-table-tree .s-table-tree__inner td[data-v-f2935a22], .s-table-tree .s-table-tree__inner th[data-v-f2935a22] {\n width: 100%;\n}\n.s-table-tree .s-table-tree__inner td[data-v-f2935a22]:not(:first-of-type), .s-table-tree .s-table-tree__inner th[data-v-f2935a22]:not(:first-of-type) {\n word-break: keep-all;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.s-table-tree .s-table-tree__inner table[data-v-f2935a22] {\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n table-layout: fixed;\n}\n.s-table-tree .s-table-tree__inner table thead[data-v-f2935a22] {\n background: #f5faff;\n}\n.s-table-tree .s-table-tree__inner table thead tr[data-v-f2935a22] {\n height: 36px;\n}\n.s-table-tree .s-table-tree__inner table thead tr th[data-v-f2935a22] {\n border-bottom: 1px solid #e1e1e1;\n padding: 0 16px;\n font-weight: 500;\n color: rgb(34, 34, 34);\n}\n.s-table-tree .s-table-tree__inner table tbody > tr td[data-v-f2935a22] {\n height: 44px;\n}\n.s-table-tree .s-table-tree__inner table tbody > tr > .body-td[data-v-f2935a22] {\n padding: 0;\n}\n.s-table-tree .s-table-tree__inner table tfoot[data-v-f2935a22] {\n border-top: 2px solid #e1e1e1 !important;\n}\n.s-table-tree .s-table-tree__inner table tfoot tr[data-v-f2935a22]:last-of-type {\n background: rgb(245, 250, 255);\n}\n.s-table-tree .s-table-tree__inner table tfoot tr:last-of-type .td-1[data-v-f2935a22] {\n color: #1f8ae1;\n}\n.s-table-tree .s-table-tree__inner table tfoot tr td[data-v-f2935a22] {\n border-top: 1px solid #e1e1e1 !important;\n height: 52px;\n padding: 0 16px;\n}\n.s-table-tree .s-table-tree__inner table tfoot tr td.td-1[data-v-f2935a22] {\n padding: 0 20px;\n font-weight: 700;\n color: #005cc9;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner td[data-v-f2935a22], .s-table-tree.sticky-table-tree .s-table-tree__inner th[data-v-f2935a22] {\n width: 100%;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner td[data-v-f2935a22]:not(:first-of-type), .s-table-tree.sticky-table-tree .s-table-tree__inner th[data-v-f2935a22]:not(:first-of-type) {\n word-break: keep-all;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table[data-v-f2935a22] {\n border-collapse: collapse !important;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table thead tr th[data-v-f2935a22]:first-of-type {\n position: sticky;\n left: 0;\n background: #f5faff;\n z-index: 10;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table thead tr th[data-v-f2935a22]:first-of-type:before {\n content: \"\";\n position: absolute;\n width: 20px;\n height: 100%;\n right: -20px;\n top: 0;\n box-shadow: inset 17px 0 26px -29px rgba(0, 0, 0, 0.2);\n background: none !important;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table > tbody > tr > td[data-v-f2935a22] .table-tree-node table tr td:first-of-type {\n position: sticky;\n left: 0;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table > tbody > tr > td[data-v-f2935a22] .table-tree-node table tr td:first-of-type:before {\n content: \"\";\n position: absolute;\n width: 20px;\n height: 100%;\n right: -20px;\n top: 0;\n box-shadow: inset 17px 0 26px -29px rgba(0, 0, 0, 0.3);\n background: none !important;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table tfoot[data-v-f2935a22] {\n border-top: 2px solid #e1e1e1 !important;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table tfoot tr td[data-v-f2935a22]:first-of-type {\n position: sticky;\n left: 0;\n background: white;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table tfoot tr td[data-v-f2935a22]:first-of-type:before {\n content: \"\";\n position: absolute;\n width: 20px;\n height: 100%;\n right: -20px;\n top: 0;\n box-shadow: inset 17px 0 26px -29px rgba(0, 0, 0, 0.3);\n background: none !important;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table tfoot tr[data-v-f2935a22]:last-of-type {\n background: rgb(245, 250, 255);\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table tfoot tr:last-of-type .td-1[data-v-f2935a22] {\n color: #1f8ae1;\n background: rgb(245, 250, 255);\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner.no-before table thead tr th[data-v-f2935a22]:first-of-type::before {\n display: none;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner.no-before table > tbody > tr > td[data-v-f2935a22] .table-tree-node table tr td:first-of-type::before {\n display: none;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner.no-before table tfoot tr td[data-v-f2935a22]:first-of-type::before {\n display: none;\n}\n.s-table-tree.no-data-table-tree .s-table-tree__inner[data-v-f2935a22] {\n overflow: hidden;\n}\n.s-table-tree.no-data-table-tree .s-table-tree__inner table thead[data-v-f2935a22] {\n opacity: 0.4;\n}\n.s-table-tree.no-data-table-tree .s-table-tree__inner table tbody tr td[data-v-f2935a22] {\n height: 240px;\n padding: 0;\n}\n.s-table-tree.no-data-table-tree .s-table-tree__inner table tbody tr td > div[data-v-f2935a22] {\n padding-top: 80px;\n height: 240px;\n text-align: center;\n position: absolute;\n width: 100%;\n top: 36px;\n left: 0;\n color: #888888;\n}";
|
|
7482
8000
|
styleInject(css_248z);
|
|
7483
8001
|
|
|
7484
8002
|
script.render = render;
|
|
7485
|
-
script.__scopeId = "data-v-
|
|
8003
|
+
script.__scopeId = "data-v-f2935a22";
|
|
7486
8004
|
|
|
7487
8005
|
/* eslint-disable no-multiple-empty-lines */
|
|
7488
8006
|
|
|
7489
|
-
var version = '3.9.
|
|
8007
|
+
var version = '3.9.6';
|
|
7490
8008
|
|
|
7491
8009
|
function install(app) {
|
|
7492
|
-
app.component('s-badge', script$
|
|
7493
|
-
app.component('s-breadcrumbs', script$
|
|
7494
|
-
app.component('s-button', script$
|
|
7495
|
-
app.component('s-button-group', script$
|
|
7496
|
-
app.component('s-button-toggle', script$
|
|
7497
|
-
app.component('s-caution', script$
|
|
7498
|
-
app.component('s-checkbox', script$
|
|
7499
|
-
app.component('s-chip', script$
|
|
7500
|
-
app.component('s-dialog', script$
|
|
7501
|
-
app.component('s-date-picker', script$
|
|
7502
|
-
app.component('s-date-range-picker', script$
|
|
7503
|
-
app.component('s-file-picker', script$
|
|
7504
|
-
app.component('s-help', script$
|
|
7505
|
-
app.component('s-input', script$
|
|
7506
|
-
app.component('s-input-number', script$
|
|
7507
|
-
app.component('s-input-counter', script$
|
|
7508
|
-
app.component('s-list', script$
|
|
7509
|
-
app.component('s-markup-table', script$
|
|
7510
|
-
app.component('s-pagination', script$
|
|
7511
|
-
app.component('s-radio', script$
|
|
7512
|
-
app.component('s-select', script$
|
|
7513
|
-
app.component('s-select-custom', script$
|
|
7514
|
-
app.component('s-select-checkbox', script$
|
|
7515
|
-
app.component('s-select-search-checkbox', script$
|
|
7516
|
-
app.component('s-select-group-checkbox', script$
|
|
7517
|
-
app.component('s-select-search-auto-complete', script$
|
|
7518
|
-
app.component('s-tab', script$
|
|
7519
|
-
app.component('s-route-tab', script$
|
|
7520
|
-
app.component('s-tabs', script$
|
|
7521
|
-
app.component('s-table', script$
|
|
7522
|
-
app.component('s-
|
|
7523
|
-
app.component('s-
|
|
7524
|
-
app.component('s-
|
|
7525
|
-
app.component('s-
|
|
7526
|
-
app.component('s-
|
|
7527
|
-
app.component('s-
|
|
7528
|
-
app.component('s-
|
|
7529
|
-
app.component('s-
|
|
7530
|
-
app.component('s-date', script$
|
|
8010
|
+
app.component('s-badge', script$3);
|
|
8011
|
+
app.component('s-breadcrumbs', script$G);
|
|
8012
|
+
app.component('s-button', script$F);
|
|
8013
|
+
app.component('s-button-group', script$E);
|
|
8014
|
+
app.component('s-button-toggle', script$D);
|
|
8015
|
+
app.component('s-caution', script$C);
|
|
8016
|
+
app.component('s-checkbox', script$B);
|
|
8017
|
+
app.component('s-chip', script$A);
|
|
8018
|
+
app.component('s-dialog', script$x);
|
|
8019
|
+
app.component('s-date-picker', script$z);
|
|
8020
|
+
app.component('s-date-range-picker', script$y);
|
|
8021
|
+
app.component('s-file-picker', script$u);
|
|
8022
|
+
app.component('s-help', script$t);
|
|
8023
|
+
app.component('s-input', script$s);
|
|
8024
|
+
app.component('s-input-number', script$r);
|
|
8025
|
+
app.component('s-input-counter', script$q);
|
|
8026
|
+
app.component('s-list', script$p);
|
|
8027
|
+
app.component('s-markup-table', script$o);
|
|
8028
|
+
app.component('s-pagination', script$n);
|
|
8029
|
+
app.component('s-radio', script$m);
|
|
8030
|
+
app.component('s-select', script$k);
|
|
8031
|
+
app.component('s-select-custom', script$g);
|
|
8032
|
+
app.component('s-select-checkbox', script$j);
|
|
8033
|
+
app.component('s-select-search-checkbox', script$i);
|
|
8034
|
+
app.component('s-select-group-checkbox', script$h);
|
|
8035
|
+
app.component('s-select-search-auto-complete', script$f);
|
|
8036
|
+
app.component('s-tab', script$e);
|
|
8037
|
+
app.component('s-route-tab', script$l);
|
|
8038
|
+
app.component('s-tabs', script$c);
|
|
8039
|
+
app.component('s-table', script$d);
|
|
8040
|
+
app.component('s-table-tree', script);
|
|
8041
|
+
app.component('s-time-picker', script$a);
|
|
8042
|
+
app.component('s-tag', script$2);
|
|
8043
|
+
app.component('s-date-time-picker', script$7);
|
|
8044
|
+
app.component('s-toggle', script$9);
|
|
8045
|
+
app.component('s-tooltip', script$8);
|
|
8046
|
+
app.component('s-dropdown', script$w);
|
|
8047
|
+
app.component('s-editor', script$v);
|
|
8048
|
+
app.component('s-date-range', script$6);
|
|
8049
|
+
app.component('s-date', script$5);
|
|
7531
8050
|
app.component('s-date-auto-range-picker', __default__);
|
|
7532
|
-
app.component('s-year-month-picker', script$
|
|
8051
|
+
app.component('s-year-month-picker', script$4);
|
|
7533
8052
|
}
|
|
7534
8053
|
|
|
7535
8054
|
var VuePlugin = /*#__PURE__*/Object.freeze({
|