snail.vue 1.0.50 → 1.0.51
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/snail.vue.js +52 -59
- package/dist/snail.vue.umd.js +52 -59
- package/dist/styles/snail.vue.vue.css +16 -16
- package/package.json +1 -1
package/dist/snail.vue.js
CHANGED
|
@@ -14,10 +14,9 @@ var _sfc_main$t = defineComponent({
|
|
|
14
14
|
type: {}
|
|
15
15
|
},
|
|
16
16
|
setup(__props) {
|
|
17
|
-
const props = __props;
|
|
18
17
|
return (_ctx, _cache) => {
|
|
19
18
|
return openBlock(), createElementBlock("div", {
|
|
20
|
-
class: normalizeClass(["snail-button", [
|
|
19
|
+
class: normalizeClass(["snail-button", [_ctx.size, _ctx.type]])
|
|
21
20
|
}, [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createTextVNode("按钮"))])], 2);
|
|
22
21
|
};
|
|
23
22
|
}
|
|
@@ -167,25 +166,25 @@ var _sfc_main$r = defineComponent({
|
|
|
167
166
|
}
|
|
168
167
|
return (_ctx, _cache) => {
|
|
169
168
|
return openBlock(), createElementBlock("div", {
|
|
170
|
-
class: normalizeClass(["snail-choose",
|
|
169
|
+
class: normalizeClass(["snail-choose", _ctx.readonly ? "readonly" : ""])
|
|
171
170
|
}, [(openBlock(true), createElementBlock(Fragment, null, renderList(chooseItemsRef.value, (item, index) => {
|
|
172
171
|
return openBlock(), createElementBlock("div", {
|
|
173
172
|
key: item.key,
|
|
174
173
|
class: normalizeClass(["choose-item", item.checked ? "checked" : ""]),
|
|
175
|
-
style: normalizeStyle(unref(css).buildStyle(
|
|
174
|
+
style: normalizeStyle(unref(css).buildStyle(_ctx.itemStyle)),
|
|
176
175
|
onClick: $event => onItemClick(item)
|
|
177
176
|
}, [unref(mode) == "native" ? (openBlock(), createElementBlock("input", {
|
|
178
177
|
key: 0,
|
|
179
|
-
type:
|
|
178
|
+
type: _ctx.type,
|
|
180
179
|
checked: item.checked
|
|
181
180
|
}, null, 8, _hoisted_2$9)) : unref(mode) == "beautiful" ? (openBlock(), createElementBlock("div", {
|
|
182
181
|
key: 1,
|
|
183
|
-
class: normalizeClass(["item-beautiful", [
|
|
182
|
+
class: normalizeClass(["item-beautiful", [_ctx.type, item.checked ? "item-checked" : "item-unchecked"]])
|
|
184
183
|
}, [item.checked ? (openBlock(), createBlock(_sfc_main$s, {
|
|
185
184
|
key: 0,
|
|
186
185
|
type: "success",
|
|
187
186
|
size: 12,
|
|
188
|
-
color:
|
|
187
|
+
color: _ctx.readonly ? "#8a9099" : "white"
|
|
189
188
|
}, null, 8, ["color"])) : createCommentVNode("", true)], 2)) : createCommentVNode("", true), item.text ? (openBlock(), createElementBlock("span", {
|
|
190
189
|
key: 2,
|
|
191
190
|
class: "item-text",
|
|
@@ -225,25 +224,24 @@ var _sfc_main$q = defineComponent({
|
|
|
225
224
|
let {
|
|
226
225
|
emit: __emit
|
|
227
226
|
} = _ref;
|
|
228
|
-
const props = __props;
|
|
229
227
|
const emits = __emit;
|
|
230
228
|
return (_ctx, _cache) => {
|
|
231
229
|
return openBlock(), createElementBlock("footer", {
|
|
232
230
|
class: normalizeClass(["snail-footer", {
|
|
233
|
-
"start-divider":
|
|
234
|
-
},
|
|
235
|
-
}, [renderSlot(_ctx.$slots, "default", {}, () => [
|
|
231
|
+
"start-divider": _ctx.divider
|
|
232
|
+
}, _ctx.align || "right"])
|
|
233
|
+
}, [renderSlot(_ctx.$slots, "default", {}, () => [_ctx.cancelDisabled != true ? (openBlock(), createBlock(_sfc_main$t, {
|
|
236
234
|
key: 0,
|
|
237
235
|
size: "max",
|
|
238
236
|
type: "default",
|
|
239
237
|
onClick: _cache[0] || (_cache[0] = $event => emits("cancel")),
|
|
240
|
-
textContent: toDisplayString(
|
|
241
|
-
}, null, 8, ["textContent"])) : createCommentVNode("", true),
|
|
238
|
+
textContent: toDisplayString(_ctx.cancelName || "取消")
|
|
239
|
+
}, null, 8, ["textContent"])) : createCommentVNode("", true), _ctx.confirmDisabled != true ? (openBlock(), createBlock(_sfc_main$t, {
|
|
242
240
|
key: 1,
|
|
243
241
|
size: "max",
|
|
244
242
|
type: "primary",
|
|
245
243
|
onClick: _cache[1] || (_cache[1] = $event => emits("confirm")),
|
|
246
|
-
textContent: toDisplayString(
|
|
244
|
+
textContent: toDisplayString(_ctx.confirmName || "确定")
|
|
247
245
|
}, null, 8, ["textContent"])) : createCommentVNode("", true)])], 2);
|
|
248
246
|
};
|
|
249
247
|
}
|
|
@@ -341,11 +339,11 @@ var _sfc_main$o = defineComponent({
|
|
|
341
339
|
}
|
|
342
340
|
return (_ctx, _cache) => {
|
|
343
341
|
return openBlock(), createElementBlock("div", {
|
|
344
|
-
class: normalizeClass(["snail-search",
|
|
342
|
+
class: normalizeClass(["snail-search", _ctx.readonly ? "readonly" : ""])
|
|
345
343
|
}, [withDirectives(createElementVNode("input", {
|
|
346
344
|
type: "search",
|
|
347
|
-
placeholder:
|
|
348
|
-
readonly:
|
|
345
|
+
placeholder: _ctx.placeholder,
|
|
346
|
+
readonly: _ctx.readonly,
|
|
349
347
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => textModel.value = $event),
|
|
350
348
|
onKeyup: _cache[1] || (_cache[1] = $event => onSearch($event))
|
|
351
349
|
}, null, 40, _hoisted_1$c), [[vModelText, textModel.value, void 0, {
|
|
@@ -601,23 +599,22 @@ var _sfc_main$n = defineComponent({
|
|
|
601
599
|
}
|
|
602
600
|
},
|
|
603
601
|
setup(__props) {
|
|
604
|
-
const props = __props;
|
|
605
602
|
return (_ctx, _cache) => {
|
|
606
603
|
return openBlock(), createElementBlock("div", _hoisted_1$b, [createVNode(_sfc_main$p, {
|
|
607
604
|
"use-to": "dialog",
|
|
608
|
-
title:
|
|
609
|
-
onClose: _cache[0] || (_cache[0] = $event =>
|
|
605
|
+
title: _ctx.title || "提示",
|
|
606
|
+
onClose: _cache[0] || (_cache[0] = $event => _ctx.closePopup(false))
|
|
610
607
|
}, null, 8, ["title"]), createElementVNode("div", {
|
|
611
608
|
class: "confirm-body",
|
|
612
|
-
innerHTML:
|
|
609
|
+
innerHTML: _ctx.message || "请确认?"
|
|
613
610
|
}, null, 8, _hoisted_2$8), createVNode(_sfc_main$q, {
|
|
614
611
|
align: "right",
|
|
615
|
-
"cancel-name":
|
|
616
|
-
"cancel-disabled":
|
|
617
|
-
"confirm-name":
|
|
618
|
-
"confirm-disabled":
|
|
619
|
-
onCancel: _cache[1] || (_cache[1] = $event =>
|
|
620
|
-
onConfirm: _cache[2] || (_cache[2] = $event =>
|
|
612
|
+
"cancel-name": _ctx.cancelName,
|
|
613
|
+
"cancel-disabled": _ctx.cancelDisabled,
|
|
614
|
+
"confirm-name": _ctx.confirmName,
|
|
615
|
+
"confirm-disabled": _ctx.confirmDisabled,
|
|
616
|
+
onCancel: _cache[1] || (_cache[1] = $event => _ctx.closePopup(false)),
|
|
617
|
+
onConfirm: _cache[2] || (_cache[2] = $event => _ctx.closePopup(true))
|
|
621
618
|
}, null, 8, ["cancel-name", "cancel-disabled", "confirm-name", "confirm-disabled"])]);
|
|
622
619
|
};
|
|
623
620
|
}
|
|
@@ -1326,14 +1323,13 @@ var _sfc_main$g = defineComponent({
|
|
|
1326
1323
|
imageUrl: {}
|
|
1327
1324
|
},
|
|
1328
1325
|
setup(__props) {
|
|
1329
|
-
const props = __props;
|
|
1330
1326
|
const defaultImageBase64 = getNoDataBase64Image();
|
|
1331
1327
|
return (_ctx, _cache) => {
|
|
1332
1328
|
return openBlock(), createElementBlock("div", _hoisted_1$9, [createElementVNode("img", {
|
|
1333
|
-
src:
|
|
1329
|
+
src: _ctx.imageUrl || unref(defaultImageBase64)
|
|
1334
1330
|
}, null, 8, _hoisted_2$6), renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("div", {
|
|
1335
1331
|
class: "message",
|
|
1336
|
-
textContent: toDisplayString(
|
|
1332
|
+
textContent: toDisplayString(_ctx.message || "无数据")
|
|
1337
1333
|
}, null, 8, _hoisted_3$5)])]);
|
|
1338
1334
|
};
|
|
1339
1335
|
}
|
|
@@ -1752,11 +1748,11 @@ var _sfc_main$d = defineComponent({
|
|
|
1752
1748
|
return (_ctx, _cache) => {
|
|
1753
1749
|
return openBlock(), createElementBlock("div", {
|
|
1754
1750
|
class: normalizeClass(["snail-select", {
|
|
1755
|
-
"readonly":
|
|
1751
|
+
"readonly": _ctx.readonly
|
|
1756
1752
|
}]),
|
|
1757
1753
|
onClick: _cache[0] || (_cache[0] = $event => onClick()),
|
|
1758
1754
|
ref: "select"
|
|
1759
|
-
}, [
|
|
1755
|
+
}, [_ctx.items && _ctx.items.length > 0 ? (openBlock(), createElementBlock(Fragment, {
|
|
1760
1756
|
key: 0
|
|
1761
1757
|
}, [selectedItemsRef.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$7, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotOptions))), () => [createElementVNode("div", {
|
|
1762
1758
|
class: "select-text",
|
|
@@ -1765,7 +1761,7 @@ var _sfc_main$d = defineComponent({
|
|
|
1765
1761
|
}, null, 8, _hoisted_2$4)])])) : (openBlock(), createElementBlock("div", {
|
|
1766
1762
|
key: 1,
|
|
1767
1763
|
class: "select-result text-tips",
|
|
1768
|
-
textContent: toDisplayString(
|
|
1764
|
+
textContent: toDisplayString(_ctx.readonly ? "" : _ctx.placeholder || "请选择")
|
|
1769
1765
|
}, null, 8, _hoisted_3$3)), createVNode(_sfc_main$s, {
|
|
1770
1766
|
type: "arrow",
|
|
1771
1767
|
size: 24,
|
|
@@ -1814,7 +1810,7 @@ var _sfc_main$c = defineComponent({
|
|
|
1814
1810
|
}
|
|
1815
1811
|
return (_ctx, _cache) => {
|
|
1816
1812
|
return openBlock(), createElementBlock("div", {
|
|
1817
|
-
class: normalizeClass(["snail-switch", [switchModel.value ? "on" : "off",
|
|
1813
|
+
class: normalizeClass(["snail-switch", [switchModel.value ? "on" : "off", _ctx.readonly ? "readonly" : ""]]),
|
|
1818
1814
|
onClick: onSwitchChange
|
|
1819
1815
|
}, _cache[0] || (_cache[0] = [createElementVNode("div", {
|
|
1820
1816
|
class: "on"
|
|
@@ -1863,7 +1859,6 @@ var _sfc_main$b = defineComponent({
|
|
|
1863
1859
|
let {
|
|
1864
1860
|
emit: __emit
|
|
1865
1861
|
} = _ref;
|
|
1866
|
-
const props = __props;
|
|
1867
1862
|
const emits = __emit;
|
|
1868
1863
|
const {
|
|
1869
1864
|
transition
|
|
@@ -1913,12 +1908,12 @@ var _sfc_main$b = defineComponent({
|
|
|
1913
1908
|
class: normalizeClass(["snail-fold", statusModel.value])
|
|
1914
1909
|
}, [createElementVNode("div", _hoisted_1$6, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("div", {
|
|
1915
1910
|
class: "title",
|
|
1916
|
-
textContent: toDisplayString(
|
|
1917
|
-
}, null, 8, _hoisted_2$3), !!
|
|
1911
|
+
textContent: toDisplayString(_ctx.title)
|
|
1912
|
+
}, null, 8, _hoisted_2$3), !!_ctx.subtitle ? (openBlock(), createElementBlock("div", {
|
|
1918
1913
|
key: 0,
|
|
1919
1914
|
class: "subtitle",
|
|
1920
|
-
textContent: toDisplayString(
|
|
1921
|
-
}, null, 8, _hoisted_3$2)) : createCommentVNode("", true),
|
|
1915
|
+
textContent: toDisplayString(_ctx.subtitle)
|
|
1916
|
+
}, null, 8, _hoisted_3$2)) : createCommentVNode("", true), _ctx.disabled != true ? (openBlock(), createElementBlock("div", _hoisted_4$2, [createVNode(_sfc_main$s, {
|
|
1922
1917
|
type: "arrow",
|
|
1923
1918
|
title: statusModel.value == "expand" ? "收起" : "展开",
|
|
1924
1919
|
onClick: onStatusClick
|
|
@@ -2059,13 +2054,12 @@ var _sfc_main$9 = defineComponent({
|
|
|
2059
2054
|
scroll: {}
|
|
2060
2055
|
},
|
|
2061
2056
|
setup(__props) {
|
|
2062
|
-
const props = __props;
|
|
2063
2057
|
return (_ctx, _cache) => {
|
|
2064
2058
|
return openBlock(), createElementBlock("div", {
|
|
2065
|
-
class: normalizeClass(["snail-layout",
|
|
2059
|
+
class: normalizeClass(["snail-layout", _ctx.mode])
|
|
2066
2060
|
}, [_ctx.$slots.start ? (openBlock(), createElementBlock("div", _hoisted_1$5, [renderSlot(_ctx.$slots, "start")])) : createCommentVNode("", true), createVNode(_sfc_main$a, mergeProps({
|
|
2067
2061
|
class: "layout-body"
|
|
2068
|
-
},
|
|
2062
|
+
}, _ctx.scroll), {
|
|
2069
2063
|
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
2070
2064
|
_: 3
|
|
2071
2065
|
}, 16), _ctx.$slots.end ? (openBlock(), createElementBlock("div", _hoisted_2$2, [renderSlot(_ctx.$slots, "end")])) : createCommentVNode("", true)], 2);
|
|
@@ -2181,10 +2175,10 @@ var _sfc_main$7 = defineComponent({
|
|
|
2181
2175
|
return (_ctx, _cache) => {
|
|
2182
2176
|
return openBlock(), createBlock(_sfc_main$a, {
|
|
2183
2177
|
class: normalizeClass(["snail-table", {
|
|
2184
|
-
"start-border":
|
|
2178
|
+
"start-border": _ctx.border == true
|
|
2185
2179
|
}]),
|
|
2186
|
-
"scroll-x":
|
|
2187
|
-
"scroll-y":
|
|
2180
|
+
"scroll-x": _ctx.scrollX,
|
|
2181
|
+
"scroll-y": _ctx.scrollY
|
|
2188
2182
|
}, {
|
|
2189
2183
|
default: withCtx(() => [createElementVNode("div", {
|
|
2190
2184
|
class: "table-header",
|
|
@@ -2261,7 +2255,7 @@ var _sfc_main$5 = defineComponent({
|
|
|
2261
2255
|
const styleRef = computed(() => css.buildStyle(props));
|
|
2262
2256
|
return (_ctx, _cache) => {
|
|
2263
2257
|
return openBlock(), createElementBlock("div", {
|
|
2264
|
-
class: normalizeClass(["table-col",
|
|
2258
|
+
class: normalizeClass(["table-col", _ctx.textAlign]),
|
|
2265
2259
|
style: normalizeStyle(styleRef.value)
|
|
2266
2260
|
}, [renderSlot(_ctx.$slots, "default")], 6);
|
|
2267
2261
|
};
|
|
@@ -2466,20 +2460,20 @@ var _sfc_main$3 = defineComponent({
|
|
|
2466
2460
|
emits("click", node, parents);
|
|
2467
2461
|
}
|
|
2468
2462
|
return (_ctx, _cache) => {
|
|
2469
|
-
return openBlock(), createElementBlock("div", _hoisted_1$2, [
|
|
2463
|
+
return openBlock(), createElementBlock("div", _hoisted_1$2, [_ctx.search ? (openBlock(), createBlock(_sfc_main$o, mergeProps({
|
|
2470
2464
|
key: 0
|
|
2471
|
-
},
|
|
2465
|
+
}, _ctx.search, {
|
|
2472
2466
|
onSearch
|
|
2473
2467
|
}), null, 16)) : createCommentVNode("", true), createVNode(_sfc_main$a, {
|
|
2474
2468
|
"scroll-y": true
|
|
2475
2469
|
}, {
|
|
2476
|
-
default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(
|
|
2470
|
+
default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.nodes || [], node => {
|
|
2477
2471
|
return openBlock(), createBlock(_sfc_main$4, {
|
|
2478
2472
|
key: unref(context).getKey(node),
|
|
2479
2473
|
node,
|
|
2480
2474
|
parent: void 0,
|
|
2481
2475
|
level: 1,
|
|
2482
|
-
options:
|
|
2476
|
+
options: _ctx.nodeOptions,
|
|
2483
2477
|
context: unref(context),
|
|
2484
2478
|
onClick: onTreeNodeClick
|
|
2485
2479
|
}, {
|
|
@@ -2513,11 +2507,10 @@ var _sfc_main$2 = defineComponent({
|
|
|
2513
2507
|
let {
|
|
2514
2508
|
emit: __emit
|
|
2515
2509
|
} = _ref;
|
|
2516
|
-
const props = __props;
|
|
2517
2510
|
const emits = __emit;
|
|
2518
2511
|
return (_ctx, _cache) => {
|
|
2519
2512
|
return openBlock(), createElementBlock("div", {
|
|
2520
|
-
class: normalizeClass(["snail-wrapper",
|
|
2513
|
+
class: normalizeClass(["snail-wrapper", _ctx.inPopup ? "in-popup" : "in-normal"])
|
|
2521
2514
|
}, [_ctx.header && _ctx.header.disabled != true ? (openBlock(), createBlock(_sfc_main$p, mergeProps({
|
|
2522
2515
|
key: 0
|
|
2523
2516
|
}, _ctx.header || {
|
|
@@ -2609,21 +2602,21 @@ var _sfc_main$1 = defineComponent({
|
|
|
2609
2602
|
return (_ctx, _cache) => {
|
|
2610
2603
|
return openBlock(), createElementBlock("div", {
|
|
2611
2604
|
class: normalizeClass(["snail-input", {
|
|
2612
|
-
"readonly":
|
|
2605
|
+
"readonly": _ctx.readonly
|
|
2613
2606
|
}])
|
|
2614
|
-
}, [!!
|
|
2607
|
+
}, [!!_ctx.title ? (openBlock(), createElementBlock("div", {
|
|
2615
2608
|
key: 0,
|
|
2616
2609
|
class: "input-title",
|
|
2617
2610
|
style: normalizeStyle(titleStyleRef.value)
|
|
2618
2611
|
}, [createElementVNode("span", {
|
|
2619
2612
|
class: "text",
|
|
2620
|
-
textContent: toDisplayString(
|
|
2621
|
-
}, null, 8, _hoisted_1$1),
|
|
2613
|
+
textContent: toDisplayString(_ctx.title)
|
|
2614
|
+
}, null, 8, _hoisted_1$1), _ctx.readonly != true && _ctx.required == true ? (openBlock(), createElementBlock("span", _hoisted_2)) : createCommentVNode("", true)], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3, [createElementVNode("input", {
|
|
2622
2615
|
ref: "input-el",
|
|
2623
|
-
type:
|
|
2616
|
+
type: _ctx.type || "text",
|
|
2624
2617
|
value: inputModel.value,
|
|
2625
|
-
readonly:
|
|
2626
|
-
placeholder:
|
|
2618
|
+
readonly: _ctx.readonly == true,
|
|
2619
|
+
placeholder: _ctx.placeholder,
|
|
2627
2620
|
title: inputModel.value,
|
|
2628
2621
|
onChange: onValueChange,
|
|
2629
2622
|
onClick: _cache[0] || (_cache[0] = $event => emits("click"))
|
package/dist/snail.vue.umd.js
CHANGED
|
@@ -16,10 +16,9 @@
|
|
|
16
16
|
type: {}
|
|
17
17
|
},
|
|
18
18
|
setup(__props) {
|
|
19
|
-
const props = __props;
|
|
20
19
|
return (_ctx, _cache) => {
|
|
21
20
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
22
|
-
class: vue.normalizeClass(["snail-button", [
|
|
21
|
+
class: vue.normalizeClass(["snail-button", [_ctx.size, _ctx.type]])
|
|
23
22
|
}, [vue.renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = vue.createTextVNode("按钮"))])], 2);
|
|
24
23
|
};
|
|
25
24
|
}
|
|
@@ -169,25 +168,25 @@
|
|
|
169
168
|
}
|
|
170
169
|
return (_ctx, _cache) => {
|
|
171
170
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
172
|
-
class: vue.normalizeClass(["snail-choose",
|
|
171
|
+
class: vue.normalizeClass(["snail-choose", _ctx.readonly ? "readonly" : ""])
|
|
173
172
|
}, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(chooseItemsRef.value, (item, index) => {
|
|
174
173
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
175
174
|
key: item.key,
|
|
176
175
|
class: vue.normalizeClass(["choose-item", item.checked ? "checked" : ""]),
|
|
177
|
-
style: vue.normalizeStyle(vue.unref(snail_view.css).buildStyle(
|
|
176
|
+
style: vue.normalizeStyle(vue.unref(snail_view.css).buildStyle(_ctx.itemStyle)),
|
|
178
177
|
onClick: $event => onItemClick(item)
|
|
179
178
|
}, [vue.unref(mode) == "native" ? (vue.openBlock(), vue.createElementBlock("input", {
|
|
180
179
|
key: 0,
|
|
181
|
-
type:
|
|
180
|
+
type: _ctx.type,
|
|
182
181
|
checked: item.checked
|
|
183
182
|
}, null, 8, _hoisted_2$9)) : vue.unref(mode) == "beautiful" ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
184
183
|
key: 1,
|
|
185
|
-
class: vue.normalizeClass(["item-beautiful", [
|
|
184
|
+
class: vue.normalizeClass(["item-beautiful", [_ctx.type, item.checked ? "item-checked" : "item-unchecked"]])
|
|
186
185
|
}, [item.checked ? (vue.openBlock(), vue.createBlock(_sfc_main$s, {
|
|
187
186
|
key: 0,
|
|
188
187
|
type: "success",
|
|
189
188
|
size: 12,
|
|
190
|
-
color:
|
|
189
|
+
color: _ctx.readonly ? "#8a9099" : "white"
|
|
191
190
|
}, null, 8, ["color"])) : vue.createCommentVNode("", true)], 2)) : vue.createCommentVNode("", true), item.text ? (vue.openBlock(), vue.createElementBlock("span", {
|
|
192
191
|
key: 2,
|
|
193
192
|
class: "item-text",
|
|
@@ -227,25 +226,24 @@
|
|
|
227
226
|
let {
|
|
228
227
|
emit: __emit
|
|
229
228
|
} = _ref;
|
|
230
|
-
const props = __props;
|
|
231
229
|
const emits = __emit;
|
|
232
230
|
return (_ctx, _cache) => {
|
|
233
231
|
return vue.openBlock(), vue.createElementBlock("footer", {
|
|
234
232
|
class: vue.normalizeClass(["snail-footer", {
|
|
235
|
-
"start-divider":
|
|
236
|
-
},
|
|
237
|
-
}, [vue.renderSlot(_ctx.$slots, "default", {}, () => [
|
|
233
|
+
"start-divider": _ctx.divider
|
|
234
|
+
}, _ctx.align || "right"])
|
|
235
|
+
}, [vue.renderSlot(_ctx.$slots, "default", {}, () => [_ctx.cancelDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
|
|
238
236
|
key: 0,
|
|
239
237
|
size: "max",
|
|
240
238
|
type: "default",
|
|
241
239
|
onClick: _cache[0] || (_cache[0] = $event => emits("cancel")),
|
|
242
|
-
textContent: vue.toDisplayString(
|
|
243
|
-
}, null, 8, ["textContent"])) : vue.createCommentVNode("", true),
|
|
240
|
+
textContent: vue.toDisplayString(_ctx.cancelName || "取消")
|
|
241
|
+
}, null, 8, ["textContent"])) : vue.createCommentVNode("", true), _ctx.confirmDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
|
|
244
242
|
key: 1,
|
|
245
243
|
size: "max",
|
|
246
244
|
type: "primary",
|
|
247
245
|
onClick: _cache[1] || (_cache[1] = $event => emits("confirm")),
|
|
248
|
-
textContent: vue.toDisplayString(
|
|
246
|
+
textContent: vue.toDisplayString(_ctx.confirmName || "确定")
|
|
249
247
|
}, null, 8, ["textContent"])) : vue.createCommentVNode("", true)])], 2);
|
|
250
248
|
};
|
|
251
249
|
}
|
|
@@ -343,11 +341,11 @@
|
|
|
343
341
|
}
|
|
344
342
|
return (_ctx, _cache) => {
|
|
345
343
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
346
|
-
class: vue.normalizeClass(["snail-search",
|
|
344
|
+
class: vue.normalizeClass(["snail-search", _ctx.readonly ? "readonly" : ""])
|
|
347
345
|
}, [vue.withDirectives(vue.createElementVNode("input", {
|
|
348
346
|
type: "search",
|
|
349
|
-
placeholder:
|
|
350
|
-
readonly:
|
|
347
|
+
placeholder: _ctx.placeholder,
|
|
348
|
+
readonly: _ctx.readonly,
|
|
351
349
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = $event => textModel.value = $event),
|
|
352
350
|
onKeyup: _cache[1] || (_cache[1] = $event => onSearch($event))
|
|
353
351
|
}, null, 40, _hoisted_1$c), [[vue.vModelText, textModel.value, void 0, {
|
|
@@ -603,23 +601,22 @@
|
|
|
603
601
|
}
|
|
604
602
|
},
|
|
605
603
|
setup(__props) {
|
|
606
|
-
const props = __props;
|
|
607
604
|
return (_ctx, _cache) => {
|
|
608
605
|
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [vue.createVNode(_sfc_main$p, {
|
|
609
606
|
"use-to": "dialog",
|
|
610
|
-
title:
|
|
611
|
-
onClose: _cache[0] || (_cache[0] = $event =>
|
|
607
|
+
title: _ctx.title || "提示",
|
|
608
|
+
onClose: _cache[0] || (_cache[0] = $event => _ctx.closePopup(false))
|
|
612
609
|
}, null, 8, ["title"]), vue.createElementVNode("div", {
|
|
613
610
|
class: "confirm-body",
|
|
614
|
-
innerHTML:
|
|
611
|
+
innerHTML: _ctx.message || "请确认?"
|
|
615
612
|
}, null, 8, _hoisted_2$8), vue.createVNode(_sfc_main$q, {
|
|
616
613
|
align: "right",
|
|
617
|
-
"cancel-name":
|
|
618
|
-
"cancel-disabled":
|
|
619
|
-
"confirm-name":
|
|
620
|
-
"confirm-disabled":
|
|
621
|
-
onCancel: _cache[1] || (_cache[1] = $event =>
|
|
622
|
-
onConfirm: _cache[2] || (_cache[2] = $event =>
|
|
614
|
+
"cancel-name": _ctx.cancelName,
|
|
615
|
+
"cancel-disabled": _ctx.cancelDisabled,
|
|
616
|
+
"confirm-name": _ctx.confirmName,
|
|
617
|
+
"confirm-disabled": _ctx.confirmDisabled,
|
|
618
|
+
onCancel: _cache[1] || (_cache[1] = $event => _ctx.closePopup(false)),
|
|
619
|
+
onConfirm: _cache[2] || (_cache[2] = $event => _ctx.closePopup(true))
|
|
623
620
|
}, null, 8, ["cancel-name", "cancel-disabled", "confirm-name", "confirm-disabled"])]);
|
|
624
621
|
};
|
|
625
622
|
}
|
|
@@ -1328,14 +1325,13 @@
|
|
|
1328
1325
|
imageUrl: {}
|
|
1329
1326
|
},
|
|
1330
1327
|
setup(__props) {
|
|
1331
|
-
const props = __props;
|
|
1332
1328
|
const defaultImageBase64 = getNoDataBase64Image();
|
|
1333
1329
|
return (_ctx, _cache) => {
|
|
1334
1330
|
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [vue.createElementVNode("img", {
|
|
1335
|
-
src:
|
|
1331
|
+
src: _ctx.imageUrl || vue.unref(defaultImageBase64)
|
|
1336
1332
|
}, null, 8, _hoisted_2$6), vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createElementVNode("div", {
|
|
1337
1333
|
class: "message",
|
|
1338
|
-
textContent: vue.toDisplayString(
|
|
1334
|
+
textContent: vue.toDisplayString(_ctx.message || "无数据")
|
|
1339
1335
|
}, null, 8, _hoisted_3$5)])]);
|
|
1340
1336
|
};
|
|
1341
1337
|
}
|
|
@@ -1754,11 +1750,11 @@
|
|
|
1754
1750
|
return (_ctx, _cache) => {
|
|
1755
1751
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
1756
1752
|
class: vue.normalizeClass(["snail-select", {
|
|
1757
|
-
"readonly":
|
|
1753
|
+
"readonly": _ctx.readonly
|
|
1758
1754
|
}]),
|
|
1759
1755
|
onClick: _cache[0] || (_cache[0] = $event => onClick()),
|
|
1760
1756
|
ref: "select"
|
|
1761
|
-
}, [
|
|
1757
|
+
}, [_ctx.items && _ctx.items.length > 0 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
|
|
1762
1758
|
key: 0
|
|
1763
1759
|
}, [selectedItemsRef.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(slotOptions))), () => [vue.createElementVNode("div", {
|
|
1764
1760
|
class: "select-text",
|
|
@@ -1767,7 +1763,7 @@
|
|
|
1767
1763
|
}, null, 8, _hoisted_2$4)])])) : (vue.openBlock(), vue.createElementBlock("div", {
|
|
1768
1764
|
key: 1,
|
|
1769
1765
|
class: "select-result text-tips",
|
|
1770
|
-
textContent: vue.toDisplayString(
|
|
1766
|
+
textContent: vue.toDisplayString(_ctx.readonly ? "" : _ctx.placeholder || "请选择")
|
|
1771
1767
|
}, null, 8, _hoisted_3$3)), vue.createVNode(_sfc_main$s, {
|
|
1772
1768
|
type: "arrow",
|
|
1773
1769
|
size: 24,
|
|
@@ -1816,7 +1812,7 @@
|
|
|
1816
1812
|
}
|
|
1817
1813
|
return (_ctx, _cache) => {
|
|
1818
1814
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
1819
|
-
class: vue.normalizeClass(["snail-switch", [switchModel.value ? "on" : "off",
|
|
1815
|
+
class: vue.normalizeClass(["snail-switch", [switchModel.value ? "on" : "off", _ctx.readonly ? "readonly" : ""]]),
|
|
1820
1816
|
onClick: onSwitchChange
|
|
1821
1817
|
}, _cache[0] || (_cache[0] = [vue.createElementVNode("div", {
|
|
1822
1818
|
class: "on"
|
|
@@ -1865,7 +1861,6 @@
|
|
|
1865
1861
|
let {
|
|
1866
1862
|
emit: __emit
|
|
1867
1863
|
} = _ref;
|
|
1868
|
-
const props = __props;
|
|
1869
1864
|
const emits = __emit;
|
|
1870
1865
|
const {
|
|
1871
1866
|
transition
|
|
@@ -1915,12 +1910,12 @@
|
|
|
1915
1910
|
class: vue.normalizeClass(["snail-fold", statusModel.value])
|
|
1916
1911
|
}, [vue.createElementVNode("div", _hoisted_1$6, [vue.renderSlot(_ctx.$slots, "header", {}, () => [vue.createElementVNode("div", {
|
|
1917
1912
|
class: "title",
|
|
1918
|
-
textContent: vue.toDisplayString(
|
|
1919
|
-
}, null, 8, _hoisted_2$3), !!
|
|
1913
|
+
textContent: vue.toDisplayString(_ctx.title)
|
|
1914
|
+
}, null, 8, _hoisted_2$3), !!_ctx.subtitle ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
1920
1915
|
key: 0,
|
|
1921
1916
|
class: "subtitle",
|
|
1922
|
-
textContent: vue.toDisplayString(
|
|
1923
|
-
}, null, 8, _hoisted_3$2)) : vue.createCommentVNode("", true),
|
|
1917
|
+
textContent: vue.toDisplayString(_ctx.subtitle)
|
|
1918
|
+
}, null, 8, _hoisted_3$2)) : vue.createCommentVNode("", true), _ctx.disabled != true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$2, [vue.createVNode(_sfc_main$s, {
|
|
1924
1919
|
type: "arrow",
|
|
1925
1920
|
title: statusModel.value == "expand" ? "收起" : "展开",
|
|
1926
1921
|
onClick: onStatusClick
|
|
@@ -2061,13 +2056,12 @@
|
|
|
2061
2056
|
scroll: {}
|
|
2062
2057
|
},
|
|
2063
2058
|
setup(__props) {
|
|
2064
|
-
const props = __props;
|
|
2065
2059
|
return (_ctx, _cache) => {
|
|
2066
2060
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
2067
|
-
class: vue.normalizeClass(["snail-layout",
|
|
2061
|
+
class: vue.normalizeClass(["snail-layout", _ctx.mode])
|
|
2068
2062
|
}, [_ctx.$slots.start ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [vue.renderSlot(_ctx.$slots, "start")])) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$a, vue.mergeProps({
|
|
2069
2063
|
class: "layout-body"
|
|
2070
|
-
},
|
|
2064
|
+
}, _ctx.scroll), {
|
|
2071
2065
|
default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default")]),
|
|
2072
2066
|
_: 3
|
|
2073
2067
|
}, 16), _ctx.$slots.end ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2, [vue.renderSlot(_ctx.$slots, "end")])) : vue.createCommentVNode("", true)], 2);
|
|
@@ -2183,10 +2177,10 @@
|
|
|
2183
2177
|
return (_ctx, _cache) => {
|
|
2184
2178
|
return vue.openBlock(), vue.createBlock(_sfc_main$a, {
|
|
2185
2179
|
class: vue.normalizeClass(["snail-table", {
|
|
2186
|
-
"start-border":
|
|
2180
|
+
"start-border": _ctx.border == true
|
|
2187
2181
|
}]),
|
|
2188
|
-
"scroll-x":
|
|
2189
|
-
"scroll-y":
|
|
2182
|
+
"scroll-x": _ctx.scrollX,
|
|
2183
|
+
"scroll-y": _ctx.scrollY
|
|
2190
2184
|
}, {
|
|
2191
2185
|
default: vue.withCtx(() => [vue.createElementVNode("div", {
|
|
2192
2186
|
class: "table-header",
|
|
@@ -2263,7 +2257,7 @@
|
|
|
2263
2257
|
const styleRef = vue.computed(() => snail_view.css.buildStyle(props));
|
|
2264
2258
|
return (_ctx, _cache) => {
|
|
2265
2259
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
2266
|
-
class: vue.normalizeClass(["table-col",
|
|
2260
|
+
class: vue.normalizeClass(["table-col", _ctx.textAlign]),
|
|
2267
2261
|
style: vue.normalizeStyle(styleRef.value)
|
|
2268
2262
|
}, [vue.renderSlot(_ctx.$slots, "default")], 6);
|
|
2269
2263
|
};
|
|
@@ -2468,20 +2462,20 @@
|
|
|
2468
2462
|
emits("click", node, parents);
|
|
2469
2463
|
}
|
|
2470
2464
|
return (_ctx, _cache) => {
|
|
2471
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
|
|
2465
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [_ctx.search ? (vue.openBlock(), vue.createBlock(_sfc_main$o, vue.mergeProps({
|
|
2472
2466
|
key: 0
|
|
2473
|
-
},
|
|
2467
|
+
}, _ctx.search, {
|
|
2474
2468
|
onSearch
|
|
2475
2469
|
}), null, 16)) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$a, {
|
|
2476
2470
|
"scroll-y": true
|
|
2477
2471
|
}, {
|
|
2478
|
-
default: vue.withCtx(() => [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(
|
|
2472
|
+
default: vue.withCtx(() => [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.nodes || [], node => {
|
|
2479
2473
|
return vue.openBlock(), vue.createBlock(_sfc_main$4, {
|
|
2480
2474
|
key: vue.unref(context).getKey(node),
|
|
2481
2475
|
node,
|
|
2482
2476
|
parent: void 0,
|
|
2483
2477
|
level: 1,
|
|
2484
|
-
options:
|
|
2478
|
+
options: _ctx.nodeOptions,
|
|
2485
2479
|
context: vue.unref(context),
|
|
2486
2480
|
onClick: onTreeNodeClick
|
|
2487
2481
|
}, {
|
|
@@ -2515,11 +2509,10 @@
|
|
|
2515
2509
|
let {
|
|
2516
2510
|
emit: __emit
|
|
2517
2511
|
} = _ref;
|
|
2518
|
-
const props = __props;
|
|
2519
2512
|
const emits = __emit;
|
|
2520
2513
|
return (_ctx, _cache) => {
|
|
2521
2514
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
2522
|
-
class: vue.normalizeClass(["snail-wrapper",
|
|
2515
|
+
class: vue.normalizeClass(["snail-wrapper", _ctx.inPopup ? "in-popup" : "in-normal"])
|
|
2523
2516
|
}, [_ctx.header && _ctx.header.disabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$p, vue.mergeProps({
|
|
2524
2517
|
key: 0
|
|
2525
2518
|
}, _ctx.header || {
|
|
@@ -2611,21 +2604,21 @@
|
|
|
2611
2604
|
return (_ctx, _cache) => {
|
|
2612
2605
|
return vue.openBlock(), vue.createElementBlock("div", {
|
|
2613
2606
|
class: vue.normalizeClass(["snail-input", {
|
|
2614
|
-
"readonly":
|
|
2607
|
+
"readonly": _ctx.readonly
|
|
2615
2608
|
}])
|
|
2616
|
-
}, [!!
|
|
2609
|
+
}, [!!_ctx.title ? (vue.openBlock(), vue.createElementBlock("div", {
|
|
2617
2610
|
key: 0,
|
|
2618
2611
|
class: "input-title",
|
|
2619
2612
|
style: vue.normalizeStyle(titleStyleRef.value)
|
|
2620
2613
|
}, [vue.createElementVNode("span", {
|
|
2621
2614
|
class: "text",
|
|
2622
|
-
textContent: vue.toDisplayString(
|
|
2623
|
-
}, null, 8, _hoisted_1$1),
|
|
2615
|
+
textContent: vue.toDisplayString(_ctx.title)
|
|
2616
|
+
}, null, 8, _hoisted_1$1), _ctx.readonly != true && _ctx.required == true ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2)) : vue.createCommentVNode("", true)], 4)) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_3, [vue.createElementVNode("input", {
|
|
2624
2617
|
ref: "input-el",
|
|
2625
|
-
type:
|
|
2618
|
+
type: _ctx.type || "text",
|
|
2626
2619
|
value: inputModel.value,
|
|
2627
|
-
readonly:
|
|
2628
|
-
placeholder:
|
|
2620
|
+
readonly: _ctx.readonly == true,
|
|
2621
|
+
placeholder: _ctx.placeholder,
|
|
2629
2622
|
title: inputModel.value,
|
|
2630
2623
|
onChange: onValueChange,
|
|
2631
2624
|
onClick: _cache[0] || (_cache[0] = $event => emits("click"))
|
|
@@ -2,56 +2,56 @@
|
|
|
2
2
|
.snail-button{align-items:center;border-radius:2px;cursor:pointer;display:flex;display:inline-flex;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.snail-button.max{height:40px;width:120px}.snail-button.middle{height:32px;width:90px}.snail-button.normal{height:28px;width:54px}.snail-button.small{height:20px;width:30px}.snail-button.primary{background-color:#5ca3ff;color:#fff}.snail-button.default{background-color:#fff;border:1px solid #dddfed;color:#2e2f33}.snail-button.link{color:#4c9aff}
|
|
3
3
|
/* src:base\choose.vue index:0 */
|
|
4
4
|
.snail-choose{align-items:center;display:flex;flex-wrap:wrap;overflow-x:hidden}.snail-choose>div.choose-item{align-items:center;cursor:pointer;display:flex;flex-shrink:0;margin:0 8px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.snail-choose>div.choose-item:first-child{margin-left:0}.snail-choose>div.choose-item:after{content:"";height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.snail-choose>div.choose-item>input::checkmark{background-color:#2196f3;border-color:#2196f3}.snail-choose>div.choose-item>div.item-beautiful{align-items:center;display:flex;flex-shrink:0;justify-content:center;overflow:hidden}.snail-choose>div.choose-item>div.item-beautiful.radio{border-radius:50%;height:16px;width:16px}.snail-choose>div.choose-item>div.item-beautiful.checkbox{height:14px;width:14px}.snail-choose>div.choose-item>div.item-beautiful.item-unchecked{border:1px solid #8a9099}.snail-choose>div.choose-item>div.item-beautiful.item-checked{background-color:#4c9aff;border:1px solid #4c9aff}.snail-choose>div.choose-item>span{margin-left:4px}.snail-choose>div.choose-item>span.item-des{color:#8a9099}.snail-choose.readonly>div.choose-item{cursor:auto}.snail-choose.readonly>div.choose-item>div.item-beautiful.item-unchecked{opacity:.5}.snail-choose.readonly>div.choose-item>div.item-beautiful.item-checked{background-color:#d5d7db;border-color:#d5d7db}
|
|
5
|
+
/* src:base\header.vue index:0 */
|
|
6
|
+
.snail-header{align-items:center;background-color:#fff;display:flex;flex-shrink:0;position:relative;width:100%}.snail-header>.header-title{color:#2e3033;flex:1;line-height:48px;overflow:hidden;padding:0 30px;text-overflow:ellipsis;white-space:nowrap;width:100%}.snail-header>.header-title.left{text-align:left}.snail-header>.header-title.center{text-align:center}.snail-header>.header-title.right{text-align:right}.snail-header.start-divider{border-bottom:1px solid #dddfed}.snail-header.page{height:48px}.snail-header.page>.header-title{font-size:16px;font-weight:bold}.snail-header.page>.close-icon{margin-right:18px}.snail-header.dialog{height:64px;padding-top:16px}.snail-header.dialog>.header-title{font-size:20px}.snail-header.dialog>.close-icon{position:absolute;right:8px;top:8px}
|
|
5
7
|
/* src:base\footer.vue index:0 */
|
|
6
8
|
.snail-footer{align-items:center;background-color:#fff;display:flex;flex-shrink:0;height:72px;padding:0 40px;width:100%}.snail-footer>.snail-button:nth-child(n+2){margin-left:20px}.snail-footer.start-divider{border-top:1px solid #dddfed}.snail-footer.left{justify-content:flex-start}.snail-footer.center{justify-content:center}.snail-footer.right{justify-content:flex-end}
|
|
7
|
-
/* src:base\search.vue index:0 */
|
|
8
|
-
.snail-search{align-items:center;background:#fff;display:flex;flex-shrink:0;height:34px}.snail-search>input{border-radius:0!important;flex:1;height:100%}.snail-search>div{align-items:center;border:1px solid #dddfed;border-left:none;display:flex;flex-shrink:0;height:100%;justify-content:center;width:34px}
|
|
9
9
|
/* src:base\icon.vue index:0 */
|
|
10
10
|
.snail-icon{cursor:pointer;opacity:1}
|
|
11
|
-
/* src:base\
|
|
12
|
-
.snail-
|
|
11
|
+
/* src:base\search.vue index:0 */
|
|
12
|
+
.snail-search{align-items:center;background:#fff;display:flex;flex-shrink:0;height:34px}.snail-search>input{border-radius:0!important;flex:1;height:100%}.snail-search>div{align-items:center;border:1px solid #dddfed;border-left:none;display:flex;flex-shrink:0;height:100%;justify-content:center;width:34px}
|
|
13
13
|
/* src:base\select.vue index:0 */
|
|
14
14
|
.snail-select{align-items:center;background-color:#fff;border:1px solid #dddfed;border-radius:4px;color:#2e3033;cursor:pointer;display:flex;height:32px;width:100%}.snail-select>div.select-result{align-items:center;display:flex;flex:1;flex-wrap:nowrap;height:30px;overflow:hidden;padding:0 10px 0 6px}.snail-select>div.select-result>div.select-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.snail-select>svg.snail-icon{flex-shrink:0;margin-right:4px}.snail-select>div.no-items{align-items:center;cursor:text;display:flex;height:100%;padding:0 8px;width:100%}.snail-select.readonly{cursor:auto}.snail-select.readonly>svg.snail-icon{display:none}
|
|
15
|
-
/* src:container\dynamic.vue index:0 */
|
|
16
|
-
.snail-dynamic-error{color:red}.snail-dynamic-error>span{color:gray}
|
|
17
15
|
/* src:base\switch.vue index:0 */
|
|
18
16
|
.snail-switch{border-radius:10px 10px 10px 10px;cursor:pointer;height:20px!important;overflow:hidden;position:relative;width:36px!important}.snail-switch>div{height:100%;width:100%}.snail-switch>div.on{background-color:#5ca3ff}.snail-switch>div.off{background-color:#c4c8cc;position:absolute;transition:left .2s ease}.snail-switch>div.status{background:#fff;border-radius:10px 10px 10px 10px;height:16px;position:absolute;top:2px;transition:left .2s ease;width:16px}.snail-switch.on>div.off{left:100%;top:0}.snail-switch.on>div.status{left:calc(100% - 18px)}.snail-switch.off>div.off{left:0;top:0}.snail-switch.off>div.status{left:2px}.snail-switch.readonly{cursor:not-allowed}
|
|
17
|
+
/* src:container\dynamic.vue index:0 */
|
|
18
|
+
.snail-dynamic-error{color:red}.snail-dynamic-error>span{color:gray}
|
|
19
19
|
/* src:container\fold.vue index:0 */
|
|
20
20
|
.snail-fold{flex-shrink:0}.snail-fold>div.fold-header{align-items:center;display:flex;height:32px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.snail-fold>div.fold-header:before{background-color:#2c97fb;content:"";height:18px;left:0;position:absolute;top:7px;width:4px}.snail-fold>div.fold-header>.subtitle,.snail-fold>div.fold-header>.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.snail-fold>div.fold-header>.title{color:#2e3033;font-weight:bold;padding-left:20px}.snail-fold>div.fold-header>.subtitle{color:#8a9099;font-size:13px}.snail-fold>div.fold-header>div.status{align-items:flex-end;display:flex;flex:1;justify-content:flex-end}.snail-fold>div.fold-header>div.status>svg.snail-icon{transition:transform .2s ease}.snail-fold>div.fold-body{padding-left:20px}.snail-fold.expand>div.fold-header>div.status>svg.snail-icon{transform:rotate(-90deg)}.snail-fold.fold>div.fold-header>div.status>svg.snail-icon{transform:rotate(90deg)}
|
|
21
|
-
/* src:container\scroll.vue index:0 */
|
|
22
|
-
.snail-scroll{overflow:hidden}.snail-scroll.scroll-x{overflow-x:auto}.snail-scroll.scroll-y{overflow-y:auto}
|
|
23
21
|
/* src:container\layout.vue index:0 */
|
|
24
22
|
.snail-layout{display:flex;height:100%;overflow:hidden;width:100%}.snail-layout>.layout-end,.snail-layout>.layout-start{flex-shrink:0}.snail-layout>.layout-body{flex:1}.snail-layout.horizontal{flex-direction:row}.snail-layout.horizontal>div{height:100%}.snail-layout.horizontal>.layout-end,.snail-layout.horizontal>.layout-start{width:-moz-fit-content;width:fit-content}.snail-layout.vertical{flex-direction:column}.snail-layout.vertical>div{width:100%}.snail-layout.vertical>.layout-end,.snail-layout.vertical>.layout-start{height:-moz-fit-content;height:fit-content}
|
|
25
|
-
/* src:container\table.vue index:0 */
|
|
26
|
-
.snail-table{display:flex;flex-direction:column}.snail-table>div.table-footer,.snail-table>div.table-header{align-items:center;display:flex;flex-shrink:0;width:100%}.snail-table>div.table-header{background-color:#fff;position:sticky!important;top:0;z-index:1}.snail-table>div.table-body{flex:1;width:100%}.snail-table.start-border>div.table-body>.table-row>.table-col:nth-child(n+2),.snail-table.start-border>div.table-footer>.table-col:nth-child(n+2),.snail-table.start-border>div.table-header>.table-col:nth-child(n+2){border-left:none!important}.snail-table.start-border>div.table-body>.table-row>.table-col,.snail-table.start-border>div.table-footer>.table-col{border-top:none!important}
|
|
27
23
|
/* src:container\sort.vue index:0 */
|
|
28
24
|
.snail-sort-drag{background:#fff;border:1px solid #4c9aff;border-radius:4px;cursor:move}.snail-sort-ghost{border:1px dashed #4c9aff;border-radius:4px}
|
|
29
|
-
/* src:container\
|
|
30
|
-
.
|
|
25
|
+
/* src:container\scroll.vue index:0 */
|
|
26
|
+
.snail-scroll{overflow:hidden}.snail-scroll.scroll-x{overflow-x:auto}.snail-scroll.scroll-y{overflow-y:auto}
|
|
27
|
+
/* src:container\table.vue index:0 */
|
|
28
|
+
.snail-table{display:flex;flex-direction:column}.snail-table>div.table-footer,.snail-table>div.table-header{align-items:center;display:flex;flex-shrink:0;width:100%}.snail-table>div.table-header{background-color:#fff;position:sticky!important;top:0;z-index:1}.snail-table>div.table-body{flex:1;width:100%}.snail-table.start-border>div.table-body>.table-row>.table-col:nth-child(n+2),.snail-table.start-border>div.table-footer>.table-col:nth-child(n+2),.snail-table.start-border>div.table-header>.table-col:nth-child(n+2){border-left:none!important}.snail-table.start-border>div.table-body>.table-row>.table-col,.snail-table.start-border>div.table-footer>.table-col{border-top:none!important}
|
|
31
29
|
/* src:container\tree.vue index:0 */
|
|
32
30
|
.snail-tree{background-color:#fff;display:flex;flex-direction:column}.snail-tree .snail-search{flex-shrink:0;margin:12px}.snail-tree .snail-scroll{flex:1}
|
|
31
|
+
/* src:container\components\table-row.vue index:0 */
|
|
32
|
+
.table-row{align-items:center;display:flex}
|
|
33
33
|
/* src:container\components\table-col.vue index:0 */
|
|
34
34
|
.table-col{align-items:center;display:flex;height:100%;white-space:nowrap}.table-col.left{justify-content:flex-start}.table-col.center{justify-content:center}.table-col.right{justify-content:flex-end}
|
|
35
35
|
/* src:container\wrapper.vue index:0 */
|
|
36
36
|
.snail-wrapper{background-color:#fff;display:flex;flex-direction:column}.snail-wrapper>.snail-scroll{flex:1}.snail-wrapper.in-normal{flex:1;height:100%;overflow:hidden;width:100%}.snail-wrapper.in-popup{height:80%;min-width:800px;overflow:hidden;width:60%}
|
|
37
37
|
/* src:form\input.vue index:0 */
|
|
38
38
|
.snail-input{display:inline-flex;min-height:34px}.snail-input>.input-title{flex-shrink:0;padding-top:6px}.snail-input>.input-title>span.text{color:#2e3033}.snail-input>.input-title>span.required{color:#f74b4b;margin-left:2px}.snail-input>.input-body{align-self:start;display:flex;flex:1;height:32px}.snail-input>.input-body>input{flex:1}.snail-input>.input-body>span{background-color:red;flex-shrink:0}
|
|
39
|
-
/* src:prompt\loading.vue index:0 */
|
|
40
|
-
.snail-loading{height:100%;left:0;position:absolute;top:0;width:100%;z-index:10000}.snail-loading.show-mask{background-color:rgba(0,0,0,.15)}.snail-loading:after,.snail-loading:before{animation:snail-loading-stretch 1s ease-in-out infinite;border-radius:50%;content:"";display:block;display:inline-block;height:10px;left:50%;margin-left:-18px;margin-top:-6px;position:absolute;top:50%;width:10px}.snail-loading:before{background-color:#279bf1}.snail-loading:after{animation-delay:-.5s;background:#64d214;margin-left:0;margin-right:-18px}@keyframes snail-loading-stretch{0%,to{transform:scale(1)}50%{transform:scale(2)}}.snail-loading-enter-active,.snail-loading-leave-active{transition:opacity .3s ease-in-out}.snail-loading-enter-from,.snail-loading-leave-to{opacity:0}
|
|
41
39
|
/* src:prompt\empty.vue index:0 */
|
|
42
40
|
.snail-empty{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:150px;width:100%}.snail-empty>img{height:60px;width:60px}.snail-empty>div.message{color:#babdc2;font-weight:400;padding:0 10px 10px}
|
|
43
41
|
/* src:prompt\drag-verify.vue index:0 */
|
|
44
42
|
.snail-drag-verify{background:#f8f9fa;border:1px solid #dddfed;border-radius:8px;height:40px;overflow:hidden;position:relative;width:100%}.snail-drag-verify>div{height:100%;width:100%}.snail-drag-verify>.drag-progress{background-color:#0c6;transition:width .5s ease-in-out}.snail-drag-verify>.drag-handle,.snail-drag-verify>.verify-message{left:0;position:absolute;top:0;transition:left .5s ease-in-out}.snail-drag-verify>.verify-message{background-image:-webkit-linear-gradient(left,#666,#666 45%,#fff 50%,#666 55%,#666);-webkit-text-fill-color:transparent;align-items:center;animation:snail-drag-verify 2s linear infinite;-webkit-background-clip:text;background-clip:text;background-size:200% 100%;color:#7e848c;display:flex;font-size:12px;font-weight:400;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.snail-drag-verify>.drag-handle{align-items:center;background-color:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURQAAAGBQUGBaWmJZWWJYWGNYWGNZWWJYWGJZWWBYWGNYWGNZWWRYWIqwlb0AAAANdFJOUwAQMMDQoFBgcCCw4ECQ8pPMAAAAP0lEQVQI12NgwATTGBgawAwRBYZwMIPRiYErAcxSFmA0AjN4HBikBcCsUgYmQxQGE0wKphhIQrSzwAyEW4EOACHhB32zIad6AAAAAElFTkSuQmCC);background-position:50%;background-repeat:no-repeat;border-right:1px solid #dddfed;cursor:move;display:flex;justify-content:center;width:40px}.snail-drag-verify.dragging>.drag-handle,.snail-drag-verify.dragging>.drag-progress{transition:none!important}.snail-drag-verify.success>.verify-message{-webkit-text-fill-color:#fff;color:#fff}.snail-drag-verify.success>.drag-handle>svg{background:#76c61d;border-radius:50%;padding:4px}@keyframes snail-drag-verify{0%{background-position:0 0}to{background-position:-200% 0}}
|
|
43
|
+
/* src:prompt\loading.vue index:0 */
|
|
44
|
+
.snail-loading{height:100%;left:0;position:absolute;top:0;width:100%;z-index:10000}.snail-loading.show-mask{background-color:rgba(0,0,0,.15)}.snail-loading:after,.snail-loading:before{animation:snail-loading-stretch 1s ease-in-out infinite;border-radius:50%;content:"";display:block;display:inline-block;height:10px;left:50%;margin-left:-18px;margin-top:-6px;position:absolute;top:50%;width:10px}.snail-loading:before{background-color:#279bf1}.snail-loading:after{animation-delay:-.5s;background:#64d214;margin-left:0;margin-right:-18px}@keyframes snail-loading-stretch{0%,to{transform:scale(1)}50%{transform:scale(2)}}.snail-loading-enter-active,.snail-loading-leave-active{transition:opacity .3s ease-in-out}.snail-loading-enter-from,.snail-loading-leave-to{opacity:0}
|
|
45
45
|
/* src:popup\components\confirm-container.vue index:0 */
|
|
46
46
|
.snail-confirm{background-color:#fff;border-radius:4px;color:#2e2f33;display:flex;flex-direction:column;max-height:350px;max-width:548px;min-width:348px}.snail-confirm>div.confirm-body{flex:1;margin:20px 40px;overflow:auto;word-wrap:break-word}
|
|
47
47
|
/* src:popup\components\dialog-container.vue index:0 */
|
|
48
48
|
.snail-dialog{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.snail-dialog:before{background-color:rgba(24,27,33,.45);content:"";height:100%;opacity:1;position:absolute;transition:opacity .4s ease-in-out;width:100%}.snail-dialog>.dialog-body{background-color:#fff;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.3);position:relative}.snail-dialog.unactive:before{opacity:0}.snail-dialog.unactive>.dialog-body{box-shadow:0 0 4px rgba(0,0,0,.3)}
|
|
49
49
|
/* src:popup\components\follow-container.vue index:0 */
|
|
50
50
|
.snail-follow{background-color:#fff;display:inline-block;max-height:100%;max-width:100%;position:fixed;transition-duration:.1s;transition-property:left,top;transition-timing-function:ease}.snail-follow.initial{top:100%;transition:none}
|
|
51
|
-
/* src:popup\components\popup-container.vue index:0 */
|
|
52
|
-
.snail-popup{left:0;position:fixed;top:0}
|
|
53
51
|
/* src:popup\components\toast-container.vue index:0 */
|
|
54
52
|
.snail-toast{background:rgba(0,0,0,.7);border-radius:10px;color:#fff;display:flex;left:50%;max-height:200px;max-width:400px;min-width:200px;overflow:hidden;padding:20px 35px 20px 15px;position:fixed;top:50%;transform:translate(-50%,-50%)}.snail-toast>svg.close-icon{position:absolute;right:10px;top:12px}.snail-toast>div.icon{align-items:center;align-self:center;background:hsla(0,0%,100%,.15);border-radius:50%;display:flex;height:26px;justify-content:center;margin-right:6px;width:26px}.snail-toast>div.icon>svg{background:#fff;border-radius:50%;cursor:none!important;padding:2px}.snail-toast>div.message{flex:1;line-height:24px;overflow:hidden;word-break:break-all}
|
|
53
|
+
/* src:popup\components\popup-container.vue index:0 */
|
|
54
|
+
.snail-popup{left:0;position:fixed;top:0}
|
|
55
55
|
/* src:container\components\tree-node.vue index:0 */
|
|
56
56
|
.snail-tree-node{align-items:center;display:flex;flex-wrap:nowrap;height:40px;width:100%}.snail-tree-node:hover{background-color:#f8f9fa}.snail-tree-node>.indent,.snail-tree-node>.node-slot,.snail-tree-node>.snail-icon{flex-shrink:0}.snail-tree-node>.node-fold{align-items:center;display:flex;height:100%;justify-content:center;width:24px}.snail-tree-node>.node-fold>.snail-icon{transition:transform .1s ease-in}.snail-tree-node>.node-fold>.snail-icon.fold{transform:rotate(-90deg)}.snail-tree-node>.node-slot,.snail-tree-node>.node-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snail-tree-node>.node-text{color:#2e3033;flex:1;min-width:30px}.snail-tree-node.clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.snail-tree-children{width:100%}.snail-tree-children.hidden{display:none;height:0;overflow:hidden}.snail-tree-node.level-1>.indent{padding-left:4px}.snail-tree-node.level-2>.indent{padding-left:24px}.snail-tree-node.level-3>.indent{padding-left:48px}.snail-tree-node.level-4>.indent{padding-left:72px}.snail-tree-node.level-5>.indent{padding-left:96px}.snail-tree-node.level-6>.indent{padding-left:120px}.snail-tree-node.level-7>.indent{padding-left:144px}.snail-tree-node.level-8>.indent{padding-left:168px}.snail-tree-node.level-9>.indent{padding-left:192px}.snail-tree-node.level-10>.indent{padding-left:216px}
|
|
57
57
|
/* src:base\components\select-popup.vue index:0 */
|