snail.vue 2.0.27 → 2.0.29
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.d.ts +1807 -1732
- package/dist/snail.vue.js +186 -137
- package/dist/snail.vue.umd.js +184 -135
- package/dist/styles/snail.vue.vue.css +6 -6
- package/package.json +1 -1
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/base/header.vue index:0 */
|
|
8
8
|
.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}.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}
|
|
9
9
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/base/icon.vue index:0 */
|
|
10
|
-
.snail-icon{fill:#8a8099;opacity:1;transition:all .2s linear}.snail-icon.button{cursor:pointer}
|
|
10
|
+
.snail-icon{--fill:#8a8099;--hover:#8a8099;fill:var(--fill);opacity:1;transition:all .2s linear}.snail-icon.button{cursor:pointer}@media (hover:hover) and (pointer:fine){.snail-icon:hover{fill:var(--hover)}}
|
|
11
11
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/base/input.vue index:0 */
|
|
12
12
|
.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}
|
|
13
13
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/base/number.vue index:0 */
|
|
@@ -30,10 +30,10 @@ textarea.snail-textarea{font-size:14px;line-height:1.5em;overflow-x:hidden;overf
|
|
|
30
30
|
.snail-elastic{background-color:#f6f8ff;overflow:hidden;position:relative}.snail-elastic>div.main-body{background-color:#fff;overflow:auto;overflow-anchor:none;position:relative;scroll-behavior:smooth;transition:transform .4s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform;z-index:1}.snail-elastic>div.main-body.moving{transition-property:none!important}.snail-elastic>div.down-refresh,.snail-elastic>div.up-more{left:0;overflow:hidden;position:absolute;width:100%}.snail-elastic>div.down-refresh>div.default-loading,.snail-elastic>div.up-more>div.default-loading{gap:6px;height:40px}@keyframes snail-elastic-pull-down{0%{opacity:.2}to{opacity:.8}}.snail-elastic>div.down-refresh>div.default-loading>span,.snail-elastic>div.up-more>div.default-loading>span{animation-direction:alternate;animation-duration:.8s;animation-iteration-count:infinite;animation-timing-function:linear;background-color:#000;border-radius:8px;height:8px;opacity:.2;width:8px}.snail-elastic>div.down-refresh>div.default-loading>span:nth-child(2),.snail-elastic>div.up-more>div.default-loading>span:nth-child(2){animation-delay:.4s}.snail-elastic>div.down-refresh>div.default-loading>span:nth-child(3),.snail-elastic>div.up-more>div.default-loading>span:nth-child(3){animation-delay:.8s}.snail-elastic>div.down-refresh.running>div.default-loading>span,.snail-elastic>div.up-more.running>div.default-loading>span{animation-name:snail-elastic-pull-down}.snail-elastic>div.down-refresh{top:0}.snail-elastic>div.up-more{bottom:0}
|
|
31
31
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/container/flex.vue index:0 */
|
|
32
32
|
.snail-flex{display:flex;--gap:0;gap:var(--gap)}.snail-flex.row{flex-direction:row}.snail-flex.row-reverse{flex-direction:row-reverse}.snail-flex.column{flex-direction:column}.snail-flex.column-reverse{flex-direction:column-reverse}.snail-flex.nowrap{flex-wrap:nowrap}.snail-flex.wrap{flex-wrap:wrap}.snail-flex.wrap-reverse{flex-wrap:wrap-reverse}.snail-flex.justify-start{justify-content:flex-start}.snail-flex.justify-center{justify-content:center}.snail-flex.justify-end{justify-content:flex-end}.snail-flex.justify-between{justify-content:space-between}.snail-flex.justify-around{justify-content:space-around}.snail-flex.justify-evenly{justify-content:space-evenly}.snail-flex.items-start{align-items:flex-start}.snail-flex.items-center{align-items:center}.snail-flex.items-end{align-items:flex-end}.snail-flex.items-stretch{align-items:stretch}.snail-flex.items-baseline{align-items:baseline}.snail-flex.content-start{align-content:flex-start}.snail-flex.content-center{align-content:center}.snail-flex.content-end{align-content:flex-end}.snail-flex.content-stretch{align-content:stretch}.snail-flex.content-between{align-content:space-between}.snail-flex.content-around{align-content:space-around}.snail-flex.content-evenly{align-content:space-evenly}.snail-flex.row-reverse>.repair-item,.snail-flex.row>.repair-item{height:0!important;padding-bottom:0!important;padding-top:0!important;visibility:hidden!important}.snail-flex.column-reverse,.snail-flex.column>.repair-item{padding-left:0!important;padding-right:0!important;visibility:hidden!important;width:0!important}
|
|
33
|
-
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/container/layout.vue index:0 */
|
|
34
|
-
.snail-layout{display:flex;flex-wrap:nowrap}.snail-layout,.snail-layout>div:not(.snail-scroll){overflow:hidden}.snail-layout>div.main-area{flex:1}.snail-layout.horizontal>div.left-area,.snail-layout.horizontal>div.right-area{flex-shrink:0;width:-moz-fit-content;width:fit-content}.snail-layout.vertical{flex-direction:column}.snail-layout.vertical>div.bottom-area,.snail-layout.vertical>div.top-area{flex-shrink:0;height:-moz-fit-content;height:fit-content}
|
|
35
33
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/container/fold.vue index:0 */
|
|
36
34
|
.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>.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-body{padding-left:20px}
|
|
35
|
+
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/container/layout.vue index:0 */
|
|
36
|
+
.snail-layout{display:flex;flex-wrap:nowrap}.snail-layout,.snail-layout>div:not(.snail-scroll){overflow:hidden}.snail-layout>div.main-area{flex:1}.snail-layout.horizontal>div.left-area,.snail-layout.horizontal>div.right-area{flex-shrink:0;width:-moz-fit-content;width:fit-content}.snail-layout.vertical{flex-direction:column}.snail-layout.vertical>div.bottom-area,.snail-layout.vertical>div.top-area{flex-shrink:0;height:-moz-fit-content;height:fit-content}
|
|
37
37
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/container/motion.vue index:0 */
|
|
38
38
|
|
|
39
39
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/container/scroll.vue index:0 */
|
|
@@ -53,9 +53,9 @@ textarea.snail-textarea{font-size:14px;line-height:1.5em;overflow-x:hidden;overf
|
|
|
53
53
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/other/flash-number.vue index:0 */
|
|
54
54
|
|
|
55
55
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/picker/date-picker.vue index:0 */
|
|
56
|
-
.snail-datepicker{height:32px;position:relative}.snail-datepicker>
|
|
56
|
+
.snail-datepicker{align-items:center;border-radius:4px;color:#2e3033;display:flex;gap:8px;height:32px;position:relative}.snail-datepicker>svg{flex-shrink:0;margin-right:8px}.snail-datepicker:not(.readonly){cursor:pointer}.snail-datepicker:not(.readonly)>span{padding-left:10px}.snail-datepicker:not(.simple){border:1px solid #dddfed;width:100%}.snail-datepicker.simple{width:-moz-fit-content;width:fit-content}.snail-datepicker.simple>span{padding-left:0}
|
|
57
57
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/picker/time-picker.vue index:0 */
|
|
58
|
-
.snail-timepicker{height:32px;position:relative}.snail-timepicker>
|
|
58
|
+
.snail-timepicker{align-items:center;border-radius:4px;color:#2e3033;display:flex;gap:8px;height:32px;position:relative}.snail-timepicker>svg{flex-shrink:0;margin-right:8px}.snail-timepicker:not(.readonly){cursor:pointer}.snail-timepicker:not(.readonly)>span{padding-left:10px}.snail-timepicker:not(.simple){border:1px solid #dddfed;width:100%}.snail-timepicker.simple{width:-moz-fit-content;width:fit-content}.snail-timepicker.simple>span{padding-left:0}
|
|
59
59
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/prompt/drag-verify.vue index:0 */
|
|
60
60
|
.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;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}}
|
|
61
61
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/prompt/empty.vue index:0 */
|
|
@@ -65,7 +65,7 @@ textarea.snail-textarea{font-size:14px;line-height:1.5em;overflow-x:hidden;overf
|
|
|
65
65
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/picker/components/time-pc.vue index:0 */
|
|
66
66
|
.snail-layout.time-picker.pc{background-color:#fff;border:1px solid rgba(0,0,0,.12);border-radius:4px;box-shadow:0 0 3px rgba(0,0,0,.12);height:240px!important;overflow:hidden!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:210px!important}.snail-layout.time-picker.pc>.main-area{display:flex;flex-wrap:nowrap;justify-content:space-between;margin:10px;overflow:hidden}.snail-layout.time-picker.pc>.main-area>.tz-item{border:1px solid #eee;border-left:none;flex-shrink:0;overflow:hidden auto;width:30%}.snail-layout.time-picker.pc>.main-area>.tz-item>.tzi-number{align-items:center;border-left:1px solid #eee;cursor:pointer;display:flex;height:24px;justify-content:center}.snail-layout.time-picker.pc>.main-area>.tz-item>.tzi-number:hover{background-color:#f4f4f4}.snail-layout.time-picker.pc>.main-area>.tz-item>.tzi-number.active{background-color:#58a4fd;border-color:#58a4fd;color:#fff!important}.snail-layout.time-picker.pc>.main-area>.tz-item>.tzi-number.active.disabled{opacity:.6}.snail-layout.time-picker.pc>.main-area>.tz-item>.tzi-number.disabled{color:#ddd;cursor:not-allowed}.snail-layout.time-picker.pc>.main-area>.tz-item::-webkit-scrollbar{width:4px}.snail-layout.time-picker.pc>.main-area>.tz-item::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.6);border:none;border-radius:0}.snail-layout.time-picker.pc>.main-area>.tz-item::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:0}.snail-layout.time-picker.pc>.bottom-area{align-items:center;border-top:1px solid #eee;display:flex;height:30px;justify-content:flex-end;padding-right:10px}.snail-layout.time-picker.pc>.bottom-area>.snail-button{color:#999;font-size:12px;margin-left:4px}.snail-layout.time-picker.pc>.bottom-area>.snail-button:hover,.snail-layout.time-picker.pc>.bottom-area>.snail-button:last-child{color:#58a4fd}.snail-layout.time-picker.pc>.bottom-area>.snail-button.disabled{cursor:not-allowed;opacity:.6}.snail-layout.time-picker.pc.second-disabled{width:180px}.snail-layout.time-picker.pc.second-disabled>.main-area>.tz-item{width:46%}
|
|
67
67
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/picker/components/date-pc.vue index:0 */
|
|
68
|
-
.snail-layout.date-picker.pc{background-color:#fff;border:1px solid rgba(0,0,0,.12);border-radius:4px;box-shadow:0 0 3px rgba(0,0,0,.12);height:300px!important;overflow:hidden!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:280px!important}.snail-layout.date-picker.pc.time-now:after{background-color:gray;content:"";height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%}.snail-layout.date-picker.pc>.top-area{align-items:center;border-bottom:1px solid #eee;display:flex;flex-wrap:nowrap;padding:0 4px}.snail-layout.date-picker.pc>.top-area>
|
|
68
|
+
.snail-layout.date-picker.pc{background-color:#fff;border:1px solid rgba(0,0,0,.12);border-radius:4px;box-shadow:0 0 3px rgba(0,0,0,.12);height:300px!important;overflow:hidden!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:280px!important}.snail-layout.date-picker.pc.time-now:after{background-color:gray;content:"";height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%}.snail-layout.date-picker.pc>.top-area{align-items:center;border-bottom:1px solid #eee;display:flex;flex-wrap:nowrap;padding:0 4px}.snail-layout.date-picker.pc>.top-area>div.header-content{align-items:center;display:flex;flex:1;justify-content:center}.snail-layout.date-picker.pc>.top-area>div.header-content>div{align-items:center;display:flex;font-size:16px;height:100%}.snail-layout.date-picker.pc>.top-area>div.header-content>div:nth-child(2){margin-left:8px}.snail-layout.date-picker.pc>.top-area>div.header-content:not(.year)>div:hover{color:#58a4fd;cursor:pointer}.snail-layout.date-picker.pc>.main-area{display:flex;flex-wrap:wrap;justify-content:space-between}.snail-layout.date-picker.pc>.main-area>div{align-items:center;display:flex;flex-shrink:0;font-size:13px;justify-content:center;position:relative}.snail-layout.date-picker.pc>.main-area>div>span{align-items:center;display:flex;height:28px;justify-content:center}.snail-layout.date-picker.pc>.main-area>div>span:hover{background:#f4f4f4;cursor:pointer}.snail-layout.date-picker.pc>.main-area>div.active>span{background-color:#58a4fd;color:#fff!important}.snail-layout.date-picker.pc>.main-area>div.active.disabled{opacity:.6}.snail-layout.date-picker.pc>.main-area>div.disabled>span{color:#aaa;cursor:not-allowed}.snail-layout.date-picker.pc>.main-area>div.day-item{height:30px;width:36px}.snail-layout.date-picker.pc>.main-area>div.day-item.week{font-weight:bold}.snail-layout.date-picker.pc>.main-area>div.day-item.active>span,.snail-layout.date-picker.pc>.main-area>div.day-item:hover>span{border-radius:100%;width:28px}.snail-layout.date-picker.pc>.main-area>div.day-item:not(.now-month)>span{color:#aaa}.snail-layout.date-picker.pc>.main-area>div.month-item,.snail-layout.date-picker.pc>.main-area>div.year-item{width:30%}.snail-layout.date-picker.pc>.main-area>div.month-item.active>span,.snail-layout.date-picker.pc>.main-area>div.month-item:hover>span,.snail-layout.date-picker.pc>.main-area>div.year-item.active>span,.snail-layout.date-picker.pc>.main-area>div.year-item:hover>span{border-radius:15px;padding:0 8px;width:-moz-fit-content;width:fit-content}.snail-layout.date-picker.pc>.bottom-area{align-items:center;border-top:1px solid #eee;display:flex;height:30px;justify-content:flex-end;padding-right:10px}.snail-layout.date-picker.pc>.bottom-area>.time-area{color:#58a4fd;cursor:pointer;font-size:12px;margin-left:10px;margin-right:auto}.snail-layout.date-picker.pc>.bottom-area>.snail-button{color:#999;font-size:12px;margin-left:4px}.snail-layout.date-picker.pc>.bottom-area>.snail-button:hover,.snail-layout.date-picker.pc>.bottom-area>.snail-button:last-child{color:#58a4fd}.snail-layout.date-picker.pc>.bottom-area>.snail-button.disabled{cursor:not-allowed;opacity:.6}
|
|
69
69
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/popup/components/confirm-container.vue index:0 */
|
|
70
70
|
.snail-confirm{background-color:#fff;border-radius:4px;color:#2e2f33;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}
|
|
71
71
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/popup/components/dialog-container.vue index:0 */
|