snail.vue 2.0.29 → 2.0.31
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 +211 -149
- package/dist/snail.vue.js +341 -229
- package/dist/snail.vue.umd.js +340 -228
- package/dist/styles/snail.vue.vue.css +6 -4
- package/package.json +3 -3
|
@@ -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{
|
|
10
|
+
.snail-icon{flex-shrink:0;opacity:1;transition:all .2s linear;--fill:#8a8099;--hover:#8a8099;fill:var(--fill)}.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 */
|
|
@@ -54,6 +54,8 @@ textarea.snail-textarea{font-size:14px;line-height:1.5em;overflow-x:hidden;overf
|
|
|
54
54
|
|
|
55
55
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/picker/date-picker.vue index:0 */
|
|
56
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
|
+
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/picker/scroll-picker.vue index:0 */
|
|
58
|
+
.snail-scroll-picker{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.snail-scroll-picker>.pick-header{background-color:gray;height:40px}.snail-scroll-picker>.pick-body{flex:1;overflow:hidden;position:relative}.snail-scroll-picker>.pick-body>div{align-items:center;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;top:0;width:100%}.snail-scroll-picker>.pick-body>div>span{flex-shrink:0;width:100%}.snail-scroll-picker>.pick-body>.pick-items{height:-moz-fit-content;height:fit-content;padding:calc(50% - 16px) 0}.snail-scroll-picker>.pick-body>.pick-items>.pick-item{height:32px;line-height:32px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.snail-scroll-picker>.pick-body>.pick-items>.pick-item.selected{color:#007bff}.snail-scroll-picker>.pick-body>.pick-items>.pick-item.disabled{color:#ccc;pointer-events:none}.snail-scroll-picker>.pick-body>.pick-layer{height:100%}.snail-scroll-picker>.pick-body>.pick-layer>.layer-top{background:linear-gradient(180deg,#fff 10%,hsla(0,0%,100%,.6));border-bottom:1px solid #c8c7cc;flex:1}.snail-scroll-picker>.pick-body>.pick-layer>.layer-selection{height:32px}.snail-scroll-picker>.pick-body>.pick-layer>.layer-bottom{background:linear-gradient(0deg,#fff 10%,hsla(0,0%,100%,.6));border-top:1px solid #c8c7cc;flex:1}.snail-scroll-picker.dialog-body{align-self:flex-end;height:200px}
|
|
57
59
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/picker/time-picker.vue index:0 */
|
|
58
60
|
.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
61
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/prompt/drag-verify.vue index:0 */
|
|
@@ -69,17 +71,17 @@ textarea.snail-textarea{font-size:14px;line-height:1.5em;overflow-x:hidden;overf
|
|
|
69
71
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/popup/components/confirm-container.vue index:0 */
|
|
70
72
|
.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
73
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/popup/components/dialog-container.vue index:0 */
|
|
72
|
-
.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>.snail-wrapper{height:-moz-fit-content;height:fit-content;min-height:auto;min-width:auto;width:-moz-fit-content;width:fit-content}.snail-dialog>.snail-wrapper>.wrapper-body{padding:0 40px}.snail-dialog.unactive:before{opacity:0}.snail-dialog.unactive>.dialog-body{box-shadow:0 0 4px rgba(0,0,0,.3)}
|
|
74
|
+
.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>.dialog-body.snail-wrapper.dialog-builtin{height:-moz-fit-content;height:fit-content;min-height:auto;min-width:auto;width:-moz-fit-content;width:fit-content}.snail-dialog>.dialog-body.snail-wrapper.dialog-builtin>.wrapper-body{padding:0 40px}.snail-dialog.unactive:before{opacity:0}.snail-dialog.unactive>.dialog-body{box-shadow:0 0 4px rgba(0,0,0,.3)}
|
|
73
75
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/popup/components/follow-container.vue index:0 */
|
|
74
76
|
.snail-follow{background-color:#fff;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}
|
|
75
77
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/popup/components/popup-container.vue index:0 */
|
|
76
78
|
.snail-popup{left:0;position:fixed;top:0}
|
|
77
79
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/popup/components/toast-container.vue index:0 */
|
|
78
80
|
.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}
|
|
79
|
-
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/base/components/select-popup.vue index:0 */
|
|
80
|
-
.snail-select-popup{background:#fff;border:1px solid #dddfed;border-radius:4px;box-shadow:0 1px 5px 1px #dddfed;display:flex;flex-direction:column;max-height:90%;min-height:32px;overflow:auto}.snail-select-popup>div.snail-search{margin:12px}.snail-select-popup>div.clear-all{align-items:center;background-color:#fff;border-top:1px solid #dddfed;bottom:0;color:#8a9099;cursor:pointer;display:flex;flex-shrink:0;height:32px;padding:0 12px;position:sticky!important;z-index:1}.snail-select-popup>div.clear-all:hover{color:#ff4c4c}.snail-select-popup.child-popup{max-width:250px;min-width:200px;padding-bottom:6px;padding-top:6px}.snail-select-popup.child-popup.placeholder{justify-content:center;padding:0 12px;width:100px!important}
|
|
81
81
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/container/components/action-items.vue index:0 */
|
|
82
82
|
.snail-action-items.in-popup{background:#fff;border-radius:4px 4px 4px 4px;box-shadow:0 4px 10px 0 rgba(0,0,0,.1);padding:4px 0}.snail-action-items.vertical{--color:"#2E3033";--hcolor:"#2E3033"}.snail-action-items.vertical>.action-item{background-color:#fff;color:var(--color);cursor:pointer;font-size:14px;height:32px;overflow:hidden;padding:0 16px;width:100px}.snail-action-items.vertical>.action-item>svg{fill:var(--color)}.snail-action-items.vertical>.action-item:hover{background-color:#f8f9fa;color:var(--hcolor)}.snail-action-items.vertical>.action-item:hover>svg{fill:var(--hcolor)}
|
|
83
|
+
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/base/components/select-popup.vue index:0 */
|
|
84
|
+
.snail-select-popup{background:#fff;border:1px solid #dddfed;border-radius:4px;box-shadow:0 1px 5px 1px #dddfed;display:flex;flex-direction:column;max-height:90%;min-height:32px;overflow:auto}.snail-select-popup>div.snail-search{margin:12px}.snail-select-popup>div.clear-all{align-items:center;background-color:#fff;border-top:1px solid #dddfed;bottom:0;color:#8a9099;cursor:pointer;display:flex;flex-shrink:0;height:32px;padding:0 12px;position:sticky!important;z-index:1}.snail-select-popup>div.clear-all:hover{color:#ff4c4c}.snail-select-popup.child-popup{max-width:250px;min-width:200px;padding-bottom:6px;padding-top:6px}.snail-select-popup.child-popup.placeholder{justify-content:center;padding:0 12px;width:100px!important}
|
|
83
85
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/container/components/tree-node.vue index:0 */
|
|
84
86
|
.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-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}
|
|
85
87
|
/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/base/components/select-node.vue index:0 */
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "依赖【snail】,基于vue封装常用UI组件",
|
|
4
4
|
"author": "snail_dev@163.com",
|
|
5
5
|
"license": "MIT",
|
|
6
|
-
"version": "2.0.
|
|
6
|
+
"version": "2.0.31",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"main": "dist/snail.vue.js",
|
|
9
9
|
"module": "dist/snail.vue.js",
|
|
@@ -14,8 +14,8 @@
|
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
16
|
"vue": "^3.5.14",
|
|
17
|
-
"snail.core": ">=2.0.
|
|
18
|
-
"snail.view": ">=2.0.
|
|
17
|
+
"snail.core": ">=2.0.31",
|
|
18
|
+
"snail.view": ">=2.0.12",
|
|
19
19
|
"sortablejs": ">=1.15.6"
|
|
20
20
|
},
|
|
21
21
|
"devDependencies": {
|