quasar-ui-sellmate-ui-kit 3.5.5 → 3.7.0
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 +260 -424
- package/dist/index.umd.min.js +2 -2
- package/package.json +1 -1
- package/src/components/SBadge.vue +29 -3
- package/src/components/SSelect.vue +5 -6
- package/src/components/SSelectSearchCheckbox.vue +13 -2
- package/src/css/extends.scss +31 -10
- package/src/vue-plugin.js +0 -2
- package/src/components/SSelectSearch.vue +0 -261
package/dist/index.umd.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* quasar-ui-sellmate-ui-kit v3.
|
|
2
|
+
* quasar-ui-sellmate-ui-kit v3.6.0
|
|
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$C = 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$D(_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$B = ".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$B);
|
|
84
84
|
|
|
85
|
-
script$
|
|
85
|
+
script$C.render = render$D;
|
|
86
86
|
|
|
87
|
-
var script$
|
|
87
|
+
var script$B = 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$C(_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$A = ".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$A);
|
|
135
135
|
|
|
136
|
-
script$
|
|
136
|
+
script$B.render = render$C;
|
|
137
137
|
|
|
138
|
-
var script$
|
|
138
|
+
var script$A = 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$B(_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$z = ".s-btn-group .disabled {\n border: none;\n}\n.s-btn-group .disabled::before {\n border: 1px solid #cccccc;\n}";
|
|
167
|
+
styleInject(css_248z$z);
|
|
168
168
|
|
|
169
|
-
script$
|
|
169
|
+
script$A.render = render$B;
|
|
170
170
|
|
|
171
|
-
var script$
|
|
171
|
+
var script$z = 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$A(_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$y = ".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$y);
|
|
227
227
|
|
|
228
|
-
script$
|
|
228
|
+
script$z.render = render$A;
|
|
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,7 @@
|
|
|
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
|
-
var script$
|
|
255
|
+
var script$y = vue.defineComponent({
|
|
256
256
|
components: {
|
|
257
257
|
QBanner: quasar.QBanner,
|
|
258
258
|
QIcon: quasar.QIcon,
|
|
@@ -292,9 +292,9 @@
|
|
|
292
292
|
},
|
|
293
293
|
});
|
|
294
294
|
|
|
295
|
-
var _hoisted_1$
|
|
295
|
+
var _hoisted_1$l = { class: "s-caution__icon--title q-mt-xs text-white block font-16-700" };
|
|
296
296
|
|
|
297
|
-
function render$
|
|
297
|
+
function render$z(_ctx, _cache, $props, $setup, $data, $options) {
|
|
298
298
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
299
299
|
var _component_q_banner = vue.resolveComponent("q-banner");
|
|
300
300
|
|
|
@@ -328,7 +328,7 @@
|
|
|
328
328
|
color: "Red_Lighten-1",
|
|
329
329
|
name: _ctx.cautionOutlineIcon
|
|
330
330
|
}, null, 8, ["name"]),
|
|
331
|
-
vue.createElementVNode("strong", _hoisted_1$
|
|
331
|
+
vue.createElementVNode("strong", _hoisted_1$l, vue.toDisplayString(_ctx.label), 1)
|
|
332
332
|
]; }),
|
|
333
333
|
key: "0"
|
|
334
334
|
}
|
|
@@ -336,13 +336,13 @@
|
|
|
336
336
|
]), 1032, ["class"]))
|
|
337
337
|
}
|
|
338
338
|
|
|
339
|
-
var css_248z$
|
|
340
|
-
styleInject(css_248z$
|
|
339
|
+
var css_248z$x = ".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}";
|
|
340
|
+
styleInject(css_248z$x);
|
|
341
341
|
|
|
342
|
-
script$
|
|
343
|
-
script$
|
|
342
|
+
script$y.render = render$z;
|
|
343
|
+
script$y.__scopeId = "data-v-7e5e41f8";
|
|
344
344
|
|
|
345
|
-
var script$
|
|
345
|
+
var script$x = vue.defineComponent({
|
|
346
346
|
name: 'SCheckbox',
|
|
347
347
|
components: {
|
|
348
348
|
QCheckbox: quasar.QCheckbox,
|
|
@@ -355,7 +355,7 @@
|
|
|
355
355
|
},
|
|
356
356
|
});
|
|
357
357
|
|
|
358
|
-
function render$
|
|
358
|
+
function render$y(_ctx, _cache, $props, $setup, $data, $options) {
|
|
359
359
|
var _component_q_checkbox = vue.resolveComponent("q-checkbox");
|
|
360
360
|
|
|
361
361
|
return (vue.openBlock(), vue.createBlock(_component_q_checkbox, {
|
|
@@ -365,12 +365,12 @@
|
|
|
365
365
|
}, null, 8, ["class"]))
|
|
366
366
|
}
|
|
367
367
|
|
|
368
|
-
var css_248z$
|
|
369
|
-
styleInject(css_248z$
|
|
368
|
+
var css_248z$w = ".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}";
|
|
369
|
+
styleInject(css_248z$w);
|
|
370
370
|
|
|
371
|
-
script$
|
|
371
|
+
script$x.render = render$y;
|
|
372
372
|
|
|
373
|
-
var script$
|
|
373
|
+
var script$w = vue.defineComponent({
|
|
374
374
|
name: 'SChip',
|
|
375
375
|
components: { QChip: quasar.QChip },
|
|
376
376
|
props: {
|
|
@@ -402,9 +402,9 @@
|
|
|
402
402
|
},
|
|
403
403
|
});
|
|
404
404
|
|
|
405
|
-
var _hoisted_1$
|
|
405
|
+
var _hoisted_1$k = ["contenteditable"];
|
|
406
406
|
|
|
407
|
-
function render$
|
|
407
|
+
function render$x(_ctx, _cache, $props, $setup, $data, $options) {
|
|
408
408
|
var _component_q_chip = vue.resolveComponent("q-chip");
|
|
409
409
|
|
|
410
410
|
return (vue.openBlock(), vue.createBlock(_component_q_chip, {
|
|
@@ -432,7 +432,7 @@
|
|
|
432
432
|
|
|
433
433
|
return (_ctx.handleInput && _ctx.handleInput.apply(_ctx, args));
|
|
434
434
|
})
|
|
435
|
-
}, vue.toDisplayString(_ctx.inputValue), 41, _hoisted_1$
|
|
435
|
+
}, vue.toDisplayString(_ctx.inputValue), 41, _hoisted_1$k))
|
|
436
436
|
: vue.createCommentVNode("", true),
|
|
437
437
|
vue.renderSlot(_ctx.$slots, "default")
|
|
438
438
|
]; }),
|
|
@@ -440,12 +440,12 @@
|
|
|
440
440
|
}, 8, ["clickable", "icon-remove"]))
|
|
441
441
|
}
|
|
442
442
|
|
|
443
|
-
var css_248z$
|
|
444
|
-
styleInject(css_248z$
|
|
443
|
+
var css_248z$v = ".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}";
|
|
444
|
+
styleInject(css_248z$v);
|
|
445
445
|
|
|
446
|
-
script$
|
|
446
|
+
script$w.render = render$x;
|
|
447
447
|
|
|
448
|
-
var script$
|
|
448
|
+
var script$v = vue.defineComponent({
|
|
449
449
|
name: 'SDatePicker',
|
|
450
450
|
components: {
|
|
451
451
|
QInput: quasar.QInput,
|
|
@@ -612,11 +612,11 @@
|
|
|
612
612
|
},
|
|
613
613
|
});
|
|
614
614
|
|
|
615
|
-
var _hoisted_1$
|
|
616
|
-
var _hoisted_2$
|
|
617
|
-
var _hoisted_3$
|
|
615
|
+
var _hoisted_1$j = { class: "date-picker-label" };
|
|
616
|
+
var _hoisted_2$e = { key: 0 };
|
|
617
|
+
var _hoisted_3$8 = { key: 1 };
|
|
618
618
|
|
|
619
|
-
function render$
|
|
619
|
+
function render$w(_ctx, _cache, $props, $setup, $data, $options) {
|
|
620
620
|
var _component_q_date = vue.resolveComponent("q-date");
|
|
621
621
|
var _component_q_menu = vue.resolveComponent("q-menu");
|
|
622
622
|
var _component_q_btn = vue.resolveComponent("q-btn");
|
|
@@ -642,7 +642,7 @@
|
|
|
642
642
|
}, vue.createSlots({
|
|
643
643
|
prepend: vue.withCtx(function () { return [
|
|
644
644
|
(!_ctx.range)
|
|
645
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$
|
|
645
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$e, [
|
|
646
646
|
vue.createVNode(_component_q_btn, {
|
|
647
647
|
icon: _ctx.dateRangeIcon,
|
|
648
648
|
dense: "",
|
|
@@ -681,7 +681,7 @@
|
|
|
681
681
|
_: 1
|
|
682
682
|
}, 8, ["icon"])
|
|
683
683
|
]))
|
|
684
|
-
: (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$
|
|
684
|
+
: (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$8, [
|
|
685
685
|
vue.createVNode(_component_q_btn, {
|
|
686
686
|
icon: _ctx.dateRangeIcon,
|
|
687
687
|
dense: "",
|
|
@@ -729,7 +729,7 @@
|
|
|
729
729
|
? {
|
|
730
730
|
name: "before",
|
|
731
731
|
fn: vue.withCtx(function () { return [
|
|
732
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
732
|
+
vue.createElementVNode("div", _hoisted_1$j, vue.toDisplayString(_ctx.label), 1)
|
|
733
733
|
]; }),
|
|
734
734
|
key: "0"
|
|
735
735
|
}
|
|
@@ -753,10 +753,10 @@
|
|
|
753
753
|
]), 1032, ["class", "placeholder", "modelValue", "disable", "name", "type"]))
|
|
754
754
|
}
|
|
755
755
|
|
|
756
|
-
var css_248z$
|
|
757
|
-
styleInject(css_248z$
|
|
756
|
+
var css_248z$u = ".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}";
|
|
757
|
+
styleInject(css_248z$u);
|
|
758
758
|
|
|
759
|
-
script$
|
|
759
|
+
script$v.render = render$w;
|
|
760
760
|
|
|
761
761
|
function useModelBinder(props) {
|
|
762
762
|
var ref$1 = vue.getCurrentInstance();
|
|
@@ -834,7 +834,7 @@
|
|
|
834
834
|
},
|
|
835
835
|
};
|
|
836
836
|
|
|
837
|
-
var script$
|
|
837
|
+
var script$u = vue.defineComponent({
|
|
838
838
|
name: 'SDateRangePicker',
|
|
839
839
|
components: {
|
|
840
840
|
QInput: quasar.QInput,
|
|
@@ -983,22 +983,22 @@
|
|
|
983
983
|
},
|
|
984
984
|
});
|
|
985
985
|
|
|
986
|
-
var _hoisted_1$
|
|
987
|
-
var _hoisted_2$
|
|
988
|
-
var _hoisted_3$
|
|
986
|
+
var _hoisted_1$i = { class: "date-picker-label" };
|
|
987
|
+
var _hoisted_2$d = { class: "flex no-wrap items-center" };
|
|
988
|
+
var _hoisted_3$7 = {
|
|
989
989
|
key: 1,
|
|
990
990
|
class: "text-center text-Grey_Darken-4 date-str"
|
|
991
991
|
};
|
|
992
|
-
var _hoisted_4$
|
|
992
|
+
var _hoisted_4$7 = /*#__PURE__*/vue.createElementVNode("span", {
|
|
993
993
|
class: "q-mx-xs",
|
|
994
994
|
style: {"min-width":"0"}
|
|
995
995
|
}, "~", -1);
|
|
996
|
-
var _hoisted_5$
|
|
996
|
+
var _hoisted_5$6 = {
|
|
997
997
|
key: 3,
|
|
998
998
|
class: "text-center text-Grey_Darken-4 date-str"
|
|
999
999
|
};
|
|
1000
1000
|
|
|
1001
|
-
function render$
|
|
1001
|
+
function render$v(_ctx, _cache, $props, $setup, $data, $options) {
|
|
1002
1002
|
var _component_q_date = vue.resolveComponent("q-date");
|
|
1003
1003
|
var _component_q_separator = vue.resolveComponent("q-separator");
|
|
1004
1004
|
var _component_q_btn = vue.resolveComponent("q-btn");
|
|
@@ -1082,7 +1082,7 @@
|
|
|
1082
1082
|
}, 8, ["icon"])
|
|
1083
1083
|
]; }),
|
|
1084
1084
|
default: vue.withCtx(function () { return [
|
|
1085
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
1085
|
+
vue.createElementVNode("div", _hoisted_2$d, [
|
|
1086
1086
|
(_ctx.useInput)
|
|
1087
1087
|
? (vue.openBlock(), vue.createBlock(_component_q_input, {
|
|
1088
1088
|
key: 0,
|
|
@@ -1094,8 +1094,8 @@
|
|
|
1094
1094
|
mask: "####-##-##",
|
|
1095
1095
|
class: "inner-input"
|
|
1096
1096
|
}, null, 8, ["modelValue"]))
|
|
1097
|
-
: (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$
|
|
1098
|
-
_hoisted_4$
|
|
1097
|
+
: (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$7, vue.toDisplayString(_ctx.dateValue.from), 1)),
|
|
1098
|
+
_hoisted_4$7,
|
|
1099
1099
|
(_ctx.useInput)
|
|
1100
1100
|
? (vue.openBlock(), vue.createBlock(_component_q_input, {
|
|
1101
1101
|
key: 2,
|
|
@@ -1107,7 +1107,7 @@
|
|
|
1107
1107
|
mask: "####-##-##",
|
|
1108
1108
|
class: "inner-input"
|
|
1109
1109
|
}, null, 8, ["modelValue"]))
|
|
1110
|
-
: (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$
|
|
1110
|
+
: (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$6, vue.toDisplayString(_ctx.dateValue.to), 1))
|
|
1111
1111
|
])
|
|
1112
1112
|
]; }),
|
|
1113
1113
|
_: 2
|
|
@@ -1116,7 +1116,7 @@
|
|
|
1116
1116
|
? {
|
|
1117
1117
|
name: "before",
|
|
1118
1118
|
fn: vue.withCtx(function () { return [
|
|
1119
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
1119
|
+
vue.createElementVNode("div", _hoisted_1$i, vue.toDisplayString(_ctx.insideLabel), 1)
|
|
1120
1120
|
]; }),
|
|
1121
1121
|
key: "0"
|
|
1122
1122
|
}
|
|
@@ -1139,12 +1139,12 @@
|
|
|
1139
1139
|
]), 1032, ["class", "modelValue", "disable"]))
|
|
1140
1140
|
}
|
|
1141
1141
|
|
|
1142
|
-
var css_248z$
|
|
1143
|
-
styleInject(css_248z$
|
|
1142
|
+
var css_248z$t = ".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}";
|
|
1143
|
+
styleInject(css_248z$t);
|
|
1144
1144
|
|
|
1145
|
-
script$
|
|
1145
|
+
script$u.render = render$v;
|
|
1146
1146
|
|
|
1147
|
-
var script$
|
|
1147
|
+
var script$t = vue.defineComponent({
|
|
1148
1148
|
name: 'SConfirm',
|
|
1149
1149
|
components: {
|
|
1150
1150
|
QDialog: quasar.QDialog,
|
|
@@ -1214,12 +1214,12 @@
|
|
|
1214
1214
|
},
|
|
1215
1215
|
});
|
|
1216
1216
|
|
|
1217
|
-
var _hoisted_1$
|
|
1217
|
+
var _hoisted_1$h = {
|
|
1218
1218
|
key: 0,
|
|
1219
1219
|
class: "flex items-center justify-center modal-icon"
|
|
1220
1220
|
};
|
|
1221
1221
|
|
|
1222
|
-
function render$
|
|
1222
|
+
function render$u(_ctx, _cache, $props, $setup, $data, $options) {
|
|
1223
1223
|
var _component_q_btn = vue.resolveComponent("q-btn");
|
|
1224
1224
|
var _component_q_card_actions = vue.resolveComponent("q-card-actions");
|
|
1225
1225
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
@@ -1251,7 +1251,7 @@
|
|
|
1251
1251
|
vue.createVNode(_component_q_card_section, { class: "modal-title" }, {
|
|
1252
1252
|
default: vue.withCtx(function () { return [
|
|
1253
1253
|
(_ctx.withHeaderIcon)
|
|
1254
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
1254
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
|
|
1255
1255
|
(_ctx.type === 'info')
|
|
1256
1256
|
? (vue.openBlock(), vue.createBlock(_component_q_icon, {
|
|
1257
1257
|
key: 0,
|
|
@@ -1329,12 +1329,12 @@
|
|
|
1329
1329
|
}))
|
|
1330
1330
|
}
|
|
1331
1331
|
|
|
1332
|
-
var css_248z$
|
|
1333
|
-
styleInject(css_248z$
|
|
1332
|
+
var css_248z$s = ".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}";
|
|
1333
|
+
styleInject(css_248z$s);
|
|
1334
1334
|
|
|
1335
|
-
script$
|
|
1335
|
+
script$t.render = render$u;
|
|
1336
1336
|
|
|
1337
|
-
var script$
|
|
1337
|
+
var script$s = vue.defineComponent({
|
|
1338
1338
|
name: 'SDropdown',
|
|
1339
1339
|
components: {
|
|
1340
1340
|
QBtn: quasar.QBtn,
|
|
@@ -1375,7 +1375,7 @@
|
|
|
1375
1375
|
},
|
|
1376
1376
|
});
|
|
1377
1377
|
|
|
1378
|
-
function render$
|
|
1378
|
+
function render$t(_ctx, _cache, $props, $setup, $data, $options) {
|
|
1379
1379
|
var _component_q_item_label = vue.resolveComponent("q-item-label");
|
|
1380
1380
|
var _component_q_item_section = vue.resolveComponent("q-item-section");
|
|
1381
1381
|
var _component_q_item = vue.resolveComponent("q-item");
|
|
@@ -1446,10 +1446,10 @@
|
|
|
1446
1446
|
}, 8, ["color", "icon-right", "class"]))
|
|
1447
1447
|
}
|
|
1448
1448
|
|
|
1449
|
-
var css_248z$
|
|
1450
|
-
styleInject(css_248z$
|
|
1449
|
+
var css_248z$r = ".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}";
|
|
1450
|
+
styleInject(css_248z$r);
|
|
1451
1451
|
|
|
1452
|
-
script$
|
|
1452
|
+
script$s.render = render$t;
|
|
1453
1453
|
|
|
1454
1454
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
1455
1455
|
|
|
@@ -1516,7 +1516,7 @@
|
|
|
1516
1516
|
});
|
|
1517
1517
|
}
|
|
1518
1518
|
|
|
1519
|
-
var script$
|
|
1519
|
+
var script$r = vue.defineComponent({
|
|
1520
1520
|
name: 'SEditor',
|
|
1521
1521
|
components: {
|
|
1522
1522
|
QEditor: quasar.QEditor,
|
|
@@ -1992,9 +1992,9 @@
|
|
|
1992
1992
|
},
|
|
1993
1993
|
});
|
|
1994
1994
|
|
|
1995
|
-
var _hoisted_1$
|
|
1995
|
+
var _hoisted_1$g = { class: "row reverse q-mt-sm" };
|
|
1996
1996
|
|
|
1997
|
-
function render$
|
|
1997
|
+
function render$s(_ctx, _cache, $props, $setup, $data, $options) {
|
|
1998
1998
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
1999
1999
|
var _component_q_input = vue.resolveComponent("q-input");
|
|
2000
2000
|
var _component_s_button = vue.resolveComponent("s-button");
|
|
@@ -2047,7 +2047,7 @@
|
|
|
2047
2047
|
placeholder: _ctx.imgInputPlaceholder,
|
|
2048
2048
|
autofocus: ""
|
|
2049
2049
|
}, null, 8, ["modelValue", "placeholder"]),
|
|
2050
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
2050
|
+
vue.createElementVNode("div", _hoisted_1$g, [
|
|
2051
2051
|
vue.withDirectives(vue.createVNode(_component_s_button, {
|
|
2052
2052
|
outline: "",
|
|
2053
2053
|
label: _ctx.imgUploadBtnLabel,
|
|
@@ -2075,12 +2075,12 @@
|
|
|
2075
2075
|
}, 16, ["content-style", "min-height", "max-height", "definitions", "toolbar", "modelValue"]))
|
|
2076
2076
|
}
|
|
2077
2077
|
|
|
2078
|
-
var css_248z$
|
|
2079
|
-
styleInject(css_248z$
|
|
2078
|
+
var css_248z$q = ".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}";
|
|
2079
|
+
styleInject(css_248z$q);
|
|
2080
2080
|
|
|
2081
|
-
script$
|
|
2081
|
+
script$r.render = render$s;
|
|
2082
2082
|
|
|
2083
|
-
var script$
|
|
2083
|
+
var script$q = vue.defineComponent({
|
|
2084
2084
|
name: 'SFilePicker',
|
|
2085
2085
|
components: {
|
|
2086
2086
|
QFile: quasar.QFile,
|
|
@@ -2131,7 +2131,7 @@
|
|
|
2131
2131
|
},
|
|
2132
2132
|
});
|
|
2133
2133
|
|
|
2134
|
-
function render$
|
|
2134
|
+
function render$r(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2135
2135
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
2136
2136
|
var _component_q_file = vue.resolveComponent("q-file");
|
|
2137
2137
|
|
|
@@ -2190,12 +2190,12 @@
|
|
|
2190
2190
|
]), 1032, ["model-value", "disable", "class"]))
|
|
2191
2191
|
}
|
|
2192
2192
|
|
|
2193
|
-
var css_248z$
|
|
2194
|
-
styleInject(css_248z$
|
|
2193
|
+
var css_248z$p = ".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}";
|
|
2194
|
+
styleInject(css_248z$p);
|
|
2195
2195
|
|
|
2196
|
-
script$
|
|
2196
|
+
script$q.render = render$r;
|
|
2197
2197
|
|
|
2198
|
-
var script$
|
|
2198
|
+
var script$p = vue.defineComponent({
|
|
2199
2199
|
name: 'SHelp',
|
|
2200
2200
|
components: {
|
|
2201
2201
|
QBtn: quasar.QBtn,
|
|
@@ -2218,10 +2218,10 @@
|
|
|
2218
2218
|
},
|
|
2219
2219
|
});
|
|
2220
2220
|
|
|
2221
|
-
var _hoisted_1$
|
|
2222
|
-
var _hoisted_2$
|
|
2221
|
+
var _hoisted_1$f = { class: "flex items-center" };
|
|
2222
|
+
var _hoisted_2$c = ["innerHTML"];
|
|
2223
2223
|
|
|
2224
|
-
function render$
|
|
2224
|
+
function render$q(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2225
2225
|
var _component_q_btn = vue.resolveComponent("q-btn");
|
|
2226
2226
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
2227
2227
|
var _component_q_popup_proxy = vue.resolveComponent("q-popup-proxy");
|
|
@@ -2254,7 +2254,7 @@
|
|
|
2254
2254
|
class: "close-btn q-pa-none",
|
|
2255
2255
|
size: "20px"
|
|
2256
2256
|
}, null, 8, ["icon"]),
|
|
2257
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
2257
|
+
vue.createElementVNode("div", _hoisted_1$f, [
|
|
2258
2258
|
vue.createVNode(_component_q_icon, {
|
|
2259
2259
|
name: _ctx.helpOutlineIcon,
|
|
2260
2260
|
size: "23px",
|
|
@@ -2266,7 +2266,7 @@
|
|
|
2266
2266
|
vue.createElementVNode("ul", null, [
|
|
2267
2267
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.message, function (m, i) {
|
|
2268
2268
|
return (vue.openBlock(), vue.createElementBlock("li", { key: i }, [
|
|
2269
|
-
vue.createElementVNode("span", { innerHTML: m }, null, 8, _hoisted_2$
|
|
2269
|
+
vue.createElementVNode("span", { innerHTML: m }, null, 8, _hoisted_2$c)
|
|
2270
2270
|
]))
|
|
2271
2271
|
}), 128))
|
|
2272
2272
|
])
|
|
@@ -2279,12 +2279,12 @@
|
|
|
2279
2279
|
}, 8, ["outline", "color", "icon", "label", "class"]))
|
|
2280
2280
|
}
|
|
2281
2281
|
|
|
2282
|
-
var css_248z$
|
|
2283
|
-
styleInject(css_248z$
|
|
2282
|
+
var css_248z$o = "@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}";
|
|
2283
|
+
styleInject(css_248z$o);
|
|
2284
2284
|
|
|
2285
|
-
script$
|
|
2285
|
+
script$p.render = render$q;
|
|
2286
2286
|
|
|
2287
|
-
var script$
|
|
2287
|
+
var script$o = vue.defineComponent({
|
|
2288
2288
|
name: 'SInput',
|
|
2289
2289
|
components: {
|
|
2290
2290
|
QInput: quasar.QInput,
|
|
@@ -2375,24 +2375,24 @@
|
|
|
2375
2375
|
},
|
|
2376
2376
|
});
|
|
2377
2377
|
|
|
2378
|
-
var _hoisted_1$
|
|
2378
|
+
var _hoisted_1$e = {
|
|
2379
2379
|
key: 0,
|
|
2380
2380
|
class: "input-label"
|
|
2381
2381
|
};
|
|
2382
|
-
var _hoisted_2$
|
|
2382
|
+
var _hoisted_2$b = {
|
|
2383
2383
|
key: 1,
|
|
2384
2384
|
class: "input-addon bg-Grey_Lighten-5"
|
|
2385
2385
|
};
|
|
2386
|
-
var _hoisted_3$
|
|
2386
|
+
var _hoisted_3$6 = {
|
|
2387
2387
|
key: 0,
|
|
2388
2388
|
class: "self-center"
|
|
2389
2389
|
};
|
|
2390
|
-
var _hoisted_4$
|
|
2390
|
+
var _hoisted_4$6 = {
|
|
2391
2391
|
key: 1,
|
|
2392
2392
|
class: "self-center"
|
|
2393
2393
|
};
|
|
2394
2394
|
|
|
2395
|
-
function render$
|
|
2395
|
+
function render$p(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2396
2396
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
2397
2397
|
var _component_q_input = vue.resolveComponent("q-input");
|
|
2398
2398
|
|
|
@@ -2439,9 +2439,9 @@
|
|
|
2439
2439
|
name: "before",
|
|
2440
2440
|
fn: vue.withCtx(function () { return [
|
|
2441
2441
|
(!_ctx.insideLabel)
|
|
2442
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
2442
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, vue.toDisplayString(_ctx.label), 1))
|
|
2443
2443
|
: (_ctx.insideLabel)
|
|
2444
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$
|
|
2444
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$b, vue.toDisplayString(_ctx.insideLabel), 1))
|
|
2445
2445
|
: vue.createCommentVNode("", true)
|
|
2446
2446
|
]; }),
|
|
2447
2447
|
key: "0"
|
|
@@ -2453,8 +2453,8 @@
|
|
|
2453
2453
|
fn: vue.withCtx(function () { return [
|
|
2454
2454
|
vue.renderSlot(_ctx.$slots, "beforeCounter"),
|
|
2455
2455
|
(_ctx.maxByte)
|
|
2456
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$
|
|
2457
|
-
: (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$
|
|
2456
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$6, vue.toDisplayString(_ctx.model ? _ctx.getByte(_ctx.model) : 0) + " / " + vue.toDisplayString(_ctx.maxByte) + " byte ", 1))
|
|
2457
|
+
: (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$6, vue.toDisplayString(_ctx.model ? _ctx.getByte(_ctx.model) : 0) + " byte", 1))
|
|
2458
2458
|
]; }),
|
|
2459
2459
|
key: "1"
|
|
2460
2460
|
}
|
|
@@ -2475,12 +2475,12 @@
|
|
|
2475
2475
|
]), 1032, ["type", "class", "modelValue"]))
|
|
2476
2476
|
}
|
|
2477
2477
|
|
|
2478
|
-
var css_248z$
|
|
2479
|
-
styleInject(css_248z$
|
|
2478
|
+
var css_248z$n = ".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}";
|
|
2479
|
+
styleInject(css_248z$n);
|
|
2480
2480
|
|
|
2481
|
-
script$
|
|
2481
|
+
script$o.render = render$p;
|
|
2482
2482
|
|
|
2483
|
-
var script$
|
|
2483
|
+
var script$n = vue.defineComponent({
|
|
2484
2484
|
name: 'SInputNumber',
|
|
2485
2485
|
components: {
|
|
2486
2486
|
QInput: quasar.QInput,
|
|
@@ -2523,7 +2523,7 @@
|
|
|
2523
2523
|
},
|
|
2524
2524
|
});
|
|
2525
2525
|
|
|
2526
|
-
function render$
|
|
2526
|
+
function render$o(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2527
2527
|
var _component_q_btn = vue.resolveComponent("q-btn");
|
|
2528
2528
|
var _component_q_input = vue.resolveComponent("q-input");
|
|
2529
2529
|
|
|
@@ -2575,12 +2575,12 @@
|
|
|
2575
2575
|
]), 1032, ["modelValue"]))
|
|
2576
2576
|
}
|
|
2577
2577
|
|
|
2578
|
-
var css_248z$
|
|
2579
|
-
styleInject(css_248z$
|
|
2578
|
+
var css_248z$m = ".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}";
|
|
2579
|
+
styleInject(css_248z$m);
|
|
2580
2580
|
|
|
2581
|
-
script$
|
|
2581
|
+
script$n.render = render$o;
|
|
2582
2582
|
|
|
2583
|
-
var script$
|
|
2583
|
+
var script$m = vue.defineComponent({
|
|
2584
2584
|
name: 'SInputCounter',
|
|
2585
2585
|
components: {
|
|
2586
2586
|
QInput: quasar.QInput,
|
|
@@ -2602,7 +2602,7 @@
|
|
|
2602
2602
|
},
|
|
2603
2603
|
});
|
|
2604
2604
|
|
|
2605
|
-
function render$
|
|
2605
|
+
function render$n(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2606
2606
|
var _component_q_input = vue.resolveComponent("q-input");
|
|
2607
2607
|
|
|
2608
2608
|
return (vue.openBlock(), vue.createBlock(_component_q_input, {
|
|
@@ -2624,12 +2624,12 @@
|
|
|
2624
2624
|
}, 8, ["modelValue", "maxlength"]))
|
|
2625
2625
|
}
|
|
2626
2626
|
|
|
2627
|
-
var css_248z$
|
|
2628
|
-
styleInject(css_248z$
|
|
2627
|
+
var css_248z$l = "";
|
|
2628
|
+
styleInject(css_248z$l);
|
|
2629
2629
|
|
|
2630
|
-
script$
|
|
2630
|
+
script$m.render = render$n;
|
|
2631
2631
|
|
|
2632
|
-
var script$
|
|
2632
|
+
var script$l = vue.defineComponent({
|
|
2633
2633
|
name: 'SList',
|
|
2634
2634
|
components: {
|
|
2635
2635
|
QList: quasar.QList,
|
|
@@ -2642,7 +2642,7 @@
|
|
|
2642
2642
|
},
|
|
2643
2643
|
});
|
|
2644
2644
|
|
|
2645
|
-
function render$
|
|
2645
|
+
function render$m(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2646
2646
|
var _component_q_item_label = vue.resolveComponent("q-item-label");
|
|
2647
2647
|
var _component_q_item_section = vue.resolveComponent("q-item-section");
|
|
2648
2648
|
var _component_q_item = vue.resolveComponent("q-item");
|
|
@@ -2674,9 +2674,9 @@
|
|
|
2674
2674
|
}))
|
|
2675
2675
|
}
|
|
2676
2676
|
|
|
2677
|
-
script$
|
|
2677
|
+
script$l.render = render$m;
|
|
2678
2678
|
|
|
2679
|
-
var script$
|
|
2679
|
+
var script$k = vue.defineComponent({
|
|
2680
2680
|
name: 'SMarkupTable',
|
|
2681
2681
|
components: {
|
|
2682
2682
|
QMarkupTable: quasar.QMarkupTable, QInnerLoading: quasar.QInnerLoading,
|
|
@@ -2700,7 +2700,7 @@
|
|
|
2700
2700
|
},
|
|
2701
2701
|
});
|
|
2702
2702
|
|
|
2703
|
-
function render$
|
|
2703
|
+
function render$l(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2704
2704
|
var _component_q_inner_loading = vue.resolveComponent("q-inner-loading");
|
|
2705
2705
|
var _component_q_markup_table = vue.resolveComponent("q-markup-table");
|
|
2706
2706
|
|
|
@@ -2728,12 +2728,12 @@
|
|
|
2728
2728
|
}, 8, ["separator", "class"]))
|
|
2729
2729
|
}
|
|
2730
2730
|
|
|
2731
|
-
var css_248z$
|
|
2732
|
-
styleInject(css_248z$
|
|
2731
|
+
var css_248z$k = ".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}";
|
|
2732
|
+
styleInject(css_248z$k);
|
|
2733
2733
|
|
|
2734
|
-
script$
|
|
2734
|
+
script$k.render = render$l;
|
|
2735
2735
|
|
|
2736
|
-
var script$
|
|
2736
|
+
var script$j = vue.defineComponent({
|
|
2737
2737
|
name: 'SPagination',
|
|
2738
2738
|
components: {
|
|
2739
2739
|
QBtn: quasar.QBtn,
|
|
@@ -2849,30 +2849,30 @@
|
|
|
2849
2849
|
},
|
|
2850
2850
|
});
|
|
2851
2851
|
|
|
2852
|
-
var _hoisted_1$
|
|
2852
|
+
var _hoisted_1$d = {
|
|
2853
2853
|
key: 0,
|
|
2854
2854
|
class: "icons-container"
|
|
2855
2855
|
};
|
|
2856
|
-
var _hoisted_2$
|
|
2857
|
-
var _hoisted_3$
|
|
2856
|
+
var _hoisted_2$a = { class: "pagination-container" };
|
|
2857
|
+
var _hoisted_3$5 = {
|
|
2858
2858
|
key: 0,
|
|
2859
2859
|
class: "pagination-last_page",
|
|
2860
2860
|
flat: ""
|
|
2861
2861
|
};
|
|
2862
|
-
var _hoisted_4$
|
|
2863
|
-
var _hoisted_5$
|
|
2862
|
+
var _hoisted_4$5 = /*#__PURE__*/vue.createElementVNode("span", null, "/", -1);
|
|
2863
|
+
var _hoisted_5$5 = {
|
|
2864
2864
|
key: 1,
|
|
2865
2865
|
class: "icons-container"
|
|
2866
2866
|
};
|
|
2867
2867
|
|
|
2868
|
-
function render$
|
|
2868
|
+
function render$k(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2869
2869
|
var _component_q_btn = vue.resolveComponent("q-btn");
|
|
2870
2870
|
|
|
2871
2871
|
return (vue.openBlock(), vue.createElementBlock("div", {
|
|
2872
2872
|
class: vue.normalizeClass(["s-pagination row", { 'single-pagination': _ctx.perPage === 1 }])
|
|
2873
2873
|
}, [
|
|
2874
2874
|
(_ctx.paginationInfo.startPage !== 1)
|
|
2875
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
2875
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
|
|
2876
2876
|
vue.createVNode(_component_q_btn, {
|
|
2877
2877
|
flat: "",
|
|
2878
2878
|
dense: "",
|
|
@@ -2901,7 +2901,7 @@
|
|
|
2901
2901
|
}, null, 8, ["icon"])
|
|
2902
2902
|
]))
|
|
2903
2903
|
: vue.createCommentVNode("", true),
|
|
2904
|
-
vue.createElementVNode("div", _hoisted_2$
|
|
2904
|
+
vue.createElementVNode("div", _hoisted_2$a, [
|
|
2905
2905
|
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.displayedPageNumber, function (pageNumber) {
|
|
2906
2906
|
return (vue.openBlock(), vue.createBlock(_component_q_btn, {
|
|
2907
2907
|
key: pageNumber,
|
|
@@ -2922,15 +2922,15 @@
|
|
|
2922
2922
|
}, null, 8, ["label", "onClick", "class"]))
|
|
2923
2923
|
}), 128)),
|
|
2924
2924
|
(_ctx.perPage === 1)
|
|
2925
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$
|
|
2926
|
-
_hoisted_4$
|
|
2925
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$5, [
|
|
2926
|
+
_hoisted_4$5,
|
|
2927
2927
|
vue.createTextVNode(),
|
|
2928
2928
|
vue.createElementVNode("span", null, vue.toDisplayString(_ctx.paginationInfo.lastPage), 1)
|
|
2929
2929
|
]))
|
|
2930
2930
|
: vue.createCommentVNode("", true)
|
|
2931
2931
|
]),
|
|
2932
2932
|
(_ctx.paginationInfo.lastPage - _ctx.paginationInfo.startPage >= _ctx.perPage)
|
|
2933
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$
|
|
2933
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$5, [
|
|
2934
2934
|
vue.createVNode(_component_q_btn, {
|
|
2935
2935
|
flat: "",
|
|
2936
2936
|
dense: "",
|
|
@@ -2962,12 +2962,12 @@
|
|
|
2962
2962
|
], 2))
|
|
2963
2963
|
}
|
|
2964
2964
|
|
|
2965
|
-
var css_248z$
|
|
2966
|
-
styleInject(css_248z$
|
|
2965
|
+
var css_248z$j = ".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}";
|
|
2966
|
+
styleInject(css_248z$j);
|
|
2967
2967
|
|
|
2968
|
-
script$
|
|
2968
|
+
script$j.render = render$k;
|
|
2969
2969
|
|
|
2970
|
-
var script$
|
|
2970
|
+
var script$i = vue.defineComponent({
|
|
2971
2971
|
name: 'SRadio',
|
|
2972
2972
|
components: {
|
|
2973
2973
|
QRadio: quasar.QRadio,
|
|
@@ -2977,7 +2977,7 @@
|
|
|
2977
2977
|
},
|
|
2978
2978
|
});
|
|
2979
2979
|
|
|
2980
|
-
function render$
|
|
2980
|
+
function render$j(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2981
2981
|
var _component_q_radio = vue.resolveComponent("q-radio");
|
|
2982
2982
|
|
|
2983
2983
|
return (vue.openBlock(), vue.createBlock(_component_q_radio, {
|
|
@@ -2988,12 +2988,12 @@
|
|
|
2988
2988
|
}, null, 8, ["class"]))
|
|
2989
2989
|
}
|
|
2990
2990
|
|
|
2991
|
-
var css_248z$
|
|
2992
|
-
styleInject(css_248z$
|
|
2991
|
+
var css_248z$i = ".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}";
|
|
2992
|
+
styleInject(css_248z$i);
|
|
2993
2993
|
|
|
2994
|
-
script$
|
|
2994
|
+
script$i.render = render$j;
|
|
2995
2995
|
|
|
2996
|
-
var script$
|
|
2996
|
+
var script$h = vue.defineComponent({
|
|
2997
2997
|
name: 'STab',
|
|
2998
2998
|
components: {
|
|
2999
2999
|
QRouteTab: quasar.QRouteTab,
|
|
@@ -3009,9 +3009,9 @@
|
|
|
3009
3009
|
},
|
|
3010
3010
|
});
|
|
3011
3011
|
|
|
3012
|
-
var _hoisted_1$
|
|
3012
|
+
var _hoisted_1$c = /*#__PURE__*/vue.createElementVNode("div", { class: "s-tab-space" }, null, -1);
|
|
3013
3013
|
|
|
3014
|
-
function render$
|
|
3014
|
+
function render$i(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3015
3015
|
var _component_q_route_tab = vue.resolveComponent("q-route-tab");
|
|
3016
3016
|
|
|
3017
3017
|
return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
|
|
@@ -3023,16 +3023,16 @@
|
|
|
3023
3023
|
exact: "",
|
|
3024
3024
|
class: "s-tab"
|
|
3025
3025
|
}, null, 8, ["name", "label", "to"]),
|
|
3026
|
-
_hoisted_1$
|
|
3026
|
+
_hoisted_1$c
|
|
3027
3027
|
], 64))
|
|
3028
3028
|
}
|
|
3029
3029
|
|
|
3030
|
-
var css_248z$
|
|
3031
|
-
styleInject(css_248z$
|
|
3030
|
+
var css_248z$h = ".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}";
|
|
3031
|
+
styleInject(css_248z$h);
|
|
3032
3032
|
|
|
3033
|
-
script$
|
|
3033
|
+
script$h.render = render$i;
|
|
3034
3034
|
|
|
3035
|
-
var script$
|
|
3035
|
+
var script$g = vue.defineComponent({
|
|
3036
3036
|
name: 'SSelect',
|
|
3037
3037
|
components: {
|
|
3038
3038
|
QSelect: quasar.QSelect,
|
|
@@ -3091,9 +3091,7 @@
|
|
|
3091
3091
|
return;
|
|
3092
3092
|
}
|
|
3093
3093
|
filteredOptions.value = props.options.filter(
|
|
3094
|
-
function (v) { return (v[props.optionLabel].toUpperCase()
|
|
3095
|
-
|| v.toUpperCase()).indexOf(val.toUpperCase())
|
|
3096
|
-
> -1; }
|
|
3094
|
+
function (v) { return (v[props.optionLabel].toUpperCase() || v.toUpperCase()).indexOf(val.toUpperCase()) > -1; }
|
|
3097
3095
|
);
|
|
3098
3096
|
emit('input-value', val);
|
|
3099
3097
|
}
|
|
@@ -3145,8 +3143,8 @@
|
|
|
3145
3143
|
displayValue: !notingSelected.value
|
|
3146
3144
|
? selectedLabel.value
|
|
3147
3145
|
: !focused.value
|
|
3148
|
-
|
|
3149
|
-
|
|
3146
|
+
? props.noSelected
|
|
3147
|
+
: '',
|
|
3150
3148
|
clearable: attrs.modelValue && !notingSelected.value,
|
|
3151
3149
|
};
|
|
3152
3150
|
}
|
|
@@ -3169,10 +3167,10 @@
|
|
|
3169
3167
|
},
|
|
3170
3168
|
});
|
|
3171
3169
|
|
|
3172
|
-
var _hoisted_1$
|
|
3173
|
-
var _hoisted_2$
|
|
3170
|
+
var _hoisted_1$b = { class: "include-label" };
|
|
3171
|
+
var _hoisted_2$9 = { key: 0 };
|
|
3174
3172
|
|
|
3175
|
-
function render$
|
|
3173
|
+
function render$h(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3176
3174
|
var _component_q_item_label = vue.resolveComponent("q-item-label");
|
|
3177
3175
|
var _component_q_item_section = vue.resolveComponent("q-item-section");
|
|
3178
3176
|
var _component_q_item = vue.resolveComponent("q-item");
|
|
@@ -3233,7 +3231,7 @@
|
|
|
3233
3231
|
? {
|
|
3234
3232
|
name: "prepend",
|
|
3235
3233
|
fn: vue.withCtx(function () { return [
|
|
3236
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
3234
|
+
vue.createElementVNode("div", _hoisted_1$b, vue.toDisplayString(_ctx.label), 1)
|
|
3237
3235
|
]; }),
|
|
3238
3236
|
key: "0"
|
|
3239
3237
|
}
|
|
@@ -3246,7 +3244,7 @@
|
|
|
3246
3244
|
return (vue.openBlock(), vue.createElementBlock("span", { key: idx }, [
|
|
3247
3245
|
vue.createTextVNode(vue.toDisplayString(items) + " ", 1),
|
|
3248
3246
|
(_ctx.$attrs.modelValue.length > 1 && _ctx.$attrs.modelValue.length - 1 > idx)
|
|
3249
|
-
? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$
|
|
3247
|
+
? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$9, " , "))
|
|
3250
3248
|
: vue.createCommentVNode("", true)
|
|
3251
3249
|
]))
|
|
3252
3250
|
}), 128))
|
|
@@ -3300,12 +3298,12 @@
|
|
|
3300
3298
|
]), 1040, ["dropdown-icon", "options-selected-class", "popup-content-class", "use-input", "options", "option-label", "option-value", "onInputValue", "onFocus", "onBlur", "emit-value", "onPopupHide"]))
|
|
3301
3299
|
}
|
|
3302
3300
|
|
|
3303
|
-
var css_248z$
|
|
3304
|
-
styleInject(css_248z$
|
|
3301
|
+
var css_248z$g = ".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}";
|
|
3302
|
+
styleInject(css_248z$g);
|
|
3305
3303
|
|
|
3306
|
-
script$
|
|
3304
|
+
script$g.render = render$h;
|
|
3307
3305
|
|
|
3308
|
-
var script$
|
|
3306
|
+
var script$f = vue.defineComponent({
|
|
3309
3307
|
name: 'SSelectCheckbox',
|
|
3310
3308
|
emits: ['update:modelValue'],
|
|
3311
3309
|
components: {
|
|
@@ -3428,7 +3426,7 @@
|
|
|
3428
3426
|
},
|
|
3429
3427
|
});
|
|
3430
3428
|
|
|
3431
|
-
function render$
|
|
3429
|
+
function render$g(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3432
3430
|
var _component_s_checkbox = vue.resolveComponent("s-checkbox");
|
|
3433
3431
|
var _component_q_item_section = vue.resolveComponent("q-item-section");
|
|
3434
3432
|
var _component_q_img = vue.resolveComponent("q-img");
|
|
@@ -3536,12 +3534,12 @@
|
|
|
3536
3534
|
]), 1032, ["dropdown-icon", "modelValue", "options", "popup-content-class", "option-label", "option-value", "option-group", "onAdd", "onRemove"]))
|
|
3537
3535
|
}
|
|
3538
3536
|
|
|
3539
|
-
var css_248z$
|
|
3540
|
-
styleInject(css_248z$
|
|
3537
|
+
var css_248z$f = ".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}";
|
|
3538
|
+
styleInject(css_248z$f);
|
|
3541
3539
|
|
|
3542
|
-
script$
|
|
3540
|
+
script$f.render = render$g;
|
|
3543
3541
|
|
|
3544
|
-
var script$
|
|
3542
|
+
var script$e = vue.defineComponent({
|
|
3545
3543
|
name: 'SSelectSearchCheckbox',
|
|
3546
3544
|
emits: ['update:modelValue'],
|
|
3547
3545
|
components: {
|
|
@@ -3592,6 +3590,10 @@
|
|
|
3592
3590
|
popupContentClass: {
|
|
3593
3591
|
type: String,
|
|
3594
3592
|
},
|
|
3593
|
+
noSelected: {
|
|
3594
|
+
type: String,
|
|
3595
|
+
default: '선택',
|
|
3596
|
+
},
|
|
3595
3597
|
},
|
|
3596
3598
|
setup: function setup(props, ref$1) {
|
|
3597
3599
|
var emit = ref$1.emit;
|
|
@@ -3709,14 +3711,16 @@
|
|
|
3709
3711
|
},
|
|
3710
3712
|
});
|
|
3711
3713
|
|
|
3712
|
-
var _hoisted_1$
|
|
3713
|
-
var _hoisted_2$
|
|
3714
|
-
var _hoisted_3$
|
|
3715
|
-
var _hoisted_4$
|
|
3716
|
-
var _hoisted_5$
|
|
3717
|
-
var _hoisted_6$
|
|
3714
|
+
var _hoisted_1$a = { class: "search-input-form-container" };
|
|
3715
|
+
var _hoisted_2$8 = { class: "select-search-input-form" };
|
|
3716
|
+
var _hoisted_3$4 = ["placeholder"];
|
|
3717
|
+
var _hoisted_4$4 = { key: 0 };
|
|
3718
|
+
var _hoisted_5$4 = { key: 1 };
|
|
3719
|
+
var _hoisted_6$2 = { class: "search-input-form-container" };
|
|
3720
|
+
var _hoisted_7 = { class: "select-search-input-form" };
|
|
3721
|
+
var _hoisted_8 = ["placeholder"];
|
|
3718
3722
|
|
|
3719
|
-
function render$
|
|
3723
|
+
function render$f(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3720
3724
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
3721
3725
|
var _component_s_checkbox = vue.resolveComponent("s-checkbox");
|
|
3722
3726
|
var _component_q_item_section = vue.resolveComponent("q-item-section");
|
|
@@ -3752,8 +3756,8 @@
|
|
|
3752
3756
|
ref: "sSelectRef"
|
|
3753
3757
|
}, vue.createSlots({
|
|
3754
3758
|
"before-options": vue.withCtx(function () { return [
|
|
3755
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
3756
|
-
vue.createElementVNode("form", _hoisted_2$
|
|
3759
|
+
vue.createElementVNode("div", _hoisted_1$a, [
|
|
3760
|
+
vue.createElementVNode("form", _hoisted_2$8, [
|
|
3757
3761
|
vue.createVNode(_component_q_icon, {
|
|
3758
3762
|
name: _ctx.searchIcon,
|
|
3759
3763
|
size: "20px"
|
|
@@ -3768,7 +3772,7 @@
|
|
|
3768
3772
|
_ctx.onSearch(data.target.value);
|
|
3769
3773
|
}
|
|
3770
3774
|
)
|
|
3771
|
-
}, null, 40, _hoisted_3$
|
|
3775
|
+
}, null, 40, _hoisted_3$4), [
|
|
3772
3776
|
[vue.vModelText, _ctx.search]
|
|
3773
3777
|
])
|
|
3774
3778
|
])
|
|
@@ -3836,8 +3840,8 @@
|
|
|
3836
3840
|
];
|
|
3837
3841
|
}),
|
|
3838
3842
|
"no-option": vue.withCtx(function () { return [
|
|
3839
|
-
vue.createElementVNode("div",
|
|
3840
|
-
vue.createElementVNode("form",
|
|
3843
|
+
vue.createElementVNode("div", _hoisted_6$2, [
|
|
3844
|
+
vue.createElementVNode("form", _hoisted_7, [
|
|
3841
3845
|
vue.createVNode(_component_q_icon, {
|
|
3842
3846
|
name: _ctx.searchIcon,
|
|
3843
3847
|
size: "20px"
|
|
@@ -3852,7 +3856,7 @@
|
|
|
3852
3856
|
_ctx.onSearch(data.target.value);
|
|
3853
3857
|
}
|
|
3854
3858
|
)
|
|
3855
|
-
}, null, 40,
|
|
3859
|
+
}, null, 40, _hoisted_8), [
|
|
3856
3860
|
[vue.vModelText, _ctx.search]
|
|
3857
3861
|
])
|
|
3858
3862
|
])
|
|
@@ -3871,11 +3875,18 @@
|
|
|
3871
3875
|
]; }),
|
|
3872
3876
|
_: 2
|
|
3873
3877
|
}, [
|
|
3874
|
-
(
|
|
3878
|
+
(
|
|
3879
|
+
(_ctx.options.length && _ctx.useAll && (_ctx.model[0] === '' || _ctx.model.includes(''))) ||
|
|
3880
|
+
(_ctx.noSelected && !_ctx.options.length)
|
|
3881
|
+
)
|
|
3875
3882
|
? {
|
|
3876
3883
|
name: "selected",
|
|
3877
3884
|
fn: vue.withCtx(function () { return [
|
|
3878
|
-
|
|
3885
|
+
(_ctx.noSelected && !_ctx.options.length)
|
|
3886
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$4, vue.toDisplayString(_ctx.noSelected), 1))
|
|
3887
|
+
: (_ctx.options.length && _ctx.useAll && (_ctx.model[0] === '' || _ctx.model.includes('')))
|
|
3888
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$4, vue.toDisplayString(_ctx.placeholder), 1))
|
|
3889
|
+
: vue.createCommentVNode("", true)
|
|
3879
3890
|
]; }),
|
|
3880
3891
|
key: "0"
|
|
3881
3892
|
}
|
|
@@ -3883,12 +3894,12 @@
|
|
|
3883
3894
|
]), 1032, ["dropdown-icon", "modelValue", "options", "popup-content-class", "option-label", "option-value", "option-group", "onAdd", "onRemove"]))
|
|
3884
3895
|
}
|
|
3885
3896
|
|
|
3886
|
-
var css_248z$
|
|
3887
|
-
styleInject(css_248z$
|
|
3897
|
+
var css_248z$e = ".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}";
|
|
3898
|
+
styleInject(css_248z$e);
|
|
3888
3899
|
|
|
3889
|
-
script$
|
|
3900
|
+
script$e.render = render$f;
|
|
3890
3901
|
|
|
3891
|
-
var script$
|
|
3902
|
+
var script$d = vue.defineComponent({
|
|
3892
3903
|
name: 'SSelectGroupCheckbox',
|
|
3893
3904
|
emits: ['update:modelValue'],
|
|
3894
3905
|
components: {
|
|
@@ -3994,7 +4005,7 @@
|
|
|
3994
4005
|
},
|
|
3995
4006
|
});
|
|
3996
4007
|
|
|
3997
|
-
function render$
|
|
4008
|
+
function render$e(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3998
4009
|
var _component_s_checkbox = vue.resolveComponent("s-checkbox");
|
|
3999
4010
|
var _component_q_item_section = vue.resolveComponent("q-item-section");
|
|
4000
4011
|
var _component_q_img = vue.resolveComponent("q-img");
|
|
@@ -4091,12 +4102,12 @@
|
|
|
4091
4102
|
]), 1032, ["dropdown-icon", "modelValue", "options", "popup-content-class", "option-label", "option-value", "option-group", "onAdd", "onRemove"]))
|
|
4092
4103
|
}
|
|
4093
4104
|
|
|
4094
|
-
var css_248z$
|
|
4095
|
-
styleInject(css_248z$
|
|
4105
|
+
var css_248z$d = ".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}";
|
|
4106
|
+
styleInject(css_248z$d);
|
|
4096
4107
|
|
|
4097
|
-
script$
|
|
4108
|
+
script$d.render = render$e;
|
|
4098
4109
|
|
|
4099
|
-
var script$
|
|
4110
|
+
var script$c = vue.defineComponent({
|
|
4100
4111
|
name: 'SSelectCustom',
|
|
4101
4112
|
components: {
|
|
4102
4113
|
QSelect: quasar.QSelect,
|
|
@@ -4185,7 +4196,7 @@
|
|
|
4185
4196
|
},
|
|
4186
4197
|
});
|
|
4187
4198
|
|
|
4188
|
-
function render$
|
|
4199
|
+
function render$d(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4189
4200
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
4190
4201
|
var _component_q_item_section = vue.resolveComponent("q-item-section");
|
|
4191
4202
|
var _component_q_item = vue.resolveComponent("q-item");
|
|
@@ -4279,191 +4290,7 @@
|
|
|
4279
4290
|
]), 1032, ["dropdown-icon", "options", "use-input", "input-debounce", "onFilter", "optionLabel", "optionValue", "modelValue", "rules"]))
|
|
4280
4291
|
}
|
|
4281
4292
|
|
|
4282
|
-
var css_248z$
|
|
4283
|
-
styleInject(css_248z$d);
|
|
4284
|
-
|
|
4285
|
-
script$e.render = render$f;
|
|
4286
|
-
|
|
4287
|
-
var script$d = {
|
|
4288
|
-
props: {
|
|
4289
|
-
item: String,
|
|
4290
|
-
},
|
|
4291
|
-
components: { QItemLabel: quasar.QItemLabel, QItemSection: quasar.QItemSection },
|
|
4292
|
-
setup: function setup() {
|
|
4293
|
-
return {};
|
|
4294
|
-
},
|
|
4295
|
-
};
|
|
4296
|
-
|
|
4297
|
-
function render$e(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4298
|
-
var _component_q_item_label = vue.resolveComponent("q-item-label");
|
|
4299
|
-
var _component_q_item_section = vue.resolveComponent("q-item-section");
|
|
4300
|
-
|
|
4301
|
-
return (vue.openBlock(), vue.createBlock(_component_q_item_section, null, {
|
|
4302
|
-
default: vue.withCtx(function () { return [
|
|
4303
|
-
vue.createVNode(_component_q_item_label, { innerHTML: $props.item }, null, 8, ["innerHTML"])
|
|
4304
|
-
]; }),
|
|
4305
|
-
_: 1
|
|
4306
|
-
}))
|
|
4307
|
-
}
|
|
4308
|
-
|
|
4309
|
-
script$d.render = render$e;
|
|
4310
|
-
|
|
4311
|
-
var script$c = vue.defineComponent({
|
|
4312
|
-
name: 'SSelect',
|
|
4313
|
-
components: {
|
|
4314
|
-
QSelect: quasar.QSelect,
|
|
4315
|
-
QItem: quasar.QItem,
|
|
4316
|
-
|
|
4317
|
-
SelectItem: script$d,
|
|
4318
|
-
},
|
|
4319
|
-
props: {
|
|
4320
|
-
searchPlaceholder: String,
|
|
4321
|
-
options: Array,
|
|
4322
|
-
optionLabel: {
|
|
4323
|
-
type: [String, Function],
|
|
4324
|
-
default: 'label',
|
|
4325
|
-
},
|
|
4326
|
-
optionValue: {
|
|
4327
|
-
type: String,
|
|
4328
|
-
default: 'value',
|
|
4329
|
-
},
|
|
4330
|
-
noData: {
|
|
4331
|
-
type: String,
|
|
4332
|
-
default: '데이터 없음',
|
|
4333
|
-
},
|
|
4334
|
-
popupContentClass: {
|
|
4335
|
-
default: function () { return ''; },
|
|
4336
|
-
type: String,
|
|
4337
|
-
},
|
|
4338
|
-
},
|
|
4339
|
-
setup: function setup(props) {
|
|
4340
|
-
var filteredOptions = vue.ref(props.options);
|
|
4341
|
-
var search = vue.ref('');
|
|
4342
|
-
|
|
4343
|
-
var onSearch = quasar.debounce(function (val) {
|
|
4344
|
-
if (val === '') {
|
|
4345
|
-
filteredOptions.value = props.options;
|
|
4346
|
-
} else {
|
|
4347
|
-
filteredOptions.value = props.options.filter(
|
|
4348
|
-
function (v) { return (v[props.optionLabel] || v).indexOf(val) > -1; }
|
|
4349
|
-
);
|
|
4350
|
-
}
|
|
4351
|
-
}, 200);
|
|
4352
|
-
|
|
4353
|
-
return {
|
|
4354
|
-
selectDownArrowIcon: selectDownArrowIcon,
|
|
4355
|
-
searchIcon: searchIcon,
|
|
4356
|
-
search: search,
|
|
4357
|
-
onSearch: onSearch,
|
|
4358
|
-
filteredOptions: filteredOptions,
|
|
4359
|
-
};
|
|
4360
|
-
},
|
|
4361
|
-
});
|
|
4362
|
-
|
|
4363
|
-
var _hoisted_1$a = { class: "search-input-form-container" };
|
|
4364
|
-
var _hoisted_2$8 = { class: "select-search-input-form" };
|
|
4365
|
-
var _hoisted_3$4 = ["placeholder"];
|
|
4366
|
-
var _hoisted_4$4 = { class: "search-input-form-container" };
|
|
4367
|
-
var _hoisted_5$4 = { class: "select-search-input-form" };
|
|
4368
|
-
var _hoisted_6$2 = ["placeholder"];
|
|
4369
|
-
|
|
4370
|
-
function render$d(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4371
|
-
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
4372
|
-
var _component_q_item_section = vue.resolveComponent("q-item-section");
|
|
4373
|
-
var _component_q_item = vue.resolveComponent("q-item");
|
|
4374
|
-
var _component_select_item = vue.resolveComponent("select-item");
|
|
4375
|
-
var _component_q_select = vue.resolveComponent("q-select");
|
|
4376
|
-
|
|
4377
|
-
return (vue.openBlock(), vue.createBlock(_component_q_select, {
|
|
4378
|
-
outlined: "",
|
|
4379
|
-
dense: "",
|
|
4380
|
-
"options-dense": "",
|
|
4381
|
-
"dropdown-icon": _ctx.selectDownArrowIcon,
|
|
4382
|
-
"popup-content-class": ['s-select-search-opts', _ctx.popupContentClass].join(' '),
|
|
4383
|
-
"emit-value": "",
|
|
4384
|
-
"map-options": "",
|
|
4385
|
-
"option-label": _ctx.optionLabel,
|
|
4386
|
-
"option-value": _ctx.optionValue,
|
|
4387
|
-
class: "s-select-search",
|
|
4388
|
-
options: _ctx.filteredOptions,
|
|
4389
|
-
"menu-offset": [0, 4],
|
|
4390
|
-
"menu-self": "top left",
|
|
4391
|
-
"menu-anchor": "bottom start",
|
|
4392
|
-
"no-error-icon": "",
|
|
4393
|
-
"hide-bottom-space": ""
|
|
4394
|
-
}, {
|
|
4395
|
-
"before-options": vue.withCtx(function () { return [
|
|
4396
|
-
vue.createElementVNode("div", _hoisted_1$a, [
|
|
4397
|
-
vue.createElementVNode("form", _hoisted_2$8, [
|
|
4398
|
-
vue.createVNode(_component_q_icon, {
|
|
4399
|
-
name: _ctx.searchIcon,
|
|
4400
|
-
size: "20px"
|
|
4401
|
-
}, null, 8, ["name"]),
|
|
4402
|
-
vue.withDirectives(vue.createElementVNode("input", {
|
|
4403
|
-
"onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return ((_ctx.search) = $event); }),
|
|
4404
|
-
autofocus: "",
|
|
4405
|
-
class: "select-search-input",
|
|
4406
|
-
placeholder: _ctx.searchPlaceholder,
|
|
4407
|
-
onInput: _cache[1] || (_cache[1] =
|
|
4408
|
-
function (data) {
|
|
4409
|
-
_ctx.onSearch(data.target.value);
|
|
4410
|
-
}
|
|
4411
|
-
)
|
|
4412
|
-
}, null, 40, _hoisted_3$4), [
|
|
4413
|
-
[vue.vModelText, _ctx.search]
|
|
4414
|
-
])
|
|
4415
|
-
])
|
|
4416
|
-
])
|
|
4417
|
-
]; }),
|
|
4418
|
-
"no-option": vue.withCtx(function () { return [
|
|
4419
|
-
vue.createElementVNode("div", _hoisted_4$4, [
|
|
4420
|
-
vue.createElementVNode("form", _hoisted_5$4, [
|
|
4421
|
-
vue.createVNode(_component_q_icon, {
|
|
4422
|
-
name: _ctx.searchIcon,
|
|
4423
|
-
size: "20px"
|
|
4424
|
-
}, null, 8, ["name"]),
|
|
4425
|
-
vue.withDirectives(vue.createElementVNode("input", {
|
|
4426
|
-
"onUpdate:modelValue": _cache[2] || (_cache[2] = function ($event) { return ((_ctx.search) = $event); }),
|
|
4427
|
-
autofocus: "",
|
|
4428
|
-
class: "select-search-input",
|
|
4429
|
-
placeholder: _ctx.searchPlaceholder,
|
|
4430
|
-
onInput: _cache[3] || (_cache[3] =
|
|
4431
|
-
function (data) {
|
|
4432
|
-
_ctx.onSearch(data.target.value);
|
|
4433
|
-
}
|
|
4434
|
-
)
|
|
4435
|
-
}, null, 40, _hoisted_6$2), [
|
|
4436
|
-
[vue.vModelText, _ctx.search]
|
|
4437
|
-
])
|
|
4438
|
-
])
|
|
4439
|
-
]),
|
|
4440
|
-
vue.createVNode(_component_q_item, { class: "s-select-no-option" }, {
|
|
4441
|
-
default: vue.withCtx(function () { return [
|
|
4442
|
-
vue.createVNode(_component_q_item_section, { class: "text-grey" }, {
|
|
4443
|
-
default: vue.withCtx(function () { return [
|
|
4444
|
-
vue.createTextVNode(vue.toDisplayString(_ctx.noData), 1)
|
|
4445
|
-
]; }),
|
|
4446
|
-
_: 1
|
|
4447
|
-
})
|
|
4448
|
-
]; }),
|
|
4449
|
-
_: 1
|
|
4450
|
-
})
|
|
4451
|
-
]; }),
|
|
4452
|
-
option: vue.withCtx(function (scope) { return [
|
|
4453
|
-
vue.createVNode(_component_q_item, vue.normalizeProps(vue.guardReactiveProps(scope.itemProps)), {
|
|
4454
|
-
default: vue.withCtx(function () { return [
|
|
4455
|
-
vue.createVNode(_component_select_item, {
|
|
4456
|
-
item: _ctx.filteredOptions[scope.index].label
|
|
4457
|
-
}, null, 8, ["item"])
|
|
4458
|
-
]; }),
|
|
4459
|
-
_: 2
|
|
4460
|
-
}, 1040)
|
|
4461
|
-
]; }),
|
|
4462
|
-
_: 1
|
|
4463
|
-
}, 8, ["dropdown-icon", "popup-content-class", "option-label", "option-value", "options"]))
|
|
4464
|
-
}
|
|
4465
|
-
|
|
4466
|
-
var css_248z$c = ".s-select-search .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n min-height: 0;\n height: 28px;\n}\n.s-select-search .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-select-search .q-field__inner .q-field__control:hover, .s-select-search .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-select-search .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-search .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n}\n.s-select-search .q-field__inner .q-field__control-container .q-field__native > .q-placeholder {\n min-height: 100%;\n}\n.s-select-search .q-field__inner .q-field__control .q-field__append {\n min-height: 0;\n height: inherit;\n padding: 8px;\n}\n.s-select-search .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-search .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n font-size: 12px;\n color: #737373;\n}\n.s-select-search .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #e30000;\n}\n.q-field--disabled.s-select-search .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.q-field--disabled.s-select-search .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-select-search .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.q-field--disabled.s-select-search .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-select-search-opts .q-virtual-scroll__content .q-item {\n padding: 6px 12px;\n}\n.s-select-search-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-search-opts .q-virtual-scroll__content .q-item--active {\n color: #333333 !important;\n}\n.s-select-search-opts .q-virtual-scroll__content .q-manual-focusable--focused {\n background: #0075ff;\n color: white !important;\n}\n.s-select-search-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper {\n opacity: 0 !important;\n}\n.s-select-search-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span {\n color: white !important;\n}\n.s-select-search-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-search-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-search .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-search .q-field__prepend .include-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select-search-opts {\n padding: 0;\n}\n.s-select-search-opts .s-select-no-option {\n padding: 6px 12px;\n}\n.s-select-search-opts .group-title {\n opacity: 1 !important;\n background: #f6f6f6 !important;\n border: none;\n border-top: 1px solid #e1e1e1;\n}\n.s-select-search-opts .group-title .q-item__section .q-item__label {\n color: #333333 !important;\n}\n.s-select-search-opts .group-option {\n padding: 4px 12px 4px 20px !important;\n}\n.s-select-search-opts .group-option.disabled {\n color: #aaaaaa !important;\n background: white !important;\n border: none !important;\n}\n.s-select-search-opts .q-item:not(.group-option) {\n padding: 4px 12px;\n}\n.s-select-search-opts .select-search-input {\n margin: 4px;\n}\n.s-select-search-opts .select-search-input .q-field__inner {\n height: 28px;\n}\n.s-select-search-opts .select-search-input .q-field__inner .q-field__control {\n padding: 0;\n min-height: 0;\n height: 28px;\n}\n.s-select-search-opts .select-search-input .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n color: #222222;\n}\n.s-select-search-opts .select-search-input .q-field__inner .q-field__control-container input::placeholder {\n color: #aaaaaa;\n}\n.s-select-search-opts .select-search-input .q-field__inner .q-field__control .q-field__prepend {\n height: 28px;\n padding: 4px 8px;\n}\n.search-input-form-container {\n padding: 4px;\n}\n.search-input-form-container .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}\n.search-input-form-container .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.search-input-form-container .select-search-input-form:hover::after, .search-input-form-container .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.search-input-form-container .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}";
|
|
4293
|
+
var css_248z$c = ".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}";
|
|
4467
4294
|
styleInject(css_248z$c);
|
|
4468
4295
|
|
|
4469
4296
|
script$c.render = render$d;
|
|
@@ -4475,7 +4302,7 @@
|
|
|
4475
4302
|
QIcon: quasar.QIcon,
|
|
4476
4303
|
QSelect: quasar.QSelect,
|
|
4477
4304
|
QItem: quasar.QItem,
|
|
4478
|
-
SInput: script$
|
|
4305
|
+
SInput: script$o,
|
|
4479
4306
|
QItemSection: quasar.QItemSection,
|
|
4480
4307
|
QItemLabel: quasar.QItemLabel,
|
|
4481
4308
|
},
|
|
@@ -5222,8 +5049,8 @@
|
|
|
5222
5049
|
QCard: quasar.QCard,
|
|
5223
5050
|
QCardSection: quasar.QCardSection,
|
|
5224
5051
|
QSeparator: quasar.QSeparator,
|
|
5225
|
-
SButton: script$
|
|
5226
|
-
SInput: script$
|
|
5052
|
+
SButton: script$B,
|
|
5053
|
+
SInput: script$o,
|
|
5227
5054
|
},
|
|
5228
5055
|
props: {
|
|
5229
5056
|
lang: {
|
|
@@ -7531,6 +7358,13 @@
|
|
|
7531
7358
|
},
|
|
7532
7359
|
}); },
|
|
7533
7360
|
},
|
|
7361
|
+
size: {
|
|
7362
|
+
/**
|
|
7363
|
+
* @type {'sm' | 'md'} type
|
|
7364
|
+
*/
|
|
7365
|
+
type: String,
|
|
7366
|
+
default: 'sm',
|
|
7367
|
+
},
|
|
7534
7368
|
},
|
|
7535
7369
|
});
|
|
7536
7370
|
|
|
@@ -7538,61 +7372,63 @@
|
|
|
7538
7372
|
var _component_q_badge = vue.resolveComponent("q-badge");
|
|
7539
7373
|
|
|
7540
7374
|
return (vue.openBlock(), vue.createBlock(_component_q_badge, {
|
|
7541
|
-
class: "s-badge
|
|
7375
|
+
class: vue.normalizeClass(["s-badge", {
|
|
7376
|
+
's-badge__sm': _ctx.size === 'sm',
|
|
7377
|
+
's-badge__md': _ctx.size === 'md',
|
|
7378
|
+
}]),
|
|
7542
7379
|
label: _ctx.configs[_ctx.status].label,
|
|
7543
7380
|
color: _ctx.configs[_ctx.status].color,
|
|
7544
7381
|
"text-color": _ctx.configs[_ctx.status].textColor
|
|
7545
|
-
}, null, 8, ["label", "color", "text-color"]))
|
|
7382
|
+
}, null, 8, ["class", "label", "color", "text-color"]))
|
|
7546
7383
|
}
|
|
7547
7384
|
|
|
7548
|
-
var css_248z = ".s-badge[data-v-
|
|
7385
|
+
var css_248z = ".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}";
|
|
7549
7386
|
styleInject(css_248z);
|
|
7550
7387
|
|
|
7551
7388
|
script.render = render;
|
|
7552
|
-
script.__scopeId = "data-v-
|
|
7389
|
+
script.__scopeId = "data-v-27c2380e";
|
|
7553
7390
|
|
|
7554
7391
|
/* eslint-disable no-multiple-empty-lines */
|
|
7555
7392
|
|
|
7556
|
-
var version = '3.
|
|
7393
|
+
var version = '3.6.0';
|
|
7557
7394
|
|
|
7558
7395
|
function install(app) {
|
|
7559
7396
|
app.component('s-badge', script);
|
|
7560
|
-
app.component('s-breadcrumbs', script$
|
|
7561
|
-
app.component('s-button', script$
|
|
7562
|
-
app.component('s-button-group', script$
|
|
7563
|
-
app.component('s-button-toggle', script$
|
|
7564
|
-
app.component('s-caution', script$
|
|
7565
|
-
app.component('s-checkbox', script$
|
|
7566
|
-
app.component('s-chip', script$
|
|
7567
|
-
app.component('s-dialog', script$
|
|
7568
|
-
app.component('s-date-picker', script$
|
|
7569
|
-
app.component('s-date-range-picker', script$
|
|
7570
|
-
app.component('s-file-picker', script$
|
|
7571
|
-
app.component('s-help', script$
|
|
7572
|
-
app.component('s-input', script$
|
|
7573
|
-
app.component('s-input-number', script$
|
|
7574
|
-
app.component('s-input-counter', script$
|
|
7575
|
-
app.component('s-list', script$
|
|
7576
|
-
app.component('s-markup-table', script$
|
|
7577
|
-
app.component('s-pagination', script$
|
|
7578
|
-
app.component('s-radio', script$
|
|
7579
|
-
app.component('s-select', script$
|
|
7580
|
-
app.component('s-select-custom', script$
|
|
7581
|
-
app.component('s-select-checkbox', script$
|
|
7582
|
-
app.component('s-select-search-checkbox', script$
|
|
7583
|
-
app.component('s-select-group-checkbox', script$
|
|
7584
|
-
app.component('s-select-search', script$c);
|
|
7397
|
+
app.component('s-breadcrumbs', script$C);
|
|
7398
|
+
app.component('s-button', script$B);
|
|
7399
|
+
app.component('s-button-group', script$A);
|
|
7400
|
+
app.component('s-button-toggle', script$z);
|
|
7401
|
+
app.component('s-caution', script$y);
|
|
7402
|
+
app.component('s-checkbox', script$x);
|
|
7403
|
+
app.component('s-chip', script$w);
|
|
7404
|
+
app.component('s-dialog', script$t);
|
|
7405
|
+
app.component('s-date-picker', script$v);
|
|
7406
|
+
app.component('s-date-range-picker', script$u);
|
|
7407
|
+
app.component('s-file-picker', script$q);
|
|
7408
|
+
app.component('s-help', script$p);
|
|
7409
|
+
app.component('s-input', script$o);
|
|
7410
|
+
app.component('s-input-number', script$n);
|
|
7411
|
+
app.component('s-input-counter', script$m);
|
|
7412
|
+
app.component('s-list', script$l);
|
|
7413
|
+
app.component('s-markup-table', script$k);
|
|
7414
|
+
app.component('s-pagination', script$j);
|
|
7415
|
+
app.component('s-radio', script$i);
|
|
7416
|
+
app.component('s-select', script$g);
|
|
7417
|
+
app.component('s-select-custom', script$c);
|
|
7418
|
+
app.component('s-select-checkbox', script$f);
|
|
7419
|
+
app.component('s-select-search-checkbox', script$e);
|
|
7420
|
+
app.component('s-select-group-checkbox', script$d);
|
|
7585
7421
|
app.component('s-select-search-auto-complete', script$b);
|
|
7586
7422
|
app.component('s-tab', script$a);
|
|
7587
|
-
app.component('s-route-tab', script$
|
|
7423
|
+
app.component('s-route-tab', script$h);
|
|
7588
7424
|
app.component('s-tabs', script$8);
|
|
7589
7425
|
app.component('s-table', script$9);
|
|
7590
7426
|
app.component('s-time-picker', script$6);
|
|
7591
7427
|
app.component('s-date-time-picker', script$3);
|
|
7592
7428
|
app.component('s-toggle', script$5);
|
|
7593
7429
|
app.component('s-tooltip', script$4);
|
|
7594
|
-
app.component('s-dropdown', script$
|
|
7595
|
-
app.component('s-editor', script$
|
|
7430
|
+
app.component('s-dropdown', script$s);
|
|
7431
|
+
app.component('s-editor', script$r);
|
|
7596
7432
|
app.component('s-date-range', script$2);
|
|
7597
7433
|
app.component('s-date', script$1);
|
|
7598
7434
|
app.component('s-date-auto-range-picker', __default__);
|