zartui 3.1.90 → 3.1.92
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/es/drawer-select/DrawerSelect.mjs +48 -3
- package/es/drawer-select/index.css +1 -1
- package/es/field/Field.mjs +4 -2
- package/es/index.d.ts +1 -1
- package/es/index.mjs +1 -1
- package/lib/drawer-select/DrawerSelect.js +47 -2
- package/lib/drawer-select/index.css +1 -1
- package/lib/field/Field.js +4 -2
- package/lib/index.css +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/web-types.json +1 -1
- package/lib/zartui.cjs.js +52 -5
- package/lib/zartui.es.js +52 -5
- package/lib/zartui.js +52 -5
- package/lib/zartui.min.js +2 -2
- package/package.json +4 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { computed, defineComponent, onMounted, ref, createVNode as _createVNode, createTextVNode as _createTextVNode, Fragment as _Fragment, vShow as _vShow, withDirectives as _withDirectives } from "vue";
|
|
1
|
+
import { computed, defineComponent, nextTick, onBeforeUnmount, onMounted, ref, watch, createVNode as _createVNode, createTextVNode as _createTextVNode, Fragment as _Fragment, vShow as _vShow, withDirectives as _withDirectives } from "vue";
|
|
2
2
|
import { useEventListener, useRect } from "@zartui/use";
|
|
3
3
|
import { createNamespace, makeArrayProp, makeStringProp } from "../utils/index.mjs";
|
|
4
4
|
import ZtSearch from "../search/index.mjs";
|
|
@@ -46,6 +46,10 @@ var stdin_default = defineComponent({
|
|
|
46
46
|
const historyList = ref([]);
|
|
47
47
|
const showAllCommonTypes = ref(false);
|
|
48
48
|
const selectCommonId = ref(-1);
|
|
49
|
+
const commonTypesListRef = ref();
|
|
50
|
+
const showLeftCommonTypesMask = ref(false);
|
|
51
|
+
const showRightCommonTypesMask = ref(false);
|
|
52
|
+
let commonTypesResizeObserver;
|
|
49
53
|
const defaultTreeNode = ref(props.treeData);
|
|
50
54
|
const fields = computed(() => assignDefaultFields(props.treeFieldName));
|
|
51
55
|
const visibleCommonTypeList = computed(() => {
|
|
@@ -60,6 +64,35 @@ var stdin_default = defineComponent({
|
|
|
60
64
|
children,
|
|
61
65
|
text: key
|
|
62
66
|
} = fields.value;
|
|
67
|
+
const updateCommonTypesMask = () => {
|
|
68
|
+
const list = commonTypesListRef.value;
|
|
69
|
+
if (!list) {
|
|
70
|
+
showLeftCommonTypesMask.value = false;
|
|
71
|
+
showRightCommonTypesMask.value = false;
|
|
72
|
+
return;
|
|
73
|
+
}
|
|
74
|
+
const remainingScrollWidth = list.scrollWidth - list.clientWidth - list.scrollLeft;
|
|
75
|
+
showLeftCommonTypesMask.value = list.scrollLeft > 0;
|
|
76
|
+
showRightCommonTypesMask.value = remainingScrollWidth > 1;
|
|
77
|
+
};
|
|
78
|
+
const onCommonTypesScroll = () => {
|
|
79
|
+
updateCommonTypesMask();
|
|
80
|
+
};
|
|
81
|
+
const observeCommonTypesList = () => {
|
|
82
|
+
commonTypesResizeObserver == null ? void 0 : commonTypesResizeObserver.disconnect();
|
|
83
|
+
const list = commonTypesListRef.value;
|
|
84
|
+
if (!list || typeof ResizeObserver === "undefined") {
|
|
85
|
+
return;
|
|
86
|
+
}
|
|
87
|
+
commonTypesResizeObserver = new ResizeObserver(updateCommonTypesMask);
|
|
88
|
+
commonTypesResizeObserver.observe(list);
|
|
89
|
+
};
|
|
90
|
+
const updateCommonTypesLayout = () => {
|
|
91
|
+
nextTick(() => {
|
|
92
|
+
observeCommonTypesList();
|
|
93
|
+
updateCommonTypesMask();
|
|
94
|
+
});
|
|
95
|
+
};
|
|
63
96
|
const allData = {
|
|
64
97
|
[value]: -1,
|
|
65
98
|
[key]: "\u5168\u90E8",
|
|
@@ -136,6 +169,13 @@ var stdin_default = defineComponent({
|
|
|
136
169
|
};
|
|
137
170
|
flatData(props.treeData);
|
|
138
171
|
updateOffset();
|
|
172
|
+
updateCommonTypesLayout();
|
|
173
|
+
});
|
|
174
|
+
watch(visibleCommonTypeList, updateCommonTypesLayout, {
|
|
175
|
+
flush: "post"
|
|
176
|
+
});
|
|
177
|
+
onBeforeUnmount(() => {
|
|
178
|
+
commonTypesResizeObserver == null ? void 0 : commonTypesResizeObserver.disconnect();
|
|
139
179
|
});
|
|
140
180
|
const isEmpty = (item) => !item[children] || item[children].length === 0;
|
|
141
181
|
const syncExpandNodeByParent = (item) => {
|
|
@@ -323,11 +363,16 @@ var stdin_default = defineComponent({
|
|
|
323
363
|
}, [_createVNode("span", {
|
|
324
364
|
"class": [bem("common-types--label")]
|
|
325
365
|
}, [_createTextVNode("\u5E38\u7528\u5C0F\u7C7B")]), visibleCommonTypeList.value.length > 0 ? _createVNode("div", {
|
|
326
|
-
"class": [bem("common-types--mask")
|
|
366
|
+
"class": [bem("common-types--mask"), bem("common-types--mask", {
|
|
367
|
+
"left-mask": showLeftCommonTypesMask.value,
|
|
368
|
+
"right-mask": showRightCommonTypesMask.value
|
|
369
|
+
})]
|
|
327
370
|
}, [_createVNode("div", {
|
|
328
371
|
"class": [bem("common-types--viewport")]
|
|
329
372
|
}, [_createVNode("div", {
|
|
330
|
-
"
|
|
373
|
+
"ref": commonTypesListRef,
|
|
374
|
+
"class": [bem("common-types--list")],
|
|
375
|
+
"onScroll": onCommonTypesScroll
|
|
331
376
|
}, [visibleCommonTypeList.value.map(renderCommonTypeButton)])])]) : _createVNode("div", {
|
|
332
377
|
"class": [bem("common-types--empty")]
|
|
333
378
|
}, [_createTextVNode("\u6682\u65E0\u5E38\u7528\u5C0F\u7C7B")]), visibleCommonTypeList.value.length > 0 && _createVNode("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--zt-drawer-select-background: #ebf2f5}.zt-drawer-select{height:100%;width:100%;display:flex;flex-direction:column;background:var(--zt-background)}.zt-drawer-select__search{padding:var(--zt-padding-xs) 0}.zt-drawer-select__search--item{padding:var(--zt-padding-sm) 0 var(--zt-padding-sm) var(--zt-padding-md)}.zt-drawer-select__search--item:after{left:calc(-50% + 22px)}.zt-drawer-select__search--header{font-size:var(--zt-font-size-lg);font-weight:700;color:var(--zt-text-color);margin-bottom:4px}.zt-drawer-select__search--name{font-size:var(--zt-font-size-md);color:var(--zt-text-color-2)}.zt-drawer-select__wrap{position:fixed;right:0;left:0;bottom:0;z-index:999;overflow:hidden}.zt-drawer-select__popup{position:absolute;max-height:350px;border-radius:0 0 16px 16px}.zt-drawer-select__empty{font-size:var(--zt-font-size-md);color:var(--zt-gray-a4);text-align:center;padding:var(--zt-padding-lg) 0}.zt-drawer-select__history--title{height:44px;line-height:44px;font-weight:700;padding-left:var(--zt-padding-sm);color:var(--zt-text-color)}.zt-drawer-select__history--content{padding:var(--zt-padding-sm) var(--zt-padding-md) var(--zt-padding-xs)}.zt-drawer-select__history--content .zt-tag{line-height:28px;border-radius:14px;font-size:var(--zt-font-size-md);margin-right:4px;margin-bottom:8px}.zt-drawer-select__history--clear{display:flex;align-items:center;justify-content:center;height:44px;color:var(--zt-gray-a6);text-align:center;font-size:var(--zt-font-size-md)}.zt-drawer-select__name{position:relative;height:44px;line-height:44px;font-size:var(--zt-font-size-lg);color:var(--zt-text-color);font-weight:700;padding-left:var(--zt-padding-md)}.zt-drawer-select__name:before{content:"";position:absolute;width:4px;height:16px;top:14px;left:0;background:var(--zt-primary-color)}.zt-drawer-select__common-types{width:100%;background:var(--zt-white)}.zt-drawer-select__common-types--head{display:flex;align-items:center;min-height:44px;padding-left:var(--zt-padding-md);font-size:var(--zt-font-size-md);color:var(--zt-text-color)}.zt-drawer-select__common-types--label{flex-shrink:0;font-weight:700;padding-right:4px}.zt-drawer-select__common-types--mask{position:relative;flex:1;min-width:0;background:var(--zt-white)}.zt-drawer-select__common-types--mask:before,.zt-drawer-select__common-types--mask:after{content:"";position:absolute;top:0;bottom:0;width:
|
|
1
|
+
:root{--zt-drawer-select-background: #ebf2f5}.zt-drawer-select{height:100%;width:100%;display:flex;flex-direction:column;background:var(--zt-background)}.zt-drawer-select__search{padding:var(--zt-padding-xs) 0}.zt-drawer-select__search--item{padding:var(--zt-padding-sm) 0 var(--zt-padding-sm) var(--zt-padding-md)}.zt-drawer-select__search--item:after{left:calc(-50% + 22px)}.zt-drawer-select__search--header{font-size:var(--zt-font-size-lg);font-weight:700;color:var(--zt-text-color);margin-bottom:4px}.zt-drawer-select__search--name{font-size:var(--zt-font-size-md);color:var(--zt-text-color-2)}.zt-drawer-select__wrap{position:fixed;right:0;left:0;bottom:0;z-index:999;overflow:hidden}.zt-drawer-select__popup{position:absolute;max-height:350px;border-radius:0 0 16px 16px}.zt-drawer-select__empty{font-size:var(--zt-font-size-md);color:var(--zt-gray-a4);text-align:center;padding:var(--zt-padding-lg) 0}.zt-drawer-select__history--title{height:44px;line-height:44px;font-weight:700;padding-left:var(--zt-padding-sm);color:var(--zt-text-color)}.zt-drawer-select__history--content{padding:var(--zt-padding-sm) var(--zt-padding-md) var(--zt-padding-xs)}.zt-drawer-select__history--content .zt-tag{line-height:28px;border-radius:14px;font-size:var(--zt-font-size-md);margin-right:4px;margin-bottom:8px}.zt-drawer-select__history--clear{display:flex;align-items:center;justify-content:center;height:44px;color:var(--zt-gray-a6);text-align:center;font-size:var(--zt-font-size-md)}.zt-drawer-select__name{position:relative;height:44px;line-height:44px;font-size:var(--zt-font-size-lg);color:var(--zt-text-color);font-weight:700;padding-left:var(--zt-padding-md)}.zt-drawer-select__name:before{content:"";position:absolute;width:4px;height:16px;top:14px;left:0;background:var(--zt-primary-color)}.zt-drawer-select__common-types{width:100%;background:var(--zt-white)}.zt-drawer-select__common-types--head{display:flex;align-items:center;min-height:44px;padding-left:var(--zt-padding-md);font-size:var(--zt-font-size-md);color:var(--zt-text-color)}.zt-drawer-select__common-types--label{flex-shrink:0;font-weight:700;padding-right:4px}.zt-drawer-select__common-types--mask{position:relative;flex:1;min-width:0;background:var(--zt-white)}.zt-drawer-select__common-types--mask:before,.zt-drawer-select__common-types--mask:after{content:"";position:absolute;top:0;bottom:0;width:32px;pointer-events:none;z-index:3;opacity:0;transition:opacity .2s}.zt-drawer-select__common-types--mask:before{left:-1px;background-image:linear-gradient(270deg,rgba(255,255,255,0) 0%,var(--zt-white) 100%)}.zt-drawer-select__common-types--mask:after{right:-1px;background-image:linear-gradient(90deg,rgba(255,255,255,0) 2.78%,var(--zt-white) 100%)}.zt-drawer-select__common-types--mask--left-mask:before,.zt-drawer-select__common-types--mask--right-mask:after{opacity:1}.zt-drawer-select__common-types--viewport{min-width:0;overflow:hidden}.zt-drawer-select__common-types--list{display:flex;align-items:center;gap:4px;padding:8px 16px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none}.zt-drawer-select__common-types--list::-webkit-scrollbar{display:none}.zt-drawer-select__common-types--icon{display:flex;align-items:center;justify-content:center;width:56px;height:44px;flex-shrink:0}.zt-drawer-select__common-types--empty{flex:1;min-width:0;padding-left:8px;color:var(--zt-text-color-2);opacity:.2}.zt-drawer-select__common-types--btn{flex-shrink:0;min-width:-moz-fit-content;min-width:fit-content;border-radius:15px;opacity:1;padding-top:15px;padding-bottom:15px}.zt-drawer-select__common-types--panel{padding:0 var(--zt-padding-md) 8px;background:var(--zt-white)}.zt-drawer-select__common-types--panel-list{display:flex;flex-wrap:wrap;gap:8px 4px;padding-bottom:8px}.zt-drawer-select__common-types--clear{display:flex;align-items:center;justify-content:center;height:44px;color:var(--zt-text-color-2);opacity:.6;font-size:var(--zt-font-size-md)}.zt-drawer-select__common-types--clear-text{margin-left:4px}.zt-drawer-select__hot-types{width:100%;padding:0 16px 4px;margin-top:8px;box-sizing:border-box;background:var(--zt-white)}.zt-drawer-select__hot-types--label{height:44px;line-height:44px;font-size:var(--zt-font-size-md);font-weight:700;color:var(--zt-text-color)}.zt-drawer-select__hot-types--list{display:flex;flex-wrap:wrap;gap:8px 4px;width:100%;max-height:108px;overflow-x:hidden;overflow-y:auto;padding-bottom:8px}.zt-drawer-select__tree{display:flex;flex:1;min-height:0}.zt-drawer-select__tree-left{width:120px}.zt-drawer-select__tree-right{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--zt-white)}.zt-drawer-select__label{display:flex;align-items:center;line-height:28px;color:var(--zt-text-color);padding:var(--zt-padding-xs) 0 var(--zt-padding-xs) var(--zt-padding-base);font-size:var(--zt-font-size-md)}.zt-drawer-select__label--second{background:var(--zt-drawer-select-background);padding-left:var(--zt-padding-sm)}.zt-drawer-select__label--placeholder{display:flex;align-items:center;width:24px}.zt-drawer-select__label--text{display:flex;align-items:center;min-height:28px}.zt-drawer-select__label--icon--active{transform:rotate(90deg);color:var(--zt-primary-color)}.zt-drawer-select__label--active{color:var(--zt-primary-color);background:var(--zt-white)}.zt-drawer-select__title{display:flex;align-items:center;line-height:28px;font-size:var(--zt-font-size-md);color:var(--zt-text-color);font-weight:700;padding:var(--zt-padding-xs) var(--zt-padding-md)}.zt-drawer-select__content{flex:1;min-height:0;overflow-y:scroll}.zt-drawer-select__item--placeholder{width:30px}.zt-drawer-select__item--header{display:flex;min-height:44px;font-size:var(--zt-font-size-md);color:var(--zt-text-color);padding-left:4px}.zt-drawer-select__item--icon{display:flex;align-items:center;width:24px;margin-right:6px;height:100%}.zt-drawer-select__item--icon--active{transform:rotate(90deg);color:var(--zt-primary-color)}.zt-drawer-select__item--label{flex:1;display:flex;align-items:center;line-height:28px;padding:var(--zt-padding-xs) var(--zt-padding-md) var(--zt-padding-xs) 0}.zt-drawer-select__item--label--active{color:var(--zt-primary-color)}.zt-drawer-select__item--child{padding-left:var(--zt-padding-md)}.zt-drawer-select .zt-dialog__confirm{background:var(--zt-dialog-cancel-button-background-color);border:var(--zt-button-border-width) solid #ff5023;color:#ff5023}
|
package/es/field/Field.mjs
CHANGED
|
@@ -249,7 +249,8 @@ var stdin_default = defineComponent({
|
|
|
249
249
|
};
|
|
250
250
|
const onClickInput = (event) => emit("clickInput", event);
|
|
251
251
|
const onClickLeftIcon = (event) => emit("clickLeftIcon", event);
|
|
252
|
-
const changePasswordView = () => {
|
|
252
|
+
const changePasswordView = (event) => {
|
|
253
|
+
preventDefault(event, true);
|
|
253
254
|
state.showPassword = !state.showPassword;
|
|
254
255
|
};
|
|
255
256
|
const onClickRightIcon = (event) => emit("clickRightIcon", event);
|
|
@@ -333,7 +334,8 @@ var stdin_default = defineComponent({
|
|
|
333
334
|
"type": state.showPassword ? "text" : "password"
|
|
334
335
|
}, inputAttrs), null), _createVNode(Icon, {
|
|
335
336
|
"name": state.showPassword ? "eye" : "eye-closed",
|
|
336
|
-
"onClick": changePasswordView
|
|
337
|
+
"onClick": changePasswordView,
|
|
338
|
+
"onTouchstart": changePasswordView
|
|
337
339
|
}, null)]);
|
|
338
340
|
}
|
|
339
341
|
return _createVNode("input", _mergeProps(mapInputType(props.type), inputAttrs), null);
|
package/es/index.d.ts
CHANGED
package/es/index.mjs
CHANGED
|
@@ -79,7 +79,7 @@ import { Timeline } from "./timeline/index.mjs";
|
|
|
79
79
|
import { Toast } from "./toast/index.mjs";
|
|
80
80
|
import { Uploader } from "./uploader/index.mjs";
|
|
81
81
|
import { Video } from "./video/index.mjs";
|
|
82
|
-
const version = "3.1.
|
|
82
|
+
const version = "3.1.92";
|
|
83
83
|
function install(app) {
|
|
84
84
|
const components = [
|
|
85
85
|
ActionSheet,
|
|
@@ -78,6 +78,10 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
78
78
|
const historyList = (0, import_vue.ref)([]);
|
|
79
79
|
const showAllCommonTypes = (0, import_vue.ref)(false);
|
|
80
80
|
const selectCommonId = (0, import_vue.ref)(-1);
|
|
81
|
+
const commonTypesListRef = (0, import_vue.ref)();
|
|
82
|
+
const showLeftCommonTypesMask = (0, import_vue.ref)(false);
|
|
83
|
+
const showRightCommonTypesMask = (0, import_vue.ref)(false);
|
|
84
|
+
let commonTypesResizeObserver;
|
|
81
85
|
const defaultTreeNode = (0, import_vue.ref)(props.treeData);
|
|
82
86
|
const fields = (0, import_vue.computed)(() => (0, import_utils2.assignDefaultFields)(props.treeFieldName));
|
|
83
87
|
const visibleCommonTypeList = (0, import_vue.computed)(() => {
|
|
@@ -92,6 +96,35 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
92
96
|
children,
|
|
93
97
|
text: key
|
|
94
98
|
} = fields.value;
|
|
99
|
+
const updateCommonTypesMask = () => {
|
|
100
|
+
const list = commonTypesListRef.value;
|
|
101
|
+
if (!list) {
|
|
102
|
+
showLeftCommonTypesMask.value = false;
|
|
103
|
+
showRightCommonTypesMask.value = false;
|
|
104
|
+
return;
|
|
105
|
+
}
|
|
106
|
+
const remainingScrollWidth = list.scrollWidth - list.clientWidth - list.scrollLeft;
|
|
107
|
+
showLeftCommonTypesMask.value = list.scrollLeft > 0;
|
|
108
|
+
showRightCommonTypesMask.value = remainingScrollWidth > 1;
|
|
109
|
+
};
|
|
110
|
+
const onCommonTypesScroll = () => {
|
|
111
|
+
updateCommonTypesMask();
|
|
112
|
+
};
|
|
113
|
+
const observeCommonTypesList = () => {
|
|
114
|
+
commonTypesResizeObserver == null ? void 0 : commonTypesResizeObserver.disconnect();
|
|
115
|
+
const list = commonTypesListRef.value;
|
|
116
|
+
if (!list || typeof ResizeObserver === "undefined") {
|
|
117
|
+
return;
|
|
118
|
+
}
|
|
119
|
+
commonTypesResizeObserver = new ResizeObserver(updateCommonTypesMask);
|
|
120
|
+
commonTypesResizeObserver.observe(list);
|
|
121
|
+
};
|
|
122
|
+
const updateCommonTypesLayout = () => {
|
|
123
|
+
(0, import_vue.nextTick)(() => {
|
|
124
|
+
observeCommonTypesList();
|
|
125
|
+
updateCommonTypesMask();
|
|
126
|
+
});
|
|
127
|
+
};
|
|
95
128
|
const allData = {
|
|
96
129
|
[value]: -1,
|
|
97
130
|
[key]: "\u5168\u90E8",
|
|
@@ -168,6 +201,13 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
168
201
|
};
|
|
169
202
|
flatData(props.treeData);
|
|
170
203
|
updateOffset();
|
|
204
|
+
updateCommonTypesLayout();
|
|
205
|
+
});
|
|
206
|
+
(0, import_vue.watch)(visibleCommonTypeList, updateCommonTypesLayout, {
|
|
207
|
+
flush: "post"
|
|
208
|
+
});
|
|
209
|
+
(0, import_vue.onBeforeUnmount)(() => {
|
|
210
|
+
commonTypesResizeObserver == null ? void 0 : commonTypesResizeObserver.disconnect();
|
|
171
211
|
});
|
|
172
212
|
const isEmpty = (item) => !item[children] || item[children].length === 0;
|
|
173
213
|
const syncExpandNodeByParent = (item) => {
|
|
@@ -355,11 +395,16 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
355
395
|
}, [(0, import_vue.createVNode)("span", {
|
|
356
396
|
"class": [bem("common-types--label")]
|
|
357
397
|
}, [(0, import_vue.createTextVNode)("\u5E38\u7528\u5C0F\u7C7B")]), visibleCommonTypeList.value.length > 0 ? (0, import_vue.createVNode)("div", {
|
|
358
|
-
"class": [bem("common-types--mask")
|
|
398
|
+
"class": [bem("common-types--mask"), bem("common-types--mask", {
|
|
399
|
+
"left-mask": showLeftCommonTypesMask.value,
|
|
400
|
+
"right-mask": showRightCommonTypesMask.value
|
|
401
|
+
})]
|
|
359
402
|
}, [(0, import_vue.createVNode)("div", {
|
|
360
403
|
"class": [bem("common-types--viewport")]
|
|
361
404
|
}, [(0, import_vue.createVNode)("div", {
|
|
362
|
-
"
|
|
405
|
+
"ref": commonTypesListRef,
|
|
406
|
+
"class": [bem("common-types--list")],
|
|
407
|
+
"onScroll": onCommonTypesScroll
|
|
363
408
|
}, [visibleCommonTypeList.value.map(renderCommonTypeButton)])])]) : (0, import_vue.createVNode)("div", {
|
|
364
409
|
"class": [bem("common-types--empty")]
|
|
365
410
|
}, [(0, import_vue.createTextVNode)("\u6682\u65E0\u5E38\u7528\u5C0F\u7C7B")]), visibleCommonTypeList.value.length > 0 && (0, import_vue.createVNode)("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--zt-drawer-select-background: #ebf2f5}.zt-drawer-select{height:100%;width:100%;display:flex;flex-direction:column;background:var(--zt-background)}.zt-drawer-select__search{padding:var(--zt-padding-xs) 0}.zt-drawer-select__search--item{padding:var(--zt-padding-sm) 0 var(--zt-padding-sm) var(--zt-padding-md)}.zt-drawer-select__search--item:after{left:calc(-50% + 22px)}.zt-drawer-select__search--header{font-size:var(--zt-font-size-lg);font-weight:700;color:var(--zt-text-color);margin-bottom:4px}.zt-drawer-select__search--name{font-size:var(--zt-font-size-md);color:var(--zt-text-color-2)}.zt-drawer-select__wrap{position:fixed;right:0;left:0;bottom:0;z-index:999;overflow:hidden}.zt-drawer-select__popup{position:absolute;max-height:350px;border-radius:0 0 16px 16px}.zt-drawer-select__empty{font-size:var(--zt-font-size-md);color:var(--zt-gray-a4);text-align:center;padding:var(--zt-padding-lg) 0}.zt-drawer-select__history--title{height:44px;line-height:44px;font-weight:700;padding-left:var(--zt-padding-sm);color:var(--zt-text-color)}.zt-drawer-select__history--content{padding:var(--zt-padding-sm) var(--zt-padding-md) var(--zt-padding-xs)}.zt-drawer-select__history--content .zt-tag{line-height:28px;border-radius:14px;font-size:var(--zt-font-size-md);margin-right:4px;margin-bottom:8px}.zt-drawer-select__history--clear{display:flex;align-items:center;justify-content:center;height:44px;color:var(--zt-gray-a6);text-align:center;font-size:var(--zt-font-size-md)}.zt-drawer-select__name{position:relative;height:44px;line-height:44px;font-size:var(--zt-font-size-lg);color:var(--zt-text-color);font-weight:700;padding-left:var(--zt-padding-md)}.zt-drawer-select__name:before{content:"";position:absolute;width:4px;height:16px;top:14px;left:0;background:var(--zt-primary-color)}.zt-drawer-select__common-types{width:100%;background:var(--zt-white)}.zt-drawer-select__common-types--head{display:flex;align-items:center;min-height:44px;padding-left:var(--zt-padding-md);font-size:var(--zt-font-size-md);color:var(--zt-text-color)}.zt-drawer-select__common-types--label{flex-shrink:0;font-weight:700;padding-right:4px}.zt-drawer-select__common-types--mask{position:relative;flex:1;min-width:0;background:var(--zt-white)}.zt-drawer-select__common-types--mask:before,.zt-drawer-select__common-types--mask:after{content:"";position:absolute;top:0;bottom:0;width:
|
|
1
|
+
:root{--zt-drawer-select-background: #ebf2f5}.zt-drawer-select{height:100%;width:100%;display:flex;flex-direction:column;background:var(--zt-background)}.zt-drawer-select__search{padding:var(--zt-padding-xs) 0}.zt-drawer-select__search--item{padding:var(--zt-padding-sm) 0 var(--zt-padding-sm) var(--zt-padding-md)}.zt-drawer-select__search--item:after{left:calc(-50% + 22px)}.zt-drawer-select__search--header{font-size:var(--zt-font-size-lg);font-weight:700;color:var(--zt-text-color);margin-bottom:4px}.zt-drawer-select__search--name{font-size:var(--zt-font-size-md);color:var(--zt-text-color-2)}.zt-drawer-select__wrap{position:fixed;right:0;left:0;bottom:0;z-index:999;overflow:hidden}.zt-drawer-select__popup{position:absolute;max-height:350px;border-radius:0 0 16px 16px}.zt-drawer-select__empty{font-size:var(--zt-font-size-md);color:var(--zt-gray-a4);text-align:center;padding:var(--zt-padding-lg) 0}.zt-drawer-select__history--title{height:44px;line-height:44px;font-weight:700;padding-left:var(--zt-padding-sm);color:var(--zt-text-color)}.zt-drawer-select__history--content{padding:var(--zt-padding-sm) var(--zt-padding-md) var(--zt-padding-xs)}.zt-drawer-select__history--content .zt-tag{line-height:28px;border-radius:14px;font-size:var(--zt-font-size-md);margin-right:4px;margin-bottom:8px}.zt-drawer-select__history--clear{display:flex;align-items:center;justify-content:center;height:44px;color:var(--zt-gray-a6);text-align:center;font-size:var(--zt-font-size-md)}.zt-drawer-select__name{position:relative;height:44px;line-height:44px;font-size:var(--zt-font-size-lg);color:var(--zt-text-color);font-weight:700;padding-left:var(--zt-padding-md)}.zt-drawer-select__name:before{content:"";position:absolute;width:4px;height:16px;top:14px;left:0;background:var(--zt-primary-color)}.zt-drawer-select__common-types{width:100%;background:var(--zt-white)}.zt-drawer-select__common-types--head{display:flex;align-items:center;min-height:44px;padding-left:var(--zt-padding-md);font-size:var(--zt-font-size-md);color:var(--zt-text-color)}.zt-drawer-select__common-types--label{flex-shrink:0;font-weight:700;padding-right:4px}.zt-drawer-select__common-types--mask{position:relative;flex:1;min-width:0;background:var(--zt-white)}.zt-drawer-select__common-types--mask:before,.zt-drawer-select__common-types--mask:after{content:"";position:absolute;top:0;bottom:0;width:32px;pointer-events:none;z-index:3;opacity:0;transition:opacity .2s}.zt-drawer-select__common-types--mask:before{left:-1px;background-image:linear-gradient(270deg,rgba(255,255,255,0) 0%,var(--zt-white) 100%)}.zt-drawer-select__common-types--mask:after{right:-1px;background-image:linear-gradient(90deg,rgba(255,255,255,0) 2.78%,var(--zt-white) 100%)}.zt-drawer-select__common-types--mask--left-mask:before,.zt-drawer-select__common-types--mask--right-mask:after{opacity:1}.zt-drawer-select__common-types--viewport{min-width:0;overflow:hidden}.zt-drawer-select__common-types--list{display:flex;align-items:center;gap:4px;padding:8px 16px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none}.zt-drawer-select__common-types--list::-webkit-scrollbar{display:none}.zt-drawer-select__common-types--icon{display:flex;align-items:center;justify-content:center;width:56px;height:44px;flex-shrink:0}.zt-drawer-select__common-types--empty{flex:1;min-width:0;padding-left:8px;color:var(--zt-text-color-2);opacity:.2}.zt-drawer-select__common-types--btn{flex-shrink:0;min-width:-moz-fit-content;min-width:fit-content;border-radius:15px;opacity:1;padding-top:15px;padding-bottom:15px}.zt-drawer-select__common-types--panel{padding:0 var(--zt-padding-md) 8px;background:var(--zt-white)}.zt-drawer-select__common-types--panel-list{display:flex;flex-wrap:wrap;gap:8px 4px;padding-bottom:8px}.zt-drawer-select__common-types--clear{display:flex;align-items:center;justify-content:center;height:44px;color:var(--zt-text-color-2);opacity:.6;font-size:var(--zt-font-size-md)}.zt-drawer-select__common-types--clear-text{margin-left:4px}.zt-drawer-select__hot-types{width:100%;padding:0 16px 4px;margin-top:8px;box-sizing:border-box;background:var(--zt-white)}.zt-drawer-select__hot-types--label{height:44px;line-height:44px;font-size:var(--zt-font-size-md);font-weight:700;color:var(--zt-text-color)}.zt-drawer-select__hot-types--list{display:flex;flex-wrap:wrap;gap:8px 4px;width:100%;max-height:108px;overflow-x:hidden;overflow-y:auto;padding-bottom:8px}.zt-drawer-select__tree{display:flex;flex:1;min-height:0}.zt-drawer-select__tree-left{width:120px}.zt-drawer-select__tree-right{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--zt-white)}.zt-drawer-select__label{display:flex;align-items:center;line-height:28px;color:var(--zt-text-color);padding:var(--zt-padding-xs) 0 var(--zt-padding-xs) var(--zt-padding-base);font-size:var(--zt-font-size-md)}.zt-drawer-select__label--second{background:var(--zt-drawer-select-background);padding-left:var(--zt-padding-sm)}.zt-drawer-select__label--placeholder{display:flex;align-items:center;width:24px}.zt-drawer-select__label--text{display:flex;align-items:center;min-height:28px}.zt-drawer-select__label--icon--active{transform:rotate(90deg);color:var(--zt-primary-color)}.zt-drawer-select__label--active{color:var(--zt-primary-color);background:var(--zt-white)}.zt-drawer-select__title{display:flex;align-items:center;line-height:28px;font-size:var(--zt-font-size-md);color:var(--zt-text-color);font-weight:700;padding:var(--zt-padding-xs) var(--zt-padding-md)}.zt-drawer-select__content{flex:1;min-height:0;overflow-y:scroll}.zt-drawer-select__item--placeholder{width:30px}.zt-drawer-select__item--header{display:flex;min-height:44px;font-size:var(--zt-font-size-md);color:var(--zt-text-color);padding-left:4px}.zt-drawer-select__item--icon{display:flex;align-items:center;width:24px;margin-right:6px;height:100%}.zt-drawer-select__item--icon--active{transform:rotate(90deg);color:var(--zt-primary-color)}.zt-drawer-select__item--label{flex:1;display:flex;align-items:center;line-height:28px;padding:var(--zt-padding-xs) var(--zt-padding-md) var(--zt-padding-xs) 0}.zt-drawer-select__item--label--active{color:var(--zt-primary-color)}.zt-drawer-select__item--child{padding-left:var(--zt-padding-md)}.zt-drawer-select .zt-dialog__confirm{background:var(--zt-dialog-cancel-button-background-color);border:var(--zt-button-border-width) solid #ff5023;color:#ff5023}
|
package/lib/field/Field.js
CHANGED
|
@@ -272,7 +272,8 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
272
272
|
};
|
|
273
273
|
const onClickInput = (event) => emit("clickInput", event);
|
|
274
274
|
const onClickLeftIcon = (event) => emit("clickLeftIcon", event);
|
|
275
|
-
const changePasswordView = () => {
|
|
275
|
+
const changePasswordView = (event) => {
|
|
276
|
+
(0, import_utils.preventDefault)(event, true);
|
|
276
277
|
state.showPassword = !state.showPassword;
|
|
277
278
|
};
|
|
278
279
|
const onClickRightIcon = (event) => emit("clickRightIcon", event);
|
|
@@ -356,7 +357,8 @@ var stdin_default = (0, import_vue.defineComponent)({
|
|
|
356
357
|
"type": state.showPassword ? "text" : "password"
|
|
357
358
|
}, inputAttrs), null), (0, import_vue.createVNode)(import_icon.Icon, {
|
|
358
359
|
"name": state.showPassword ? "eye" : "eye-closed",
|
|
359
|
-
"onClick": changePasswordView
|
|
360
|
+
"onClick": changePasswordView,
|
|
361
|
+
"onTouchstart": changePasswordView
|
|
360
362
|
}, null)]);
|
|
361
363
|
}
|
|
362
364
|
return (0, import_vue.createVNode)("input", (0, import_vue.mergeProps)((0, import_utils2.mapInputType)(props.type), inputAttrs), null);
|