hzzt-plus 2.0.1 → 2.0.3

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.
Files changed (106) hide show
  1. package/attributes.json +1 -1
  2. package/dist/index.css +1 -1
  3. package/dist/index.full.js +355 -236
  4. package/dist/index.full.min.js +12 -12
  5. package/dist/index.full.min.js.map +1 -1
  6. package/dist/index.full.min.mjs +15 -15
  7. package/dist/index.full.min.mjs.map +1 -1
  8. package/dist/index.full.mjs +353 -237
  9. package/dist/locale/en.js +1 -1
  10. package/dist/locale/en.min.js +1 -1
  11. package/dist/locale/en.min.mjs +1 -1
  12. package/dist/locale/en.mjs +1 -1
  13. package/dist/locale/zh-cn.js +1 -1
  14. package/dist/locale/zh-cn.min.js +1 -1
  15. package/dist/locale/zh-cn.min.mjs +1 -1
  16. package/dist/locale/zh-cn.mjs +1 -1
  17. package/es/component.mjs +3 -1
  18. package/es/component.mjs.map +1 -1
  19. package/es/components/index.d.ts +1 -0
  20. package/es/components/index.mjs +4 -2
  21. package/es/components/index.mjs.map +1 -1
  22. package/es/components/input-range/index.mjs +2 -2
  23. package/es/components/input-range/src/input-range.mjs +26 -76
  24. package/es/components/input-range/src/input-range.mjs.map +1 -1
  25. package/es/components/input-range/src/input-range2.mjs +76 -26
  26. package/es/components/input-range/src/input-range2.mjs.map +1 -1
  27. package/es/components/lazy-list/index.d.ts +5 -0
  28. package/es/components/lazy-list/index.mjs +9 -0
  29. package/es/components/lazy-list/index.mjs.map +1 -0
  30. package/es/components/lazy-list/src/lazy-list.d.ts +14 -0
  31. package/es/components/lazy-list/src/lazy-list.mjs +27 -0
  32. package/es/components/lazy-list/src/lazy-list.mjs.map +1 -0
  33. package/es/components/lazy-list/src/lazy-list.vue.d.ts +57 -0
  34. package/es/components/lazy-list/src/lazy-list2.mjs +85 -0
  35. package/es/components/lazy-list/src/lazy-list2.mjs.map +1 -0
  36. package/es/components/lazy-list/style/css.d.ts +2 -0
  37. package/es/components/lazy-list/style/css.mjs +3 -0
  38. package/es/components/lazy-list/style/css.mjs.map +1 -0
  39. package/es/components/lazy-list/style/index.d.ts +2 -0
  40. package/es/components/lazy-list/style/index.mjs +3 -0
  41. package/es/components/lazy-list/style/index.mjs.map +1 -0
  42. package/es/components/scroll/src/scroll.mjs +4 -0
  43. package/es/components/scroll/src/scroll.mjs.map +1 -1
  44. package/es/components/scroll/src/scroll.vue.d.ts +1 -0
  45. package/es/components/select/src/select.vue.d.ts +1 -0
  46. package/es/components/select/src/select2.mjs +11 -1
  47. package/es/components/select/src/select2.mjs.map +1 -1
  48. package/es/components/select-input/index.mjs +2 -2
  49. package/es/components/select-input/src/select-input.mjs +124 -45
  50. package/es/components/select-input/src/select-input.mjs.map +1 -1
  51. package/es/components/select-input/src/select-input2.mjs +45 -124
  52. package/es/components/select-input/src/select-input2.mjs.map +1 -1
  53. package/es/index.mjs +4 -2
  54. package/es/index.mjs.map +1 -1
  55. package/es/version.d.ts +1 -1
  56. package/es/version.mjs +1 -1
  57. package/es/version.mjs.map +1 -1
  58. package/global.d.ts +1 -0
  59. package/lib/component.js +3 -1
  60. package/lib/component.js.map +1 -1
  61. package/lib/components/index.d.ts +1 -0
  62. package/lib/components/index.js +7 -2
  63. package/lib/components/index.js.map +1 -1
  64. package/lib/components/input-range/index.js +2 -2
  65. package/lib/components/input-range/src/input-range.js +27 -76
  66. package/lib/components/input-range/src/input-range.js.map +1 -1
  67. package/lib/components/input-range/src/input-range2.js +76 -27
  68. package/lib/components/input-range/src/input-range2.js.map +1 -1
  69. package/lib/components/lazy-list/index.d.ts +5 -0
  70. package/lib/components/lazy-list/index.js +16 -0
  71. package/lib/components/lazy-list/index.js.map +1 -0
  72. package/lib/components/lazy-list/src/lazy-list.d.ts +14 -0
  73. package/lib/components/lazy-list/src/lazy-list.js +32 -0
  74. package/lib/components/lazy-list/src/lazy-list.js.map +1 -0
  75. package/lib/components/lazy-list/src/lazy-list.vue.d.ts +57 -0
  76. package/lib/components/lazy-list/src/lazy-list2.js +89 -0
  77. package/lib/components/lazy-list/src/lazy-list2.js.map +1 -0
  78. package/lib/components/lazy-list/style/css.d.ts +2 -0
  79. package/lib/components/lazy-list/style/css.js +6 -0
  80. package/lib/components/lazy-list/style/css.js.map +1 -0
  81. package/lib/components/lazy-list/style/index.d.ts +2 -0
  82. package/lib/components/lazy-list/style/index.js +6 -0
  83. package/lib/components/lazy-list/style/index.js.map +1 -0
  84. package/lib/components/scroll/src/scroll.js +4 -0
  85. package/lib/components/scroll/src/scroll.js.map +1 -1
  86. package/lib/components/scroll/src/scroll.vue.d.ts +1 -0
  87. package/lib/components/select/src/select.vue.d.ts +1 -0
  88. package/lib/components/select/src/select2.js +11 -1
  89. package/lib/components/select/src/select2.js.map +1 -1
  90. package/lib/components/select-input/index.js +2 -2
  91. package/lib/components/select-input/src/select-input.js +124 -46
  92. package/lib/components/select-input/src/select-input.js.map +1 -1
  93. package/lib/components/select-input/src/select-input2.js +46 -124
  94. package/lib/components/select-input/src/select-input2.js.map +1 -1
  95. package/lib/index.js +37 -32
  96. package/lib/index.js.map +1 -1
  97. package/lib/version.d.ts +1 -1
  98. package/lib/version.js +1 -1
  99. package/lib/version.js.map +1 -1
  100. package/package.json +1 -1
  101. package/tags.json +1 -1
  102. package/theme/hzzt-lazy-list.css +1 -0
  103. package/theme/index.css +1 -1
  104. package/theme/src/index.scss +1 -0
  105. package/theme/src/lazy-list.scss +21 -0
  106. package/web-types.json +1 -1
@@ -2,132 +2,54 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var vue = require('vue');
6
- var selectInput = require('./select-input.js');
5
+ require('../../../utils/index.js');
7
6
  require('../../../hooks/index.js');
8
- var elementPlus = require('element-plus');
9
- var title = require('../../title/src/title2.js');
10
- var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
11
- var index = require('../../../hooks/use-namespace/index.js');
12
- var index$1 = require('../../../hooks/use-size/index.js');
13
- var index$2 = require('../../../hooks/use-letter/index.js');
7
+ require('../../../constants/index.js');
8
+ var runtime = require('../../../utils/vue/props/runtime.js');
9
+ var index = require('../../../hooks/use-size/index.js');
10
+ var event = require('../../../constants/event.js');
11
+ var shared = require('@vue/shared');
14
12
 
15
- const _hoisted_1 = { slot: "append" };
16
- const _hoisted_2 = { key: 0 };
17
- const __default__ = vue.defineComponent({
18
- name: "HzztSelectInput"
13
+ const selectInputProps = runtime.buildProps({
14
+ modelValue: {
15
+ type: runtime.definePropType([
16
+ String,
17
+ Number
18
+ ]),
19
+ default: ""
20
+ },
21
+ indexType: {
22
+ type: String,
23
+ default: "number"
24
+ },
25
+ disabled: Boolean,
26
+ replace: Boolean,
27
+ label: String,
28
+ options: {
29
+ type: runtime.definePropType(Array),
30
+ default: () => []
31
+ },
32
+ inputProps: Object,
33
+ customProps: Object,
34
+ position: {
35
+ type: String,
36
+ default: "left"
37
+ },
38
+ formatLabel: {
39
+ type: Function
40
+ },
41
+ split: {
42
+ type: String,
43
+ default: ""
44
+ },
45
+ size: index.useSizeProp
19
46
  });
20
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
21
- ...__default__,
22
- props: selectInput.selectInputProps,
23
- emits: selectInput.selectInputEmits,
24
- setup(__props, { emit }) {
25
- const props = __props;
26
- const inputVal = vue.ref(props.modelValue);
27
- const nsInput = index.useNamespace("select-input");
28
- const formSize = elementPlus.useFormSize();
29
- const formDisabled = elementPlus.useFormDisabled();
30
- const trueSize = vue.computed(() => props.size || formSize.value || index$1.useGlobalSize().value);
31
- const trueDisabled = vue.computed(() => props.disabled || formDisabled.value);
32
- const containerCls = vue.computed(() => [
33
- nsInput.b(),
34
- nsInput.m(trueSize.value)
35
- ]);
36
- const inputContainerCls = vue.computed(() => [
37
- "flex",
38
- props.position === "top" ? "column" : "row align-items-center"
39
- ]);
40
- const inputCls = vue.computed(() => [
41
- "flex-1",
42
- props.label ? props.position === "top" ? "margin-b-1" : "margin-l-1" : ""
43
- ]);
44
- const _inputProps = vue.computed(() => ({
45
- disabled: trueDisabled.value,
46
- clearable: true,
47
- ...props.inputProps
48
- }));
49
- vue.watch(() => props.modelValue, (v) => {
50
- inputVal.value = v;
51
- });
52
- function input(val) {
53
- emit("update:modelValue", val);
54
- emit("input", val);
55
- }
56
- function change(val) {
57
- emit("change", val);
58
- }
59
- function getLinkName(item, index) {
60
- let prefix = "";
61
- if (props.indexType == "number") {
62
- prefix = `\uFF08${index + 1}\uFF09`;
63
- } else if (props.indexType == "letter") {
64
- prefix = `\uFF08${index$2.numberToLetter(index)}\uFF09`;
65
- }
66
- return prefix + (item.label || item.value);
67
- }
68
- function select(item) {
69
- const value = item.value || item.label;
70
- let content = "";
71
- if (!inputVal.value)
72
- inputVal.value = "";
73
- if (props.formatLabel) {
74
- content = props.formatLabel(value);
75
- } else if (props.replace) {
76
- content = value;
77
- } else {
78
- content = inputVal.value ? `${inputVal.value}${props.split}${value}` : value;
79
- }
80
- inputVal.value = content;
81
- input(content);
82
- change(content);
83
- }
84
- return (_ctx, _cache) => {
85
- return vue.openBlock(), vue.createElementBlock("div", {
86
- class: vue.normalizeClass(vue.unref(containerCls))
87
- }, [
88
- vue.createElementVNode("div", {
89
- class: vue.normalizeClass(vue.unref(inputContainerCls))
90
- }, [
91
- vue.renderSlot(_ctx.$slots, "title", {}, () => [
92
- vue.createVNode(title["default"], { label: _ctx.label }, null, 8, ["label"])
93
- ]),
94
- vue.createVNode(vue.unref(elementPlus.ElInput), vue.mergeProps({
95
- ref: "inputRef",
96
- class: vue.unref(inputCls),
97
- modelValue: inputVal.value,
98
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event)
99
- }, vue.unref(_inputProps), {
100
- onInput: input,
101
- onChange: change
102
- }), {
103
- default: vue.withCtx(() => [
104
- vue.createElementVNode("template", _hoisted_1, [
105
- vue.renderSlot(_ctx.$slots, "append")
106
- ])
107
- ]),
108
- _: 3
109
- }, 16, ["class", "modelValue"])
110
- ], 2),
111
- _ctx.options.length && !vue.unref(trueDisabled) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
112
- (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (item, index) => {
113
- return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElLink), vue.mergeProps({
114
- key: index,
115
- class: "margin-r-4"
116
- }, _ctx.customProps, {
117
- onClick: ($event) => select(item)
118
- }), {
119
- default: vue.withCtx(() => [
120
- vue.createTextVNode(vue.toDisplayString(getLinkName(item, index)), 1)
121
- ]),
122
- _: 2
123
- }, 1040, ["onClick"]);
124
- }), 128))
125
- ])) : vue.createCommentVNode("v-if", true)
126
- ], 2);
127
- };
128
- }
129
- });
130
- var SelectInput = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "select-input.vue"]]);
47
+ const selectInputEmits = {
48
+ [event.UPDATE_MODEL_EVENT]: (value) => shared.isString(value),
49
+ input: (value) => shared.isString(value),
50
+ change: (value) => shared.isString(value)
51
+ };
131
52
 
132
- exports["default"] = SelectInput;
53
+ exports.selectInputEmits = selectInputEmits;
54
+ exports.selectInputProps = selectInputProps;
133
55
  //# sourceMappingURL=select-input2.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"select-input2.js","sources":["../../../../../../packages/components/select-input/src/select-input.vue"],"sourcesContent":["<template>\n <div :class=\"containerCls\">\n <div :class=\"inputContainerCls\">\n <slot name=\"title\">\n <hzzt-title :label=\"label\"></hzzt-title>\n </slot>\n <el-input ref=\"inputRef\"\n :class=\"inputCls\"\n v-model=\"inputVal\"\n v-bind=\"_inputProps\"\n @input=\"input\"\n @change=\"change\"\n >\n <template slot=\"append\">\n <slot name=\"append\"></slot>\n </template>\n </el-input>\n </div>\n <div v-if=\"options.length&&!trueDisabled\">\n <el-link v-for=\"(item, index) in options\" :key=\"index\" class=\"margin-r-4\" v-bind=\"customProps\" @click=\"select(item)\">\n {{ getLinkName(item, index) }}\n </el-link>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import {computed, ref, watch} from 'vue'\n import {selectInputEmits, selectInputProps} from './select-input'\n import {useGlobalSize, useNamespace, numberToLetter} from \"@hzzt-plus/hooks\";\n import {useFormDisabled, useFormSize} from \"element-plus\";\n import HzztTitle from \"@hzzt-plus/components/title/src/title.vue\";\n import {ElInput, ElLink} from 'element-plus'\n import {OptionType} from \"@hzzt-plus/components/select/src/select\";\n\n defineOptions({\n name: 'HzztSelectInput',\n })\n\n const props = defineProps(selectInputProps)\n const emit = defineEmits(selectInputEmits)\n\n const inputVal = ref(props.modelValue);\n\n const nsInput = useNamespace('select-input')\n const formSize = useFormSize()\n const formDisabled = useFormDisabled()\n\n const trueSize = computed(\n () => props.size || formSize.value || useGlobalSize().value\n )\n\n const trueDisabled = computed(() => props.disabled || formDisabled.value)\n\n const containerCls = computed(() => [\n nsInput.b(),\n nsInput.m(trueSize.value),\n ])\n\n const inputContainerCls = computed(() => [\n 'flex',\n props.position === 'top' ? 'column' : 'row align-items-center'\n ])\n\n const inputCls = computed(() => [\n 'flex-1',\n props.label ? props.position === 'top' ? 'margin-b-1' : 'margin-l-1' : ''\n ])\n\n const _inputProps = computed(() => ({\n disabled: trueDisabled.value,\n clearable: true,\n ...props.inputProps,\n }))\n\n watch(() => props.modelValue, (v) => {\n inputVal.value = v;\n })\n\n function input(val: string) {\n emit('update:modelValue', val);\n emit('input', val);\n }\n\n function change(val: string) {\n emit('change', val);\n }\n\n function getLinkName(item: OptionType, index: number) {\n let prefix = '';\n if (props.indexType == 'number') {\n prefix = `(${index + 1})`\n } else if (props.indexType == 'letter') {\n prefix = `(${numberToLetter(index)})`\n }\n return prefix + (item.label || item.value);\n }\n\n function select(item: OptionType) {\n const value = item.value||item.label;\n let content = '';\n if (!inputVal.value) inputVal.value = '';\n if (props.formatLabel) {\n content = props.formatLabel(value);\n } else if (props.replace) {\n content = value;\n } else {\n content = inputVal.value ? `${inputVal.value}${props.split}${value}` : value;\n }\n inputVal.value = content;\n input(content);\n change(content);\n }\n\n</script>\n"],"names":["ref","useNamespace","useFormSize","useFormDisabled","computed","useGlobalSize","watch","numberToLetter","_openBlock","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;uCAmCgB,CAAA;AAAA,EACZ,IAAM,EAAA,iBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,QAAA,GAAWA,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAErC,IAAM,MAAA,OAAA,GAAUC,mBAAa,cAAc,CAAA,CAAA;AAC3C,IAAA,MAAM,WAAWC,uBAAY,EAAA,CAAA;AAC7B,IAAA,MAAM,eAAeC,2BAAgB,EAAA,CAAA;AAErC,IAAA,MAAM,QAAW,GAAAC,YAAA,CAAA,MAAA,KAAA,CAAA,IAAA,IAAA,QAAA,CAAA,KAAA,IAAAC,qBAAA,EAAA,CAAA,KAAA,CAAA,CAAA;AAAA,IAAA,kBACH,GAAAD,YAAiB,CAAA,MAAA,kBAAuB,YAAE,CAAA,KAAA,CAAA,CAAA;AAAA,IACxD,MAAA,YAAA,GAAAA,YAAA,CAAA,MAAA;AAEA,MAAA;AAEA,MAAM,OAAA,CAAA,CAAA,CAAA,QAAA,CAAe;AAAe,KAAA,CAClC;AAAU,IACV,MAAA,iBAAwB,GAAAA,YAAA,CAAA,MAAA;AAAA,MACzB,MAAA;AAED,MAAM,KAAA,CAAA,QAAA,KAAA,KAAoB,WAAe,GAAA,wBAAA;AAAA,KACvC,CAAA,CAAA;AAAA,IACA,MAAA,QAAmB,GAAAA,YAAA,CAAA,MAAmB;AAAA,MACvC,QAAA;AAED,MAAM,KAAA,CAAA,KAAA,GAAA,cAA0B,KAAA,KAAA,GAAA,YAAA,GAAA,YAAA,GAAA,EAAA;AAAA,KAC9B,CAAA,CAAA;AAAA,IAAA,iBACc,GAAAA,YAAmB,CAAA,OAAA;AAAsC,MACxE,QAAA,EAAA,YAAA,CAAA,KAAA;AAED,MAAM,SAAA,EAAA,IAAA;AAA8B,MAClC,mBAAuB;AAAA,KAAA,CACvB,CAAW,CAAA;AAAA,IAAAE,SACR,CAAM,MAAA,KAAA,CAAA,UAAA,EAAA,CAAA,CAAA,KAAA;AAAA,MACT,QAAA,CAAA,KAAA,GAAA,CAAA,CAAA;AAEF,KAAA,CAAA,CAAA;AACE,IAAA,SAAA,KAAiB,CAAA,GAAA,EAAA;AAAA,MAClB,IAAA,CAAA,mBAAA,EAAA,GAAA,CAAA,CAAA;AAED,MAAA,IAAA,CAAA,SAA4B,GAAA,CAAA,CAAA;AAC1B,KAAA;AACA,IAAA,gBAAc,GAAG,EAAA;AAAA,MACnB,IAAA,CAAA,QAAA,EAAA,GAAA,CAAA,CAAA;AAEA,KAAA;AACE,IAAA,oBAAkB,CAAA,IAAA,EAAA,KAAA,EAAA;AAAA,MACpB,IAAA,MAAA,GAAA,EAAA,CAAA;AAEA,MAAS,IAAA,KAAA,CAAA,SAAY,YAAiC,EAAA;AACpD,QAAA,MAAa,GAAA,CAAA,MAAA,EAAA,KAAA,GAAA,CAAA,CAAA,MAAA,CAAA,CAAA;AACb,OAAI,MAAA,mBAA6B,IAAA,QAAA,EAAA;AAC/B,QAAS,MAAA,GAAA,CAAA,MAAA,EAAIC,sBAAS,CAAA,KAAA,CAAA,CAAA,MAAA,CAAA,CAAA;AAAA,OACxB;AACE,MAAS,OAAA,MAAA,IAAA,IAAmB,CAAA,KAAA,IAAA,IAAA,CAAA,KAAM,CAAA,CAAA;AAAA,KACpC;AACA,IAAO,SAAA,MAAA,CAAA,IAAe,EAAA;AAAc,MACtC,MAAA,KAAA,GAAA,IAAA,CAAA,KAAA,IAAA,IAAA,CAAA,KAAA,CAAA;AAEA,MAAA,IAAA,UAAgB,EAAkB,CAAA;AAChC,MAAM,IAAA,CAAA,QAAA,CAAQ,KAAK;AACnB,QAAA,QAAc,CAAA,KAAA,GAAA,EAAA,CAAA;AACd,MAAA,IAAI,KAAU,CAAA,WAAA,EAAA;AAAO,QAAA,OAAA,GAAiB,KAAA,CAAA,WAAA,CAAA,KAAA,CAAA,CAAA;AACtC,OAAA,UAAuB,KAAA,CAAA,OAAA,EAAA;AACrB,QAAU,OAAA,GAAA,KAAA,CAAM;AAAiB,OACnC,MAAA;AACE,QAAU,OAAA,GAAA,QAAA,CAAA,KAAA,GAAA,CAAA,EAAA,QAAA,CAAA,KAAA,CAAA,EAAA,KAAA,CAAA,KAAA,CAAA,EAAA,KAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAAA,OACL;AACL,MAAU,QAAA,CAAA,KAAA,GAAA,OAAiB,CAAA;AAA4C,MACzE,KAAA,CAAA,OAAA,CAAA,CAAA;AACA,MAAA,MAAA,CAAA,OAAiB,CAAA,CAAA;AACjB,KAAA;AACA,IAAA,OAAA,CAAA,IAAc,EAAA,MAAA,KAAA;AAAA,MAChB,OAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"select-input2.js","sources":["../../../../../../packages/components/select-input/src/select-input.ts"],"sourcesContent":["import {buildProps, definePropType, isString} from '@hzzt-plus/utils'\nimport {useSizeProp} from \"@hzzt-plus/hooks\";\n\nimport type { ExtractPropTypes } from 'vue'\nimport type SelectInput from './select-input.vue'\nimport {UPDATE_MODEL_EVENT} from \"@hzzt-plus/constants\";\nimport {OptionType} from \"@hzzt-plus/components/select/src/select\";\n\nexport const selectInputProps = buildProps({\n modelValue: {\n type: definePropType<string | number | null | undefined>([\n String,\n Number,\n ]),\n default: '',\n },\n indexType: {\n type: String,\n default: 'number',\n },\n disabled: Boolean,\n replace: Boolean,\n label: String,\n options: {\n type: definePropType<OptionType[]>(Array),\n default: () => [],\n },\n inputProps: Object,\n customProps: Object,\n position: {\n type: String,\n default: 'left',\n },\n formatLabel: {\n type: Function,\n },\n split: {\n type: String,\n default: '',\n },\n size: useSizeProp,\n})\n\nexport type SelectInputProps = ExtractPropTypes<typeof selectInputProps>\n\nexport const selectInputEmits = {\n [UPDATE_MODEL_EVENT]: (value: string | undefined) => isString(value),\n input: (value: string | undefined) => isString(value),\n change: (value: string | undefined) => isString(value),\n}\nexport type SelectInputEmits = typeof selectInputEmits\n\nexport type SelectInputInstance = InstanceType<typeof SelectInput>\n"],"names":["buildProps","definePropType","useSizeProp","UPDATE_MODEL_EVENT","isString"],"mappings":";;;;;;;;;;;;AAGY,MAAC,gBAAgB,GAAGA,kBAAU,CAAC;AAC3C,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEC,sBAAc,CAAC;AACzB,MAAM,MAAM;AACZ,MAAM,MAAM;AACZ,KAAK,CAAC;AACN,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEA,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,UAAU,EAAE,MAAM;AACpB,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,QAAQ;AAClB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAEC,iBAAW;AACnB,CAAC,EAAE;AACS,MAAC,gBAAgB,GAAG;AAChC,EAAE,CAACC,wBAAkB,GAAG,CAAC,KAAK,KAAKC,eAAQ,CAAC,KAAK,CAAC;AAClD,EAAE,KAAK,EAAE,CAAC,KAAK,KAAKA,eAAQ,CAAC,KAAK,CAAC;AACnC,EAAE,MAAM,EAAE,CAAC,KAAK,KAAKA,eAAQ,CAAC,KAAK,CAAC;AACpC;;;;;"}
package/lib/index.js CHANGED
@@ -26,11 +26,11 @@ var index$a = require('./components/check-button/index.js');
26
26
  var index$b = require('./components/quarter-picker/index.js');
27
27
  var scan = require('./components/scan/src/scan.js');
28
28
  var index$c = require('./components/scan/index.js');
29
- var selectInput = require('./components/select-input/src/select-input.js');
29
+ var selectInput = require('./components/select-input/src/select-input2.js');
30
30
  var index$d = require('./components/select-input/index.js');
31
31
  var selectTextarea = require('./components/select-textarea/src/select-textarea.js');
32
32
  var index$e = require('./components/select-textarea/index.js');
33
- var inputRange = require('./components/input-range/src/input-range2.js');
33
+ var inputRange = require('./components/input-range/src/input-range.js');
34
34
  var index$f = require('./components/input-range/index.js');
35
35
  var cascader = require('./components/cascader/src/cascader.js');
36
36
  var index$g = require('./components/cascader/index.js');
@@ -39,20 +39,22 @@ var index$h = require('./components/select/index.js');
39
39
  var clickInput = require('./components/click-input/src/click-input.js');
40
40
  var index$i = require('./components/click-input/index.js');
41
41
  var index$j = require('./components/scroll/index.js');
42
+ var lazyList = require('./components/lazy-list/src/lazy-list.js');
43
+ var index$k = require('./components/lazy-list/index.js');
42
44
  var key = require('./constants/key.js');
43
45
  var size = require('./constants/size.js');
44
46
  var date = require('./constants/date.js');
45
47
  var event = require('./constants/event.js');
46
- var index$k = require('./directives/download/index.js');
47
- var index$l = require('./directives/height/index.js');
48
- var index$m = require('./directives/blur/index.js');
49
- var index$n = require('./directives/highlight/index.js');
50
- var index$o = require('./directives/drag/index.js');
51
- var index$p = require('./hooks/use-locale/index.js');
52
- var index$q = require('./hooks/use-size/index.js');
53
- var index$r = require('./hooks/use-namespace/index.js');
54
- var index$s = require('./hooks/use-letter/index.js');
55
- var index$t = require('./hooks/use-cursor/index.js');
48
+ var index$l = require('./directives/download/index.js');
49
+ var index$m = require('./directives/height/index.js');
50
+ var index$n = require('./directives/blur/index.js');
51
+ var index$o = require('./directives/highlight/index.js');
52
+ var index$p = require('./directives/drag/index.js');
53
+ var index$q = require('./hooks/use-locale/index.js');
54
+ var index$r = require('./hooks/use-size/index.js');
55
+ var index$s = require('./hooks/use-namespace/index.js');
56
+ var index$t = require('./hooks/use-letter/index.js');
57
+ var index$u = require('./hooks/use-cursor/index.js');
56
58
 
57
59
  const install = defaults["default"].install;
58
60
  const version = defaults["default"].version;
@@ -98,6 +100,9 @@ exports.clickInputEmits = clickInput.clickInputEmits;
98
100
  exports.clickInputProps = clickInput.clickInputProps;
99
101
  exports.HzztClickInput = index$i.HzztClickInput;
100
102
  exports.HzztScroll = index$j.HzztScroll;
103
+ exports.lazyListEmits = lazyList.lazyListEmits;
104
+ exports.lazyListProps = lazyList.lazyListProps;
105
+ exports.HzztLazyList = index$k.HzztLazyList;
101
106
  exports.INSTALLED_KEY = key.INSTALLED_KEY;
102
107
  exports.componentSizeMap = size.componentSizeMap;
103
108
  exports.componentSizes = size.componentSizes;
@@ -106,26 +111,26 @@ exports.datePickTypes = date.datePickTypes;
106
111
  exports.CHANGE_EVENT = event.CHANGE_EVENT;
107
112
  exports.INPUT_EVENT = event.INPUT_EVENT;
108
113
  exports.UPDATE_MODEL_EVENT = event.UPDATE_MODEL_EVENT;
109
- exports.Download = index$k["default"];
110
- exports.Height = index$l["default"];
111
- exports.Blur = index$m["default"];
112
- exports.Highlight = index$n["default"];
113
- exports.Drag = index$o["default"];
114
- exports.buildLocaleContext = index$p.buildLocaleContext;
115
- exports.buildTranslator = index$p.buildTranslator;
116
- exports.localeContextKey = index$p.localeContextKey;
117
- exports.translate = index$p.translate;
118
- exports.useLocale = index$p.useLocale;
119
- exports.SIZE_INJECTION_KEY = index$q.SIZE_INJECTION_KEY;
120
- exports.useGlobalSize = index$q.useGlobalSize;
121
- exports.useSizeProp = index$q.useSizeProp;
122
- exports.useSizeProps = index$q.useSizeProps;
123
- exports.defaultNamespace = index$r.defaultNamespace;
124
- exports.namespaceContextKey = index$r.namespaceContextKey;
125
- exports.useGetDerivedNamespace = index$r.useGetDerivedNamespace;
126
- exports.useNamespace = index$r.useNamespace;
127
- exports.numberToLetter = index$s.numberToLetter;
128
- exports.insertCursorPosition = index$t.insertCursorPosition;
114
+ exports.Download = index$l["default"];
115
+ exports.Height = index$m["default"];
116
+ exports.Blur = index$n["default"];
117
+ exports.Highlight = index$o["default"];
118
+ exports.Drag = index$p["default"];
119
+ exports.buildLocaleContext = index$q.buildLocaleContext;
120
+ exports.buildTranslator = index$q.buildTranslator;
121
+ exports.localeContextKey = index$q.localeContextKey;
122
+ exports.translate = index$q.translate;
123
+ exports.useLocale = index$q.useLocale;
124
+ exports.SIZE_INJECTION_KEY = index$r.SIZE_INJECTION_KEY;
125
+ exports.useGlobalSize = index$r.useGlobalSize;
126
+ exports.useSizeProp = index$r.useSizeProp;
127
+ exports.useSizeProps = index$r.useSizeProps;
128
+ exports.defaultNamespace = index$s.defaultNamespace;
129
+ exports.namespaceContextKey = index$s.namespaceContextKey;
130
+ exports.useGetDerivedNamespace = index$s.useGetDerivedNamespace;
131
+ exports.useNamespace = index$s.useNamespace;
132
+ exports.numberToLetter = index$t.numberToLetter;
133
+ exports.insertCursorPosition = index$u.insertCursorPosition;
129
134
  exports.install = install;
130
135
  exports.version = version;
131
136
  //# sourceMappingURL=index.js.map
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../packages/hzzt-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@hzzt-plus/components'\nexport * from '@hzzt-plus/constants'\nexport * from '@hzzt-plus/directives'\nexport * from '@hzzt-plus/hooks'\nexport * from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMY,MAAC,OAAO,GAAGA,mBAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAGA,mBAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../packages/hzzt-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@hzzt-plus/components'\nexport * from '@hzzt-plus/constants'\nexport * from '@hzzt-plus/directives'\nexport * from '@hzzt-plus/hooks'\nexport * from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMY,MAAC,OAAO,GAAGA,mBAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAGA,mBAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/lib/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const version = "2.0.1";
1
+ export declare const version = "2.0.3";
package/lib/version.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const version = "2.0.1";
5
+ const version = "2.0.3";
6
6
 
7
7
  exports.version = version;
8
8
  //# sourceMappingURL=version.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"version.js","sources":["../../../packages/hzzt-plus/version.ts"],"sourcesContent":["export const version = '2.0.1'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}
1
+ {"version":3,"file":"version.js","sources":["../../../packages/hzzt-plus/version.ts"],"sourcesContent":["export const version = '2.0.3'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "hzzt-plus",
3
- "version": "2.0.1",
3
+ "version": "2.0.3",
4
4
  "description": "A Component Library for Vue 3",
5
5
  "keywords": [
6
6
  "hzzt-plus",
package/tags.json CHANGED
@@ -1 +1 @@
1
- {"hzzt-cascader":{"attributes":["model-value","size","disabled","options","cascader-props","clearable","readonly","placeholder"],"description":"Title"},"hzzt-check-button":{"attributes":["options","model-value","size","type","is-default"],"description":"Title"},"hzzt-click-input":{"attributes":["model-value","size","disabled","readonly","input-props"],"description":"Title"},"hzzt-collapse":{"attributes":["default-active","title","expand"],"description":"Title"},"hzzt-config-provider":{"attributes":["a11y","size","locale","keyboard-navigation"],"description":"Title"},"hzzt-confirm-password":{"attributes":["placeholder","model-value"],"description":"Title"},"hzzt-dropdown":{"attributes":["options","default-value","label","value","position","props","return-type"],"description":"Title"},"hzzt-icon":{"attributes":["name","type"],"description":"Title"},"hzzt-input-range":{"attributes":["model-value","size","disabled","clearable","start-placeholder","end-placeholder","start-props","end-props"],"description":"Title"},"hzzt-page-size":{"attributes":["model-value","page-size","total","size","page-size-options","disabled","is-manual","is-last-page"],"description":"Title"},"hzzt-pagination":{"attributes":["pagination"],"description":"Title"},"hzzt-quarter-picker":{"attributes":["format","value-format","placeholder","prefix-icon","clear-icon","size","model-value","disabled","clearable","disabled-date"],"description":"Title"},"hzzt-scan":{"attributes":["model-value","placeholder","letter"],"description":"Title"},"hzzt-select-input":{"attributes":["model-value","index-type","size","label","disabled","replace","position","options","input-props","custom-props","format-label","split"],"description":"Title"},"hzzt-select-textarea":{"attributes":["model-value","size","label","disabled","replace","options","input-props","select-props"],"description":"Title"},"hzzt-select":{"attributes":["model-value","size","select-props","disabled","options","cascader-props","clearable","readonly","replace","placeholder"],"description":"Title"},"hzzt-tab":{"attributes":["tab-list","model-value","closable"],"description":"Title"},"hzzt-title":{"attributes":["label","sideline","size"],"description":"Title"},"hzzt-tooltip":{"attributes":["content"],"description":"Title"}}
1
+ {"hzzt-cascader":{"attributes":["model-value","size","disabled","options","cascader-props","clearable","readonly","placeholder"],"description":"Title"},"hzzt-check-button":{"attributes":["options","model-value","size","type","is-default"],"description":"Title"},"hzzt-click-input":{"attributes":["model-value","size","disabled","readonly","input-props"],"description":"Title"},"hzzt-collapse":{"attributes":["default-active","title","expand"],"description":"Title"},"hzzt-config-provider":{"attributes":["a11y","size","locale","keyboard-navigation"],"description":"Title"},"hzzt-confirm-password":{"attributes":["placeholder","model-value"],"description":"Title"},"hzzt-dropdown":{"attributes":["options","default-value","label","value","position","props","return-type"],"description":"Title"},"hzzt-icon":{"attributes":["name","type"],"description":"Title"},"hzzt-input-range":{"attributes":["model-value","size","disabled","clearable","start-placeholder","end-placeholder","start-props","end-props"],"description":"Title"},"hzzt-lazy-list":{"attributes":["size","height","data","row-key"],"description":"LazyList"},"hzzt-page-size":{"attributes":["model-value","page-size","total","size","page-size-options","disabled","is-manual","is-last-page"],"description":"Title"},"hzzt-pagination":{"attributes":["pagination"],"description":"Title"},"hzzt-quarter-picker":{"attributes":["format","value-format","placeholder","prefix-icon","clear-icon","size","model-value","disabled","clearable","disabled-date"],"description":"Title"},"hzzt-scan":{"attributes":["model-value","placeholder","letter"],"description":"Title"},"hzzt-select-input":{"attributes":["model-value","index-type","size","label","disabled","replace","position","options","input-props","custom-props","format-label","split"],"description":"Title"},"hzzt-select-textarea":{"attributes":["model-value","size","label","disabled","replace","options","input-props","select-props"],"description":"Title"},"hzzt-select":{"attributes":["model-value","size","select-props","disabled","options","cascader-props","clearable","readonly","replace","placeholder"],"description":"Title"},"hzzt-tab":{"attributes":["tab-list","model-value","closable"],"description":"Title"},"hzzt-title":{"attributes":["label","sideline","size"],"description":"Title"},"hzzt-tooltip":{"attributes":["content"],"description":"Title"}}
@@ -0,0 +1 @@
1
+ .hzzt-lazy-list{--hzzt-lazy-current-background-color:#fff;--hzzt-lazy-border-color:#fff;--hzzt-lazy-active-border-color:getCssVar("color","primary");--hzzt-lazy-current-active-background-color:#fff}.hzzt-lazy-list__item{background:var(--hzzt-lazy-current-background-color);border-color:var(--hzzt-lazy-border-color);border:var(--hzzt-border)}.hzzt-lazy-list__item.is-active{background:var(--hzzt-lazy-current-active-background-color);border-color:var(--hzzt-lazy-active-border-color)}
package/theme/index.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";:root{--hzzt-color-white:#ffffff;--hzzt-color-black:#000000;--hzzt-color-primary-rgb:64,158,255;--hzzt-color-success-rgb:103,194,58;--hzzt-color-warning-rgb:230,162,60;--hzzt-color-danger-rgb:245,108,108;--hzzt-color-error-rgb:245,108,108;--hzzt-color-info-rgb:144,147,153;--hzzt-font-size-extra-large:20px;--hzzt-font-size-large:18px;--hzzt-font-size-medium:16px;--hzzt-font-size-base:14px;--hzzt-font-size-small:13px;--hzzt-font-size-extra-small:12px;--hzzt-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--hzzt-font-weight-primary:500;--hzzt-font-line-height-primary:24px;--hzzt-index-normal:1;--hzzt-index-top:1000;--hzzt-index-popper:2000;--hzzt-border-radius-base:4px;--hzzt-border-radius-small:2px;--hzzt-border-radius-round:20px;--hzzt-border-radius-circle:100%;--hzzt-transition-duration:0.3s;--hzzt-transition-duration-fast:0.2s;--hzzt-transition-function-ease-in-out-bezier:cubic-bezier(0.645,0.045,0.355,1);--hzzt-transition-function-fast-bezier:cubic-bezier(0.23,1,0.32,1);--hzzt-transition-all:all var(--hzzt-transition-duration) var(--hzzt-transition-function-ease-in-out-bezier);--hzzt-transition-fade:opacity var(--hzzt-transition-duration) var(--hzzt-transition-function-fast-bezier);--hzzt-transition-md-fade:transform var(--hzzt-transition-duration) var(--hzzt-transition-function-fast-bezier),opacity var(--hzzt-transition-duration) var(--hzzt-transition-function-fast-bezier);--hzzt-transition-fade-linear:opacity var(--hzzt-transition-duration-fast) linear;--hzzt-transition-border:border-color var(--hzzt-transition-duration-fast) var(--hzzt-transition-function-ease-in-out-bezier);--hzzt-transition-box-shadow:box-shadow var(--hzzt-transition-duration-fast) var(--hzzt-transition-function-ease-in-out-bezier);--hzzt-transition-color:color var(--hzzt-transition-duration-fast) var(--hzzt-transition-function-ease-in-out-bezier);--hzzt-component-size-large:40px;--hzzt-component-size:32px;--hzzt-component-size-small:24px;color-scheme:light;--hzzt-color-primary:#409eff;--hzzt-color-primary-light-3:rgb(121.3,187.1,255);--hzzt-color-primary-light-5:rgb(159.5,206.5,255);--hzzt-color-primary-light-7:rgb(197.7,225.9,255);--hzzt-color-primary-light-8:rgb(216.8,235.6,255);--hzzt-color-primary-light-9:rgb(235.9,245.3,255);--hzzt-color-primary-dark-2:rgb(51.2,126.4,204);--hzzt-color-success:#67c23a;--hzzt-color-success-light-3:rgb(148.6,212.3,117.1);--hzzt-color-success-light-5:rgb(179,224.5,156.5);--hzzt-color-success-light-7:rgb(209.4,236.7,195.9);--hzzt-color-success-light-8:rgb(224.6,242.8,215.6);--hzzt-color-success-light-9:rgb(239.8,248.9,235.3);--hzzt-color-success-dark-2:rgb(82.4,155.2,46.4);--hzzt-color-warning:#e6a23c;--hzzt-color-warning-light-3:rgb(237.5,189.9,118.5);--hzzt-color-warning-light-5:rgb(242.5,208.5,157.5);--hzzt-color-warning-light-7:rgb(247.5,227.1,196.5);--hzzt-color-warning-light-8:rgb(250,236.4,216);--hzzt-color-warning-light-9:rgb(252.5,245.7,235.5);--hzzt-color-warning-dark-2:rgb(184,129.6,48);--hzzt-color-danger:#f56c6c;--hzzt-color-danger-light-3:rgb(248,152.1,152.1);--hzzt-color-danger-light-5:rgb(250,181.5,181.5);--hzzt-color-danger-light-7:rgb(252,210.9,210.9);--hzzt-color-danger-light-8:rgb(253,225.6,225.6);--hzzt-color-danger-light-9:rgb(254,240.3,240.3);--hzzt-color-danger-dark-2:rgb(196,86.4,86.4);--hzzt-color-error:#f56c6c;--hzzt-color-error-light-3:rgb(248,152.1,152.1);--hzzt-color-error-light-5:rgb(250,181.5,181.5);--hzzt-color-error-light-7:rgb(252,210.9,210.9);--hzzt-color-error-light-8:rgb(253,225.6,225.6);--hzzt-color-error-light-9:rgb(254,240.3,240.3);--hzzt-color-error-dark-2:rgb(196,86.4,86.4);--hzzt-color-info:#909399;--hzzt-color-info-light-3:rgb(177.3,179.4,183.6);--hzzt-color-info-light-5:rgb(199.5,201,204);--hzzt-color-info-light-7:rgb(221.7,222.6,224.4);--hzzt-color-info-light-8:rgb(232.8,233.4,234.6);--hzzt-color-info-light-9:rgb(243.9,244.2,244.8);--hzzt-color-info-dark-2:rgb(115.2,117.6,122.4);--hzzt-bg-color:#ffffff;--hzzt-bg-color-page:#f2f3f5;--hzzt-bg-color-overlay:#ffffff;--hzzt-text-color-primary:#303133;--hzzt-text-color-regular:#606266;--hzzt-text-color-secondary:#909399;--hzzt-text-color-placeholder:#a8abb2;--hzzt-text-color-disabled:#c0c4cc;--hzzt-border-color:#dcdfe6;--hzzt-border-color-light:#e4e7ed;--hzzt-border-color-lighter:#ebeef5;--hzzt-border-color-extra-light:#f2f6fc;--hzzt-border-color-dark:#d4d7de;--hzzt-border-color-darker:#cdd0d6;--hzzt-fill-color:#f0f2f5;--hzzt-fill-color-light:#f5f7fa;--hzzt-fill-color-lighter:#fafafa;--hzzt-fill-color-extra-light:#fafcff;--hzzt-fill-color-dark:#ebedf0;--hzzt-fill-color-darker:#e6e8eb;--hzzt-fill-color-blank:#ffffff;--hzzt-box-shadow:0px 12px 32px 4px rgba(0,0,0,0.04),0px 8px 20px rgba(0,0,0,0.08);--hzzt-box-shadow-light:0px 0px 12px rgba(0,0,0,0.12);--hzzt-box-shadow-lighter:0px 0px 6px rgba(0,0,0,0.12);--hzzt-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,0.08),0px 12px 32px rgba(0,0,0,0.12),0px 8px 16px -8px rgba(0,0,0,0.16);--hzzt-disabled-bg-color:var(--hzzt-fill-color-light);--hzzt-disabled-text-color:var(--hzzt-text-color-placeholder);--hzzt-disabled-border-color:var(--hzzt-border-color-light);--hzzt-overlay-color:rgba(0,0,0,0.8);--hzzt-overlay-color-light:rgba(0,0,0,0.7);--hzzt-overlay-color-lighter:rgba(0,0,0,0.5);--hzzt-mask-color:rgba(255,255,255,0.9);--hzzt-mask-color-extra-light:rgba(255,255,255,0.3);--hzzt-border-width:1px;--hzzt-border-style:solid;--hzzt-border-color-hover:var(--hzzt-text-color-disabled);--hzzt-border:var(--hzzt-border-width) var(--hzzt-border-style) var(--hzzt-border-color);--hzzt-svg-monochrome-grey:var(--hzzt-border-color)}a,article,aside,b,body,button,dd,div,dl,dt,figcaption,figure,footer,h1,h2,h3,h4,h5,h6,header,i,input,li,nav,p,section,select,span,textarea,ul{border:none;font-style:normal;list-style:none;margin:0;padding:0;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}a:focus,article:focus,aside:focus,b:focus,body:focus,button:focus,dd:focus,div:focus,dl:focus,dt:focus,figcaption:focus,figure:focus,footer:focus,h1:focus,h2:focus,h3:focus,h4:focus,h5:focus,h6:focus,header:focus,i:focus,input:focus,li:focus,nav:focus,p:focus,section:focus,select:focus,span:focus,textarea:focus,ul:focus{outline:none}*,:after,:before{box-sizing:border-box}.flex{display:flex;display:-webkit-flex}.column{flex-direction:column}.row{flex-direction:row}.wrap{flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap}.nowrap{flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap}.justify-content-center{justify-content:center;-webkit-justify-content:center}.justify-content-between{justify-content:space-between;-webkit-justify-content:space-between}.justify-content-around{justify-content:space-around;-webkit-justify-content:space-around}.justify-content-start{justify-content:flex-start;-webkit-justify-content:flex-start}.justify-content-end{justify-content:flex-end;-webkit-justify-content:flex-end}.align-content-between{align-content:space-between}.align-items-center{align-items:center;-webkit-align-items:center}.align-items-start{align-items:flex-start;-webkit-align-items:flex-start}.align-items-end{align-items:flex-end;-webkit-align-items:flex-end}.align-items-stretch{align-items:stretch;-webkit-align-items:stretch}.align-items-baseline{align-items:baseline;-webkit-align-items:baseline}.align-self-center{align-self:center;-webkit-align-self:center}.align-self-start{align-self:flex-start;-webkit-align-self:flex-start}.align-self-end{align-self:flex-end;-webkit-align-self:flex-end}.align-self-stretch{align-self:stretch;-webkit-align-self:stretch}.align-self-baseline{align-self:baseline;-webkit-align-self:baseline}.flex-1{flex:1;-webkit-flex:1;-ms-flex:1}.flex-2{flex:2;-webkit-flex:2;-ms-flex:2}.flex-3{flex:3;-webkit-flex:3;-ms-flex:3}.flex-4{flex:4;-webkit-flex:4;-ms-flex:4}.flex-5{flex:5;-webkit-flex:5;-ms-flex:5}.flex-6{flex:6;-webkit-flex:6;-ms-flex:6}.flex-7{flex:7;-webkit-flex:7;-ms-flex:7}.flex-8{flex:8;-webkit-flex:8;-ms-flex:8}.padding-0{padding:0}.padding-v-0{padding-bottom:0;padding-top:0}.padding-h-0{padding-left:0;padding-right:0}.padding-t-0{padding-top:0}.padding-l-0{padding-left:0}.padding-r-0{padding-right:0}.padding-b-0{padding-bottom:0}.margin-0{margin:0}.margin-v-0{margin-bottom:0;margin-top:0}.margin-h-0{margin-left:0;margin-right:0}.margin-t-0{margin-top:0}.margin-l-0{margin-left:0}.margin-r-0{margin-right:0}.margin-b-0{margin-bottom:0}.padding-1{padding:4px}.padding-v-1{padding-bottom:4px;padding-top:4px}.padding-h-1{padding-left:4px;padding-right:4px}.padding-t-1{padding-top:4px}.padding-l-1{padding-left:4px}.padding-r-1{padding-right:4px}.padding-b-1{padding-bottom:4px}.margin-1{margin:4px}.margin-v-1{margin-bottom:4px;margin-top:4px}.margin-h-1{margin-left:4px;margin-right:4px}.margin-t-1{margin-top:4px}.margin-l-1{margin-left:4px}.margin-r-1{margin-right:4px}.margin-b-1{margin-bottom:4px}.padding-2{padding:8px}.padding-v-2{padding-bottom:8px;padding-top:8px}.padding-h-2{padding-left:8px;padding-right:8px}.padding-t-2{padding-top:8px}.padding-l-2{padding-left:8px}.padding-r-2{padding-right:8px}.padding-b-2{padding-bottom:8px}.margin-2{margin:8px}.margin-v-2{margin-bottom:8px;margin-top:8px}.margin-h-2{margin-left:8px;margin-right:8px}.margin-t-2{margin-top:8px}.margin-l-2{margin-left:8px}.margin-r-2{margin-right:8px}.margin-b-2{margin-bottom:8px}.padding-3{padding:12px}.padding-v-3{padding-bottom:12px;padding-top:12px}.padding-h-3{padding-left:12px;padding-right:12px}.padding-t-3{padding-top:12px}.padding-l-3{padding-left:12px}.padding-r-3{padding-right:12px}.padding-b-3{padding-bottom:12px}.margin-3{margin:12px}.margin-v-3{margin-bottom:12px;margin-top:12px}.margin-h-3{margin-left:12px;margin-right:12px}.margin-t-3{margin-top:12px}.margin-l-3{margin-left:12px}.margin-r-3{margin-right:12px}.margin-b-3{margin-bottom:12px}.padding-4{padding:16px}.padding-v-4{padding-bottom:16px;padding-top:16px}.padding-h-4{padding-left:16px;padding-right:16px}.padding-t-4{padding-top:16px}.padding-l-4{padding-left:16px}.padding-r-4{padding-right:16px}.padding-b-4{padding-bottom:16px}.margin-4{margin:16px}.margin-v-4{margin-bottom:16px;margin-top:16px}.margin-h-4{margin-left:16px;margin-right:16px}.margin-t-4{margin-top:16px}.margin-l-4{margin-left:16px}.margin-r-4{margin-right:16px}.margin-b-4{margin-bottom:16px}.padding-5{padding:20px}.padding-v-5{padding-bottom:20px;padding-top:20px}.padding-h-5{padding-left:20px;padding-right:20px}.padding-t-5{padding-top:20px}.padding-l-5{padding-left:20px}.padding-r-5{padding-right:20px}.padding-b-5{padding-bottom:20px}.margin-5{margin:20px}.margin-v-5{margin-bottom:20px;margin-top:20px}.margin-h-5{margin-left:20px;margin-right:20px}.margin-t-5{margin-top:20px}.margin-l-5{margin-left:20px}.margin-r-5{margin-right:20px}.margin-b-5{margin-bottom:20px}.padding-6{padding:24px}.padding-v-6{padding-bottom:24px;padding-top:24px}.padding-h-6{padding-left:24px;padding-right:24px}.padding-t-6{padding-top:24px}.padding-l-6{padding-left:24px}.padding-r-6{padding-right:24px}.padding-b-6{padding-bottom:24px}.margin-6{margin:24px}.margin-v-6{margin-bottom:24px;margin-top:24px}.margin-h-6{margin-left:24px;margin-right:24px}.margin-t-6{margin-top:24px}.margin-l-6{margin-left:24px}.margin-r-6{margin-right:24px}.margin-b-6{margin-bottom:24px}.padding-7{padding:28px}.padding-v-7{padding-bottom:28px;padding-top:28px}.padding-h-7{padding-left:28px;padding-right:28px}.padding-t-7{padding-top:28px}.padding-l-7{padding-left:28px}.padding-r-7{padding-right:28px}.padding-b-7{padding-bottom:28px}.margin-7{margin:28px}.margin-v-7{margin-bottom:28px;margin-top:28px}.margin-h-7{margin-left:28px;margin-right:28px}.margin-t-7{margin-top:28px}.margin-l-7{margin-left:28px}.margin-r-7{margin-right:28px}.margin-b-7{margin-bottom:28px}.padding-8{padding:32px}.padding-v-8{padding-bottom:32px;padding-top:32px}.padding-h-8{padding-left:32px;padding-right:32px}.padding-t-8{padding-top:32px}.padding-l-8{padding-left:32px}.padding-r-8{padding-right:32px}.padding-b-8{padding-bottom:32px}.margin-8{margin:32px}.margin-v-8{margin-bottom:32px;margin-top:32px}.margin-h-8{margin-left:32px;margin-right:32px}.margin-t-8{margin-top:32px}.margin-l-8{margin-left:32px}.margin-r-8{margin-right:32px}.margin-b-8{margin-bottom:32px}.width-0{width:0}.min-width-0{min-width:0}.max-width-0{max-width:0}.height-0{height:0}.min-height-0{min-height:0}.max-height-0{max-height:0}.width-1{width:50px}.min-width-1{min-width:50px}.max-width-1{max-width:50px}.height-1{height:50px}.min-height-1{min-height:50px}.max-height-1{max-height:50px}.width-2{width:100px}.min-width-2{min-width:100px}.max-width-2{max-width:100px}.height-2{height:100px}.min-height-2{min-height:100px}.max-height-2{max-height:100px}.width-3{width:150px}.min-width-3{min-width:150px}.max-width-3{max-width:150px}.height-3{height:150px}.min-height-3{min-height:150px}.max-height-3{max-height:150px}.width-4{width:200px}.min-width-4{min-width:200px}.max-width-4{max-width:200px}.height-4{height:200px}.min-height-4{min-height:200px}.max-height-4{max-height:200px}.width-5{width:250px}.min-width-5{min-width:250px}.max-width-5{max-width:250px}.height-5{height:250px}.min-height-5{min-height:250px}.max-height-5{max-height:250px}.width-6{width:300px}.min-width-6{min-width:300px}.max-width-6{max-width:300px}.height-6{height:300px}.min-height-6{min-height:300px}.max-height-6{max-height:300px}.width-7{width:350px}.min-width-7{min-width:350px}.max-width-7{max-width:350px}.height-7{height:350px}.min-height-7{min-height:350px}.max-height-7{max-height:350px}.width-8{width:400px}.min-width-8{min-width:400px}.max-width-8{max-width:400px}.height-8{height:400px}.min-height-8{min-height:400px}.max-height-8{max-height:400px}.width-9{width:450px}.min-width-9{min-width:450px}.max-width-9{max-width:450px}.height-9{height:450px}.min-height-9{min-height:450px}.max-height-9{max-height:450px}.width-10{width:500px}.min-width-10{min-width:500px}.max-width-10{max-width:500px}.height-10{height:500px}.min-height-10{min-height:500px}.max-height-10{max-height:500px}.width-12{width:600px}.min-width-12{min-width:600px}.max-width-12{max-width:600px}.height-12{height:600px}.min-height-12{min-height:600px}.max-height-12{max-height:600px}.width-13{width:650px}.min-width-13{min-width:650px}.max-width-13{max-width:650px}.height-13{height:650px}.min-height-13{min-height:650px}.max-height-13{max-height:650px}.width-14{width:700px}.min-width-14{min-width:700px}.max-width-14{max-width:700px}.height-14{height:700px}.min-height-14{min-height:700px}.max-height-14{max-height:700px}.width-15{width:750px}.min-width-15{min-width:750px}.max-width-15{max-width:750px}.height-15{height:750px}.min-height-15{min-height:750px}.max-height-15{max-height:750px}.width-16{width:800px}.min-width-16{min-width:800px}.max-width-16{max-width:800px}.height-16{height:800px}.min-height-16{min-height:800px}.max-height-16{max-height:800px}.width-17{width:850px}.min-width-17{min-width:850px}.max-width-17{max-width:850px}.height-17{height:850px}.min-height-17{min-height:850px}.max-height-17{max-height:850px}.width-18{width:900px}.min-width-18{min-width:900px}.max-width-18{max-width:900px}.height-18{height:900px}.min-height-18{min-height:900px}.max-height-18{max-height:900px}.width-19{width:950px}.min-width-19{min-width:950px}.max-width-19{max-width:950px}.height-19{height:950px}.min-height-19{min-height:950px}.max-height-19{max-height:950px}.width-20{width:1000px}.min-width-20{min-width:1000px}.max-width-20{max-width:1000px}.height-20{height:1000px}.min-height-20{min-height:1000px}.max-height-20{max-height:1000px}.width-0\%{width:0}.min-width-0\%{min-width:0}.max-width-0\%{max-width:0}.height-0\%{height:0}.min-height-0\%{min-height:0}.max-height-0\%{max-height:0}.width-5\%{width:5%}.min-width-5\%{min-width:5%}.max-width-5\%{max-width:5%}.height-5\%{height:5%}.min-height-5\%{min-height:5%}.max-height-5\%{max-height:5%}.width-10\%{width:10%}.min-width-10\%{min-width:10%}.max-width-10\%{max-width:10%}.height-10\%{height:10%}.min-height-10\%{min-height:10%}.max-height-10\%{max-height:10%}.width-15\%{width:15%}.min-width-15\%{min-width:15%}.max-width-15\%{max-width:15%}.height-15\%{height:15%}.min-height-15\%{min-height:15%}.max-height-15\%{max-height:15%}.width-20\%{width:20%}.min-width-20\%{min-width:20%}.max-width-20\%{max-width:20%}.height-20\%{height:20%}.min-height-20\%{min-height:20%}.max-height-20\%{max-height:20%}.width-25\%{width:25%}.min-width-25\%{min-width:25%}.max-width-25\%{max-width:25%}.height-25\%{height:25%}.min-height-25\%{min-height:25%}.max-height-25\%{max-height:25%}.width-30\%{width:30%}.min-width-30\%{min-width:30%}.max-width-30\%{max-width:30%}.height-30\%{height:30%}.min-height-30\%{min-height:30%}.max-height-30\%{max-height:30%}.width-35\%{width:35%}.min-width-35\%{min-width:35%}.max-width-35\%{max-width:35%}.height-35\%{height:35%}.min-height-35\%{min-height:35%}.max-height-35\%{max-height:35%}.width-40\%{width:40%}.min-width-40\%{min-width:40%}.max-width-40\%{max-width:40%}.height-40\%{height:40%}.min-height-40\%{min-height:40%}.max-height-40\%{max-height:40%}.width-45\%{width:45%}.min-width-45\%{min-width:45%}.max-width-45\%{max-width:45%}.height-45\%{height:45%}.min-height-45\%{min-height:45%}.max-height-45\%{max-height:45%}.width-50\%{width:50%}.min-width-50\%{min-width:50%}.max-width-50\%{max-width:50%}.height-50\%{height:50%}.min-height-50\%{min-height:50%}.max-height-50\%{max-height:50%}.width-55\%{width:55%}.min-width-55\%{min-width:55%}.max-width-55\%{max-width:55%}.height-55\%{height:55%}.min-height-55\%{min-height:55%}.max-height-55\%{max-height:55%}.width-60\%{width:60%}.min-width-60\%{min-width:60%}.max-width-60\%{max-width:60%}.height-60\%{height:60%}.min-height-60\%{min-height:60%}.max-height-60\%{max-height:60%}.width-65\%{width:65%}.min-width-65\%{min-width:65%}.max-width-65\%{max-width:65%}.height-65\%{height:65%}.min-height-65\%{min-height:65%}.max-height-65\%{max-height:65%}.width-70\%{width:70%}.min-width-70\%{min-width:70%}.max-width-70\%{max-width:70%}.height-70\%{height:70%}.min-height-70\%{min-height:70%}.max-height-70\%{max-height:70%}.width-75\%{width:75%}.min-width-75\%{min-width:75%}.max-width-75\%{max-width:75%}.height-75\%{height:75%}.min-height-75\%{min-height:75%}.max-height-75\%{max-height:75%}.width-80\%{width:80%}.min-width-80\%{min-width:80%}.max-width-80\%{max-width:80%}.height-80\%{height:80%}.min-height-80\%{min-height:80%}.max-height-80\%{max-height:80%}.width-85\%{width:85%}.min-width-85\%{min-width:85%}.max-width-85\%{max-width:85%}.height-85\%{height:85%}.min-height-85\%{min-height:85%}.max-height-85\%{max-height:85%}.width-90\%{width:90%}.min-width-90\%{min-width:90%}.max-width-90\%{max-width:90%}.height-90\%{height:90%}.min-height-90\%{min-height:90%}.max-height-90\%{max-height:90%}.width-95\%{width:95%}.min-width-95\%{min-width:95%}.max-width-95\%{max-width:95%}.height-95\%{height:95%}.min-height-95\%{min-height:95%}.max-height-95\%{max-height:95%}.width-100\%{width:100%}.min-width-100\%{min-width:100%}.max-width-100\%{max-width:100%}.height-100\%{height:100%}.min-height-100\%{min-height:100%}.max-height-100\%{max-height:100%}.font-12{font-size:12px}.font-14{font-size:14px}.font-16{font-size:16px}.font-18{font-size:18px}.font-20{font-size:20px}.font-22{font-size:22px}.font-24{font-size:24px}.font-28{font-size:28px}.font-32{font-size:32px}.font-48{font-size:48px}.font-64{font-size:64px}.font-weight-1{font-weight:100}.font-weight-2{font-weight:200}.font-weight-3{font-weight:300}.font-weight-4{font-weight:400}.font-weight-5{font-weight:500}.font-weight-6{font-weight:600}.font-weight-7{font-weight:700}.font-weight-8{font-weight:800}.font-weight-9{font-weight:900}.line-height-0{line-height:0}.line-height-1{line-height:1}.line-height-2{line-height:2}.line-height-1\.2{line-height:1.2}.line-height-1\.5{line-height:1.5}.bold{font-weight:bold}.normal{font-weight:normal}.lighter{font-weight:lighter}.ellipsis,.hidden-part-words,.inline-block-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden-part-words,.inline-block-ellipsis{display:inline-block;width:100%}.overflow-auto{overflow:auto}.overflow-x-auto,.overflow-y-hidden{overflow-x:auto;overflow-y:hidden}.overflow-x-hidden,.overflow-y-auto{overflow-x:hidden;overflow-y:auto}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.clear:after{clear:both;content:"";display:block}.clear{zoom:1}.left{float:left}.right{float:right}.hide{display:none}.show{display:block}.inline-block{display:inline-block}.pointer{cursor:pointer}.hzzt-title{color:var(--el-text-color-regular)}.hzzt-title__line{background:var(--hzzt-color-primary);height:18px;margin-right:6px;min-width:3px;width:3px}.hzzt-title__name{color:inherit;font-size:16px;line-height:32px}.hzzt-title__name--large{font-size:18px;line-height:40px}.hzzt-title__name--small{line-height:24px}.hzzt-dropdown{display:block;list-style-type:disc;margin-left:8px}.hzzt-dropdown .hzzt-dropdown-li{color:white;cursor:pointer;padding:4px 6px;position:relative}.hzzt-dropdown .hzzt-dropdown-li-show{background-color:rgba(0,0,0,.1);border-radius:4px}.hzzt-dropdown .hzzt-dropdown-li-show .hzzt-dropdown-menu{display:block}.hzzt-dropdown .hzzt-dropdown-name{font-size:14px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hzzt-dropdown .caret{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid;display:inline-block;height:0;margin-bottom:2px;margin-left:2px;vertical-align:middle;width:0}.hzzt-dropdown .hzzt-dropdown-menu{background-color:white;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.175);display:none;font-size:13px;list-style:none;margin:6px 0 0;min-width:150px;padding:5px 0;position:absolute;right:0;top:100%;z-index:1000}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-menu-item{color:black;display:block;margin:0;padding:0 10px}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-menu-item a{border-radius:3px;clear:both;color:#000;display:block;font-weight:400;line-height:1.42857143;margin:5px 0;padding:2px 10px;text-decoration:none;white-space:nowrap}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-menu-item a:hover{background:var(--hzzt-color-primary);border-radius:3px;color:white}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu{position:relative}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu .submenu:after{border-bottom:5px solid transparent;border-left:5px solid transparent;border-left-color:var(--hzzt-border-color);border-right:0 solid transparent;border-top:5px solid transparent;content:" ";display:block;float:right;height:0;margin-right:-5px;margin-top:5px;width:0}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu:hover .pull-right{display:block}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu:hover .submenu{background-color:#FFF4D7;color:#000}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu:hover .submenu:after{border-left-color:var(--hzzt-color-primary);color:white}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu:hover .submenu:hover{background:var(--hzzt-color-primary);border-radius:3px;color:white}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu:hover .submenu:hover:after{border-left-color:white}.hzzt-dropdown .hzzt-dropdown-menu .divider{background-color:#eee;height:1px;margin:9px;overflow:hidden}.hzzt-dropdown .hzzt-dropdown-menu .pull-right{display:none;margin:0;right:100%;top:-10px}.hzzt-dropdown .hzzt-dropdown-menu .selected .hzzt-dropdown-menu-item-label{background:var(--hzzt-color-primary-light-5);color:white;position:relative}.hzzt-dropdown .hzzt-dropdown-menu .selected .hzzt-dropdown-menu-item-label:hover{background:var(--hzzt-color-primary);color:white}.hzzt-dropdown .hzzt-dropdown-menu .selected .hzzt-dropdown-menu-item-label:after{display:block;position:absolute;right:24px;top:4px;speak:none;border:1px solid white;border-left:0;border-top:0;box-sizing:content-box;content:"";height:10px;transform:rotate(45deg) scaleY(1);transform-origin:center;transition:transform .15s ease-in .05s;width:5px}.hzzt-collapse{background:var(--hzzt-bg-color);border-radius:4px;padding:8px}.hzzt-collapse__top{align-items:center;display:flex;justify-content:space-between;padding-bottom:4px;white-space:nowrap}.hzzt-collapse__title{color:var(--hzzt-text-color-regular);font-size:16px;font-weight:600;line-height:24px;padding-left:8px;position:relative}.hzzt-collapse__title:before{background:var(--hzzt-color-primary);content:"";height:calc(100% - 6px);left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.hzzt-collapse__btn{align-items:center;color:#86909C;cursor:pointer;display:flex;font-size:12px}.hzzt-collapse__btn:hover{color:var(--hzzt-color-primary)}.hzzt-collapse__icon{margin:0 4px;text-align:center}.hzzt-collapse__line{background:var(--hzzt-border-color);flex:1;height:1px;margin-left:4px}.hzzt-tab{font-size:14px;margin-bottom:4px}.hzzt-tab p{margin:0}.hzzt-tab .hzzt-tab-pane{cursor:pointer;font-size:14px;padding-right:12px}.hzzt-tab .hzzt-tab-pane:hover{color:var(--hzzt-color-primary)}.hzzt-tab .hzzt-tab-badge{align-items:center;display:flex;white-space:nowrap}.hzzt-tab .hzzt-tab-badge .hzzt-tab-badge-text{font-size:14px;line-height:28px;margin:0;position:relative}.hzzt-tab .hzzt-tab-badge .hzzt-tab-badge-text.active{color:var(--hzzt-color-primary);font-weight:bold}.hzzt-tab .hzzt-tab-badge .hzzt-tab-badge-text.active:before{background-color:var(--hzzt-color-primary);bottom:0;content:"";height:2PX;left:0;position:absolute;right:0}.hzzt-tab .hzzt-tab-badge .hzzt-tab-badge-count{background-color:var(--hzzt-color-danger);border-radius:15px;color:#fff;font-size:10px;line-height:1;margin:0 0 0 1px;min-width:20px;padding:2px 6px;text-align:center}.hzzt-tab .hzzt-tab-badge .is-icon-close{border-radius:50%;margin-left:4px}.hzzt-tab .hzzt-tab-badge .is-icon-close:hover{background-color:var(--hzzt-text-color-placeholder);color:#fff}.hzzt-pagination{--hzzt-pagination-height:40px;height:var(--hzzt-pagination-height)}.hzzt-pagination .el-input__wrapper{background-color:var(--el-fill-color-light)}.hzzt-pagination .el-input__wrapper.is-focus{background-color:var(--el-input-bg-color,var(--el-fill-color-blank))}.hzzt-pagination__input{width:40px}.hzzt-pagination__input input{text-align:center}.hzzt-pagination__icon{cursor:pointer}.hzzt-pagination__icon.is-disabled{color:var(--el-text-color-disabled);cursor:not-allowed}.hzzt-pagination__count{color:var(--hzzt-color-primary)}.hzzt-page-size{font-size:var(--hzzt-font-size-base);line-height:32px;min-height:32px;padding:0}.hzzt-page-size__option{margin-left:8px;white-space:nowrap}.hzzt-page-size__option>.el-select{--el-border-color:transparent;--el-border-color-hover:transparent;--el-fill-color-blank:transparent;width:80px}.hzzt-page-size__option>.el-select .el-select__wrapper{font-size:var(--hzzt-font-size-base)}.hzzt-page-size__option>.el-select .is-focused{box-shadow:inset 0 0 0 1px transparent}.hzzt-page-size__pagination{align-items:center;display:flex}.hzzt-page-size__pagination>.el-button{height:32px;padding:0;width:32px}.hzzt-page-size--large{font-size:16px;line-height:40px;min-height:40px}.hzzt-page-size--large .hzzt-page-size__option>.el-select--large{width:100px}.hzzt-page-size--large .hzzt-page-size__option>.el-select--large .el-select__wrapper{font-size:16px}.hzzt-page-size--large .hzzt-page-size__pagination>.el-button{height:40px;padding:0;width:40px}.hzzt-page-size--small{font-size:14px;line-height:24px;min-height:24px}.hzzt-page-size--small .hzzt-page-size__option>.el-select--small{width:70px}.hzzt-page-size--small .hzzt-page-size__option>.el-select--small .el-select__wrapper{font-size:14px}.hzzt-page-size--small .hzzt-page-size__pagination>.el-button{height:24px;padding:0;width:24px}.hzzt-check-button{display:flex;justify-content:space-between;width:100%}.hzzt-check-button .el-badge{margin:0 5px}.hzzt-check-button .el-badge:first-child{margin-left:0}.hzzt-check-button .el-badge:last-child{margin-right:0}.hzzt-check-button__span{-webkit-appearance:none;background-color:var(--hzzt-fill-color-light);border:1px solid var(--hzzt-border-color);border-radius:1px;box-sizing:border-box;color:#000;cursor:pointer;display:inline-block;font-size:14px;height:32px;line-height:32px;text-align:center;white-space:nowrap}.hzzt-check-button--large{font-size:18px;height:40px;line-height:40px}.hzzt-check-button--small{font-size:13px;height:24px;line-height:24px}.hzzt-check-button--primary{background-color:var(--hzzt-color-primary-light-9);border:1px solid var(--hzzt-color-primary);color:var(--hzzt-color-primary)}.hzzt-check-button--success{background-color:var(--hzzt-color-success-light-9);border:1px solid var(--hzzt-color-success);color:var(--hzzt-color-success)}.hzzt-quarter-picker__table{border-collapse:collapse;font-size:16px;margin:-1px;width:100%}.hzzt-quarter-picker__table td{cursor:pointer;padding:10px 3px;text-align:center}.hzzt-quarter-picker__table td .cell{border-radius:18px;color:#606266;display:block;height:36px;line-height:36px;margin:0 auto}.hzzt-quarter-picker__table td .cell:hover{color:var(--hzzt-color-primary)}.hzzt-quarter-picker__table td.current:not(.disabled) .cell{background-color:var(--hzzt-color-primary);color:#fff}.hzzt-quarter-picker__table td.quarter .cell{color:var(--hzzt-color-primary);font-weight:700}.hzzt-quarter-picker__table td.disabled .cell{background-color:#f5f7fa;color:#c0c4cc;cursor:not-allowed}.hzzt-scan .hzzt-scan-input-backup{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px rgba(0,0,0,0) inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;--el-input-height:var(--el-component-size);border-radius:var(--el-input-border-radius,var(--el-border-radius-base));box-sizing:border-box;color:var(--el-input-text-color,var(--el-text-color-regular));display:inline-block;font-family:monospace;font-size:var(--el-font-size-base);height:var(--el-input-height);left:0;line-height:var(--el-input-height);outline:0;padding:1px 11px 1px 0;pointer-events:none;position:absolute;top:0;white-space:pre;width:var(--el-input-width)}.hzzt-scan .hzzt-scan-input-backup.placeholder-color{color:var(--el-text-color-placeholder)}.hzzt-scan .hzzt-scan-input-backup::-moz-selection{color:white}.hzzt-scan .hzzt-scan-input-backup::selection{color:white}.hzzt-scan .el-input--small+.hzzt-scan-input-backup{--el-input-height:var(--el-component-size-small);font-size:12px;padding:1px 7px 1px 0}.hzzt-scan .el-input--large+.hzzt-scan-input-backup{--el-input-height:var(--el-component-size-large);font-size:14px;padding:1px 15px 1px 0}.hzzt-scan .hzzt-scan-input-original .el-input__wrapper{padding-left:0}.hzzt-scan .hzzt-scan-input-original .el-input__wrapper input{caret-color:var(--el-input-text-color,var(--el-text-color-regular));color:white;font-family:monospace}.hzzt-scan .hzzt-scan-input-original .el-input__wrapper input::-moz-selection{color:rgba(0,0,0,0)}.hzzt-scan .hzzt-scan-input-original .el-input__wrapper input::selection{color:rgba(0,0,0,0)}.hzzt-cascader__input{left:0;position:absolute;right:0;top:0;z-index:2}.hzzt-cascader__input .el-input__inner{cursor:pointer}.hzzt-cascader__cascader .el-input__suffix{z-index:3}.hzzt-cascader__cascader .el-input{--el-input-border:none;--el-input-focus-border:none;--el-input-focus-border-color:none}.select-v2-popper-min-width-100 .el-select-dropdown{min-width:100px!important}.select-v2-popper-min-width-100 .el-select-dropdown .el-select-dropdown__list{min-width:100px!important;width:100%!important}.hzzt-click-input__span{min-height:32px}.hzzt-click-input--large .hzzt-click-input__span{min-height:40px}.hzzt-click-input--small .hzzt-click-input__span{min-height:24px}.hzzt-scroll.is-scrollable{padding:0 20px}.hzzt-scroll__content{min-width:-moz-fit-content;min-width:fit-content;white-space:nowrap}.hzzt-scroll__nav-next,.hzzt-scroll__nav-prev{align-items:center;color:var(--el-text-color-secondary);cursor:pointer;display:flex;font-size:12px;height:100%;justify-content:center;line-height:44px;position:absolute;text-align:center;width:20px}.hzzt-scroll__nav-next,.hzzt-scroll__nav-prev:hover{color:var(--hzzt-color-primary)}.hzzt-scroll__nav-next{right:0}.hzzt-scroll__nav-prev{left:0}
1
+ @charset "UTF-8";:root{--hzzt-color-white:#ffffff;--hzzt-color-black:#000000;--hzzt-color-primary-rgb:64,158,255;--hzzt-color-success-rgb:103,194,58;--hzzt-color-warning-rgb:230,162,60;--hzzt-color-danger-rgb:245,108,108;--hzzt-color-error-rgb:245,108,108;--hzzt-color-info-rgb:144,147,153;--hzzt-font-size-extra-large:20px;--hzzt-font-size-large:18px;--hzzt-font-size-medium:16px;--hzzt-font-size-base:14px;--hzzt-font-size-small:13px;--hzzt-font-size-extra-small:12px;--hzzt-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--hzzt-font-weight-primary:500;--hzzt-font-line-height-primary:24px;--hzzt-index-normal:1;--hzzt-index-top:1000;--hzzt-index-popper:2000;--hzzt-border-radius-base:4px;--hzzt-border-radius-small:2px;--hzzt-border-radius-round:20px;--hzzt-border-radius-circle:100%;--hzzt-transition-duration:0.3s;--hzzt-transition-duration-fast:0.2s;--hzzt-transition-function-ease-in-out-bezier:cubic-bezier(0.645,0.045,0.355,1);--hzzt-transition-function-fast-bezier:cubic-bezier(0.23,1,0.32,1);--hzzt-transition-all:all var(--hzzt-transition-duration) var(--hzzt-transition-function-ease-in-out-bezier);--hzzt-transition-fade:opacity var(--hzzt-transition-duration) var(--hzzt-transition-function-fast-bezier);--hzzt-transition-md-fade:transform var(--hzzt-transition-duration) var(--hzzt-transition-function-fast-bezier),opacity var(--hzzt-transition-duration) var(--hzzt-transition-function-fast-bezier);--hzzt-transition-fade-linear:opacity var(--hzzt-transition-duration-fast) linear;--hzzt-transition-border:border-color var(--hzzt-transition-duration-fast) var(--hzzt-transition-function-ease-in-out-bezier);--hzzt-transition-box-shadow:box-shadow var(--hzzt-transition-duration-fast) var(--hzzt-transition-function-ease-in-out-bezier);--hzzt-transition-color:color var(--hzzt-transition-duration-fast) var(--hzzt-transition-function-ease-in-out-bezier);--hzzt-component-size-large:40px;--hzzt-component-size:32px;--hzzt-component-size-small:24px;color-scheme:light;--hzzt-color-primary:#409eff;--hzzt-color-primary-light-3:rgb(121.3,187.1,255);--hzzt-color-primary-light-5:rgb(159.5,206.5,255);--hzzt-color-primary-light-7:rgb(197.7,225.9,255);--hzzt-color-primary-light-8:rgb(216.8,235.6,255);--hzzt-color-primary-light-9:rgb(235.9,245.3,255);--hzzt-color-primary-dark-2:rgb(51.2,126.4,204);--hzzt-color-success:#67c23a;--hzzt-color-success-light-3:rgb(148.6,212.3,117.1);--hzzt-color-success-light-5:rgb(179,224.5,156.5);--hzzt-color-success-light-7:rgb(209.4,236.7,195.9);--hzzt-color-success-light-8:rgb(224.6,242.8,215.6);--hzzt-color-success-light-9:rgb(239.8,248.9,235.3);--hzzt-color-success-dark-2:rgb(82.4,155.2,46.4);--hzzt-color-warning:#e6a23c;--hzzt-color-warning-light-3:rgb(237.5,189.9,118.5);--hzzt-color-warning-light-5:rgb(242.5,208.5,157.5);--hzzt-color-warning-light-7:rgb(247.5,227.1,196.5);--hzzt-color-warning-light-8:rgb(250,236.4,216);--hzzt-color-warning-light-9:rgb(252.5,245.7,235.5);--hzzt-color-warning-dark-2:rgb(184,129.6,48);--hzzt-color-danger:#f56c6c;--hzzt-color-danger-light-3:rgb(248,152.1,152.1);--hzzt-color-danger-light-5:rgb(250,181.5,181.5);--hzzt-color-danger-light-7:rgb(252,210.9,210.9);--hzzt-color-danger-light-8:rgb(253,225.6,225.6);--hzzt-color-danger-light-9:rgb(254,240.3,240.3);--hzzt-color-danger-dark-2:rgb(196,86.4,86.4);--hzzt-color-error:#f56c6c;--hzzt-color-error-light-3:rgb(248,152.1,152.1);--hzzt-color-error-light-5:rgb(250,181.5,181.5);--hzzt-color-error-light-7:rgb(252,210.9,210.9);--hzzt-color-error-light-8:rgb(253,225.6,225.6);--hzzt-color-error-light-9:rgb(254,240.3,240.3);--hzzt-color-error-dark-2:rgb(196,86.4,86.4);--hzzt-color-info:#909399;--hzzt-color-info-light-3:rgb(177.3,179.4,183.6);--hzzt-color-info-light-5:rgb(199.5,201,204);--hzzt-color-info-light-7:rgb(221.7,222.6,224.4);--hzzt-color-info-light-8:rgb(232.8,233.4,234.6);--hzzt-color-info-light-9:rgb(243.9,244.2,244.8);--hzzt-color-info-dark-2:rgb(115.2,117.6,122.4);--hzzt-bg-color:#ffffff;--hzzt-bg-color-page:#f2f3f5;--hzzt-bg-color-overlay:#ffffff;--hzzt-text-color-primary:#303133;--hzzt-text-color-regular:#606266;--hzzt-text-color-secondary:#909399;--hzzt-text-color-placeholder:#a8abb2;--hzzt-text-color-disabled:#c0c4cc;--hzzt-border-color:#dcdfe6;--hzzt-border-color-light:#e4e7ed;--hzzt-border-color-lighter:#ebeef5;--hzzt-border-color-extra-light:#f2f6fc;--hzzt-border-color-dark:#d4d7de;--hzzt-border-color-darker:#cdd0d6;--hzzt-fill-color:#f0f2f5;--hzzt-fill-color-light:#f5f7fa;--hzzt-fill-color-lighter:#fafafa;--hzzt-fill-color-extra-light:#fafcff;--hzzt-fill-color-dark:#ebedf0;--hzzt-fill-color-darker:#e6e8eb;--hzzt-fill-color-blank:#ffffff;--hzzt-box-shadow:0px 12px 32px 4px rgba(0,0,0,0.04),0px 8px 20px rgba(0,0,0,0.08);--hzzt-box-shadow-light:0px 0px 12px rgba(0,0,0,0.12);--hzzt-box-shadow-lighter:0px 0px 6px rgba(0,0,0,0.12);--hzzt-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,0.08),0px 12px 32px rgba(0,0,0,0.12),0px 8px 16px -8px rgba(0,0,0,0.16);--hzzt-disabled-bg-color:var(--hzzt-fill-color-light);--hzzt-disabled-text-color:var(--hzzt-text-color-placeholder);--hzzt-disabled-border-color:var(--hzzt-border-color-light);--hzzt-overlay-color:rgba(0,0,0,0.8);--hzzt-overlay-color-light:rgba(0,0,0,0.7);--hzzt-overlay-color-lighter:rgba(0,0,0,0.5);--hzzt-mask-color:rgba(255,255,255,0.9);--hzzt-mask-color-extra-light:rgba(255,255,255,0.3);--hzzt-border-width:1px;--hzzt-border-style:solid;--hzzt-border-color-hover:var(--hzzt-text-color-disabled);--hzzt-border:var(--hzzt-border-width) var(--hzzt-border-style) var(--hzzt-border-color);--hzzt-svg-monochrome-grey:var(--hzzt-border-color)}a,article,aside,b,body,button,dd,div,dl,dt,figcaption,figure,footer,h1,h2,h3,h4,h5,h6,header,i,input,li,nav,p,section,select,span,textarea,ul{border:none;font-style:normal;list-style:none;margin:0;padding:0;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}a:focus,article:focus,aside:focus,b:focus,body:focus,button:focus,dd:focus,div:focus,dl:focus,dt:focus,figcaption:focus,figure:focus,footer:focus,h1:focus,h2:focus,h3:focus,h4:focus,h5:focus,h6:focus,header:focus,i:focus,input:focus,li:focus,nav:focus,p:focus,section:focus,select:focus,span:focus,textarea:focus,ul:focus{outline:none}*,:after,:before{box-sizing:border-box}.flex{display:flex;display:-webkit-flex}.column{flex-direction:column}.row{flex-direction:row}.wrap{flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap}.nowrap{flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap}.justify-content-center{justify-content:center;-webkit-justify-content:center}.justify-content-between{justify-content:space-between;-webkit-justify-content:space-between}.justify-content-around{justify-content:space-around;-webkit-justify-content:space-around}.justify-content-start{justify-content:flex-start;-webkit-justify-content:flex-start}.justify-content-end{justify-content:flex-end;-webkit-justify-content:flex-end}.align-content-between{align-content:space-between}.align-items-center{align-items:center;-webkit-align-items:center}.align-items-start{align-items:flex-start;-webkit-align-items:flex-start}.align-items-end{align-items:flex-end;-webkit-align-items:flex-end}.align-items-stretch{align-items:stretch;-webkit-align-items:stretch}.align-items-baseline{align-items:baseline;-webkit-align-items:baseline}.align-self-center{align-self:center;-webkit-align-self:center}.align-self-start{align-self:flex-start;-webkit-align-self:flex-start}.align-self-end{align-self:flex-end;-webkit-align-self:flex-end}.align-self-stretch{align-self:stretch;-webkit-align-self:stretch}.align-self-baseline{align-self:baseline;-webkit-align-self:baseline}.flex-1{flex:1;-webkit-flex:1;-ms-flex:1}.flex-2{flex:2;-webkit-flex:2;-ms-flex:2}.flex-3{flex:3;-webkit-flex:3;-ms-flex:3}.flex-4{flex:4;-webkit-flex:4;-ms-flex:4}.flex-5{flex:5;-webkit-flex:5;-ms-flex:5}.flex-6{flex:6;-webkit-flex:6;-ms-flex:6}.flex-7{flex:7;-webkit-flex:7;-ms-flex:7}.flex-8{flex:8;-webkit-flex:8;-ms-flex:8}.padding-0{padding:0}.padding-v-0{padding-bottom:0;padding-top:0}.padding-h-0{padding-left:0;padding-right:0}.padding-t-0{padding-top:0}.padding-l-0{padding-left:0}.padding-r-0{padding-right:0}.padding-b-0{padding-bottom:0}.margin-0{margin:0}.margin-v-0{margin-bottom:0;margin-top:0}.margin-h-0{margin-left:0;margin-right:0}.margin-t-0{margin-top:0}.margin-l-0{margin-left:0}.margin-r-0{margin-right:0}.margin-b-0{margin-bottom:0}.padding-1{padding:4px}.padding-v-1{padding-bottom:4px;padding-top:4px}.padding-h-1{padding-left:4px;padding-right:4px}.padding-t-1{padding-top:4px}.padding-l-1{padding-left:4px}.padding-r-1{padding-right:4px}.padding-b-1{padding-bottom:4px}.margin-1{margin:4px}.margin-v-1{margin-bottom:4px;margin-top:4px}.margin-h-1{margin-left:4px;margin-right:4px}.margin-t-1{margin-top:4px}.margin-l-1{margin-left:4px}.margin-r-1{margin-right:4px}.margin-b-1{margin-bottom:4px}.padding-2{padding:8px}.padding-v-2{padding-bottom:8px;padding-top:8px}.padding-h-2{padding-left:8px;padding-right:8px}.padding-t-2{padding-top:8px}.padding-l-2{padding-left:8px}.padding-r-2{padding-right:8px}.padding-b-2{padding-bottom:8px}.margin-2{margin:8px}.margin-v-2{margin-bottom:8px;margin-top:8px}.margin-h-2{margin-left:8px;margin-right:8px}.margin-t-2{margin-top:8px}.margin-l-2{margin-left:8px}.margin-r-2{margin-right:8px}.margin-b-2{margin-bottom:8px}.padding-3{padding:12px}.padding-v-3{padding-bottom:12px;padding-top:12px}.padding-h-3{padding-left:12px;padding-right:12px}.padding-t-3{padding-top:12px}.padding-l-3{padding-left:12px}.padding-r-3{padding-right:12px}.padding-b-3{padding-bottom:12px}.margin-3{margin:12px}.margin-v-3{margin-bottom:12px;margin-top:12px}.margin-h-3{margin-left:12px;margin-right:12px}.margin-t-3{margin-top:12px}.margin-l-3{margin-left:12px}.margin-r-3{margin-right:12px}.margin-b-3{margin-bottom:12px}.padding-4{padding:16px}.padding-v-4{padding-bottom:16px;padding-top:16px}.padding-h-4{padding-left:16px;padding-right:16px}.padding-t-4{padding-top:16px}.padding-l-4{padding-left:16px}.padding-r-4{padding-right:16px}.padding-b-4{padding-bottom:16px}.margin-4{margin:16px}.margin-v-4{margin-bottom:16px;margin-top:16px}.margin-h-4{margin-left:16px;margin-right:16px}.margin-t-4{margin-top:16px}.margin-l-4{margin-left:16px}.margin-r-4{margin-right:16px}.margin-b-4{margin-bottom:16px}.padding-5{padding:20px}.padding-v-5{padding-bottom:20px;padding-top:20px}.padding-h-5{padding-left:20px;padding-right:20px}.padding-t-5{padding-top:20px}.padding-l-5{padding-left:20px}.padding-r-5{padding-right:20px}.padding-b-5{padding-bottom:20px}.margin-5{margin:20px}.margin-v-5{margin-bottom:20px;margin-top:20px}.margin-h-5{margin-left:20px;margin-right:20px}.margin-t-5{margin-top:20px}.margin-l-5{margin-left:20px}.margin-r-5{margin-right:20px}.margin-b-5{margin-bottom:20px}.padding-6{padding:24px}.padding-v-6{padding-bottom:24px;padding-top:24px}.padding-h-6{padding-left:24px;padding-right:24px}.padding-t-6{padding-top:24px}.padding-l-6{padding-left:24px}.padding-r-6{padding-right:24px}.padding-b-6{padding-bottom:24px}.margin-6{margin:24px}.margin-v-6{margin-bottom:24px;margin-top:24px}.margin-h-6{margin-left:24px;margin-right:24px}.margin-t-6{margin-top:24px}.margin-l-6{margin-left:24px}.margin-r-6{margin-right:24px}.margin-b-6{margin-bottom:24px}.padding-7{padding:28px}.padding-v-7{padding-bottom:28px;padding-top:28px}.padding-h-7{padding-left:28px;padding-right:28px}.padding-t-7{padding-top:28px}.padding-l-7{padding-left:28px}.padding-r-7{padding-right:28px}.padding-b-7{padding-bottom:28px}.margin-7{margin:28px}.margin-v-7{margin-bottom:28px;margin-top:28px}.margin-h-7{margin-left:28px;margin-right:28px}.margin-t-7{margin-top:28px}.margin-l-7{margin-left:28px}.margin-r-7{margin-right:28px}.margin-b-7{margin-bottom:28px}.padding-8{padding:32px}.padding-v-8{padding-bottom:32px;padding-top:32px}.padding-h-8{padding-left:32px;padding-right:32px}.padding-t-8{padding-top:32px}.padding-l-8{padding-left:32px}.padding-r-8{padding-right:32px}.padding-b-8{padding-bottom:32px}.margin-8{margin:32px}.margin-v-8{margin-bottom:32px;margin-top:32px}.margin-h-8{margin-left:32px;margin-right:32px}.margin-t-8{margin-top:32px}.margin-l-8{margin-left:32px}.margin-r-8{margin-right:32px}.margin-b-8{margin-bottom:32px}.width-0{width:0}.min-width-0{min-width:0}.max-width-0{max-width:0}.height-0{height:0}.min-height-0{min-height:0}.max-height-0{max-height:0}.width-1{width:50px}.min-width-1{min-width:50px}.max-width-1{max-width:50px}.height-1{height:50px}.min-height-1{min-height:50px}.max-height-1{max-height:50px}.width-2{width:100px}.min-width-2{min-width:100px}.max-width-2{max-width:100px}.height-2{height:100px}.min-height-2{min-height:100px}.max-height-2{max-height:100px}.width-3{width:150px}.min-width-3{min-width:150px}.max-width-3{max-width:150px}.height-3{height:150px}.min-height-3{min-height:150px}.max-height-3{max-height:150px}.width-4{width:200px}.min-width-4{min-width:200px}.max-width-4{max-width:200px}.height-4{height:200px}.min-height-4{min-height:200px}.max-height-4{max-height:200px}.width-5{width:250px}.min-width-5{min-width:250px}.max-width-5{max-width:250px}.height-5{height:250px}.min-height-5{min-height:250px}.max-height-5{max-height:250px}.width-6{width:300px}.min-width-6{min-width:300px}.max-width-6{max-width:300px}.height-6{height:300px}.min-height-6{min-height:300px}.max-height-6{max-height:300px}.width-7{width:350px}.min-width-7{min-width:350px}.max-width-7{max-width:350px}.height-7{height:350px}.min-height-7{min-height:350px}.max-height-7{max-height:350px}.width-8{width:400px}.min-width-8{min-width:400px}.max-width-8{max-width:400px}.height-8{height:400px}.min-height-8{min-height:400px}.max-height-8{max-height:400px}.width-9{width:450px}.min-width-9{min-width:450px}.max-width-9{max-width:450px}.height-9{height:450px}.min-height-9{min-height:450px}.max-height-9{max-height:450px}.width-10{width:500px}.min-width-10{min-width:500px}.max-width-10{max-width:500px}.height-10{height:500px}.min-height-10{min-height:500px}.max-height-10{max-height:500px}.width-12{width:600px}.min-width-12{min-width:600px}.max-width-12{max-width:600px}.height-12{height:600px}.min-height-12{min-height:600px}.max-height-12{max-height:600px}.width-13{width:650px}.min-width-13{min-width:650px}.max-width-13{max-width:650px}.height-13{height:650px}.min-height-13{min-height:650px}.max-height-13{max-height:650px}.width-14{width:700px}.min-width-14{min-width:700px}.max-width-14{max-width:700px}.height-14{height:700px}.min-height-14{min-height:700px}.max-height-14{max-height:700px}.width-15{width:750px}.min-width-15{min-width:750px}.max-width-15{max-width:750px}.height-15{height:750px}.min-height-15{min-height:750px}.max-height-15{max-height:750px}.width-16{width:800px}.min-width-16{min-width:800px}.max-width-16{max-width:800px}.height-16{height:800px}.min-height-16{min-height:800px}.max-height-16{max-height:800px}.width-17{width:850px}.min-width-17{min-width:850px}.max-width-17{max-width:850px}.height-17{height:850px}.min-height-17{min-height:850px}.max-height-17{max-height:850px}.width-18{width:900px}.min-width-18{min-width:900px}.max-width-18{max-width:900px}.height-18{height:900px}.min-height-18{min-height:900px}.max-height-18{max-height:900px}.width-19{width:950px}.min-width-19{min-width:950px}.max-width-19{max-width:950px}.height-19{height:950px}.min-height-19{min-height:950px}.max-height-19{max-height:950px}.width-20{width:1000px}.min-width-20{min-width:1000px}.max-width-20{max-width:1000px}.height-20{height:1000px}.min-height-20{min-height:1000px}.max-height-20{max-height:1000px}.width-0\%{width:0}.min-width-0\%{min-width:0}.max-width-0\%{max-width:0}.height-0\%{height:0}.min-height-0\%{min-height:0}.max-height-0\%{max-height:0}.width-5\%{width:5%}.min-width-5\%{min-width:5%}.max-width-5\%{max-width:5%}.height-5\%{height:5%}.min-height-5\%{min-height:5%}.max-height-5\%{max-height:5%}.width-10\%{width:10%}.min-width-10\%{min-width:10%}.max-width-10\%{max-width:10%}.height-10\%{height:10%}.min-height-10\%{min-height:10%}.max-height-10\%{max-height:10%}.width-15\%{width:15%}.min-width-15\%{min-width:15%}.max-width-15\%{max-width:15%}.height-15\%{height:15%}.min-height-15\%{min-height:15%}.max-height-15\%{max-height:15%}.width-20\%{width:20%}.min-width-20\%{min-width:20%}.max-width-20\%{max-width:20%}.height-20\%{height:20%}.min-height-20\%{min-height:20%}.max-height-20\%{max-height:20%}.width-25\%{width:25%}.min-width-25\%{min-width:25%}.max-width-25\%{max-width:25%}.height-25\%{height:25%}.min-height-25\%{min-height:25%}.max-height-25\%{max-height:25%}.width-30\%{width:30%}.min-width-30\%{min-width:30%}.max-width-30\%{max-width:30%}.height-30\%{height:30%}.min-height-30\%{min-height:30%}.max-height-30\%{max-height:30%}.width-35\%{width:35%}.min-width-35\%{min-width:35%}.max-width-35\%{max-width:35%}.height-35\%{height:35%}.min-height-35\%{min-height:35%}.max-height-35\%{max-height:35%}.width-40\%{width:40%}.min-width-40\%{min-width:40%}.max-width-40\%{max-width:40%}.height-40\%{height:40%}.min-height-40\%{min-height:40%}.max-height-40\%{max-height:40%}.width-45\%{width:45%}.min-width-45\%{min-width:45%}.max-width-45\%{max-width:45%}.height-45\%{height:45%}.min-height-45\%{min-height:45%}.max-height-45\%{max-height:45%}.width-50\%{width:50%}.min-width-50\%{min-width:50%}.max-width-50\%{max-width:50%}.height-50\%{height:50%}.min-height-50\%{min-height:50%}.max-height-50\%{max-height:50%}.width-55\%{width:55%}.min-width-55\%{min-width:55%}.max-width-55\%{max-width:55%}.height-55\%{height:55%}.min-height-55\%{min-height:55%}.max-height-55\%{max-height:55%}.width-60\%{width:60%}.min-width-60\%{min-width:60%}.max-width-60\%{max-width:60%}.height-60\%{height:60%}.min-height-60\%{min-height:60%}.max-height-60\%{max-height:60%}.width-65\%{width:65%}.min-width-65\%{min-width:65%}.max-width-65\%{max-width:65%}.height-65\%{height:65%}.min-height-65\%{min-height:65%}.max-height-65\%{max-height:65%}.width-70\%{width:70%}.min-width-70\%{min-width:70%}.max-width-70\%{max-width:70%}.height-70\%{height:70%}.min-height-70\%{min-height:70%}.max-height-70\%{max-height:70%}.width-75\%{width:75%}.min-width-75\%{min-width:75%}.max-width-75\%{max-width:75%}.height-75\%{height:75%}.min-height-75\%{min-height:75%}.max-height-75\%{max-height:75%}.width-80\%{width:80%}.min-width-80\%{min-width:80%}.max-width-80\%{max-width:80%}.height-80\%{height:80%}.min-height-80\%{min-height:80%}.max-height-80\%{max-height:80%}.width-85\%{width:85%}.min-width-85\%{min-width:85%}.max-width-85\%{max-width:85%}.height-85\%{height:85%}.min-height-85\%{min-height:85%}.max-height-85\%{max-height:85%}.width-90\%{width:90%}.min-width-90\%{min-width:90%}.max-width-90\%{max-width:90%}.height-90\%{height:90%}.min-height-90\%{min-height:90%}.max-height-90\%{max-height:90%}.width-95\%{width:95%}.min-width-95\%{min-width:95%}.max-width-95\%{max-width:95%}.height-95\%{height:95%}.min-height-95\%{min-height:95%}.max-height-95\%{max-height:95%}.width-100\%{width:100%}.min-width-100\%{min-width:100%}.max-width-100\%{max-width:100%}.height-100\%{height:100%}.min-height-100\%{min-height:100%}.max-height-100\%{max-height:100%}.font-12{font-size:12px}.font-14{font-size:14px}.font-16{font-size:16px}.font-18{font-size:18px}.font-20{font-size:20px}.font-22{font-size:22px}.font-24{font-size:24px}.font-28{font-size:28px}.font-32{font-size:32px}.font-48{font-size:48px}.font-64{font-size:64px}.font-weight-1{font-weight:100}.font-weight-2{font-weight:200}.font-weight-3{font-weight:300}.font-weight-4{font-weight:400}.font-weight-5{font-weight:500}.font-weight-6{font-weight:600}.font-weight-7{font-weight:700}.font-weight-8{font-weight:800}.font-weight-9{font-weight:900}.line-height-0{line-height:0}.line-height-1{line-height:1}.line-height-2{line-height:2}.line-height-1\.2{line-height:1.2}.line-height-1\.5{line-height:1.5}.bold{font-weight:bold}.normal{font-weight:normal}.lighter{font-weight:lighter}.ellipsis,.hidden-part-words,.inline-block-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden-part-words,.inline-block-ellipsis{display:inline-block;width:100%}.overflow-auto{overflow:auto}.overflow-x-auto,.overflow-y-hidden{overflow-x:auto;overflow-y:hidden}.overflow-x-hidden,.overflow-y-auto{overflow-x:hidden;overflow-y:auto}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.clear:after{clear:both;content:"";display:block}.clear{zoom:1}.left{float:left}.right{float:right}.hide{display:none}.show{display:block}.inline-block{display:inline-block}.pointer{cursor:pointer}.hzzt-title{color:var(--el-text-color-regular)}.hzzt-title__line{background:var(--hzzt-color-primary);height:18px;margin-right:6px;min-width:3px;width:3px}.hzzt-title__name{color:inherit;font-size:16px;line-height:32px}.hzzt-title__name--large{font-size:18px;line-height:40px}.hzzt-title__name--small{line-height:24px}.hzzt-dropdown{display:block;list-style-type:disc;margin-left:8px}.hzzt-dropdown .hzzt-dropdown-li{color:white;cursor:pointer;padding:4px 6px;position:relative}.hzzt-dropdown .hzzt-dropdown-li-show{background-color:rgba(0,0,0,.1);border-radius:4px}.hzzt-dropdown .hzzt-dropdown-li-show .hzzt-dropdown-menu{display:block}.hzzt-dropdown .hzzt-dropdown-name{font-size:14px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hzzt-dropdown .caret{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid;display:inline-block;height:0;margin-bottom:2px;margin-left:2px;vertical-align:middle;width:0}.hzzt-dropdown .hzzt-dropdown-menu{background-color:white;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.175);display:none;font-size:13px;list-style:none;margin:6px 0 0;min-width:150px;padding:5px 0;position:absolute;right:0;top:100%;z-index:1000}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-menu-item{color:black;display:block;margin:0;padding:0 10px}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-menu-item a{border-radius:3px;clear:both;color:#000;display:block;font-weight:400;line-height:1.42857143;margin:5px 0;padding:2px 10px;text-decoration:none;white-space:nowrap}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-menu-item a:hover{background:var(--hzzt-color-primary);border-radius:3px;color:white}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu{position:relative}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu .submenu:after{border-bottom:5px solid transparent;border-left:5px solid transparent;border-left-color:var(--hzzt-border-color);border-right:0 solid transparent;border-top:5px solid transparent;content:" ";display:block;float:right;height:0;margin-right:-5px;margin-top:5px;width:0}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu:hover .pull-right{display:block}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu:hover .submenu{background-color:#FFF4D7;color:#000}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu:hover .submenu:after{border-left-color:var(--hzzt-color-primary);color:white}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu:hover .submenu:hover{background:var(--hzzt-color-primary);border-radius:3px;color:white}.hzzt-dropdown .hzzt-dropdown-menu .hzzt-dropdown-submenu:hover .submenu:hover:after{border-left-color:white}.hzzt-dropdown .hzzt-dropdown-menu .divider{background-color:#eee;height:1px;margin:9px;overflow:hidden}.hzzt-dropdown .hzzt-dropdown-menu .pull-right{display:none;margin:0;right:100%;top:-10px}.hzzt-dropdown .hzzt-dropdown-menu .selected .hzzt-dropdown-menu-item-label{background:var(--hzzt-color-primary-light-5);color:white;position:relative}.hzzt-dropdown .hzzt-dropdown-menu .selected .hzzt-dropdown-menu-item-label:hover{background:var(--hzzt-color-primary);color:white}.hzzt-dropdown .hzzt-dropdown-menu .selected .hzzt-dropdown-menu-item-label:after{display:block;position:absolute;right:24px;top:4px;speak:none;border:1px solid white;border-left:0;border-top:0;box-sizing:content-box;content:"";height:10px;transform:rotate(45deg) scaleY(1);transform-origin:center;transition:transform .15s ease-in .05s;width:5px}.hzzt-collapse{background:var(--hzzt-bg-color);border-radius:4px;padding:8px}.hzzt-collapse__top{align-items:center;display:flex;justify-content:space-between;padding-bottom:4px;white-space:nowrap}.hzzt-collapse__title{color:var(--hzzt-text-color-regular);font-size:16px;font-weight:600;line-height:24px;padding-left:8px;position:relative}.hzzt-collapse__title:before{background:var(--hzzt-color-primary);content:"";height:calc(100% - 6px);left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.hzzt-collapse__btn{align-items:center;color:#86909C;cursor:pointer;display:flex;font-size:12px}.hzzt-collapse__btn:hover{color:var(--hzzt-color-primary)}.hzzt-collapse__icon{margin:0 4px;text-align:center}.hzzt-collapse__line{background:var(--hzzt-border-color);flex:1;height:1px;margin-left:4px}.hzzt-tab{font-size:14px;margin-bottom:4px}.hzzt-tab p{margin:0}.hzzt-tab .hzzt-tab-pane{cursor:pointer;font-size:14px;padding-right:12px}.hzzt-tab .hzzt-tab-pane:hover{color:var(--hzzt-color-primary)}.hzzt-tab .hzzt-tab-badge{align-items:center;display:flex;white-space:nowrap}.hzzt-tab .hzzt-tab-badge .hzzt-tab-badge-text{font-size:14px;line-height:28px;margin:0;position:relative}.hzzt-tab .hzzt-tab-badge .hzzt-tab-badge-text.active{color:var(--hzzt-color-primary);font-weight:bold}.hzzt-tab .hzzt-tab-badge .hzzt-tab-badge-text.active:before{background-color:var(--hzzt-color-primary);bottom:0;content:"";height:2PX;left:0;position:absolute;right:0}.hzzt-tab .hzzt-tab-badge .hzzt-tab-badge-count{background-color:var(--hzzt-color-danger);border-radius:15px;color:#fff;font-size:10px;line-height:1;margin:0 0 0 1px;min-width:20px;padding:2px 6px;text-align:center}.hzzt-tab .hzzt-tab-badge .is-icon-close{border-radius:50%;margin-left:4px}.hzzt-tab .hzzt-tab-badge .is-icon-close:hover{background-color:var(--hzzt-text-color-placeholder);color:#fff}.hzzt-pagination{--hzzt-pagination-height:40px;height:var(--hzzt-pagination-height)}.hzzt-pagination .el-input__wrapper{background-color:var(--el-fill-color-light)}.hzzt-pagination .el-input__wrapper.is-focus{background-color:var(--el-input-bg-color,var(--el-fill-color-blank))}.hzzt-pagination__input{width:40px}.hzzt-pagination__input input{text-align:center}.hzzt-pagination__icon{cursor:pointer}.hzzt-pagination__icon.is-disabled{color:var(--el-text-color-disabled);cursor:not-allowed}.hzzt-pagination__count{color:var(--hzzt-color-primary)}.hzzt-page-size{font-size:var(--hzzt-font-size-base);line-height:32px;min-height:32px;padding:0}.hzzt-page-size__option{margin-left:8px;white-space:nowrap}.hzzt-page-size__option>.el-select{--el-border-color:transparent;--el-border-color-hover:transparent;--el-fill-color-blank:transparent;width:80px}.hzzt-page-size__option>.el-select .el-select__wrapper{font-size:var(--hzzt-font-size-base)}.hzzt-page-size__option>.el-select .is-focused{box-shadow:inset 0 0 0 1px transparent}.hzzt-page-size__pagination{align-items:center;display:flex}.hzzt-page-size__pagination>.el-button{height:32px;padding:0;width:32px}.hzzt-page-size--large{font-size:16px;line-height:40px;min-height:40px}.hzzt-page-size--large .hzzt-page-size__option>.el-select--large{width:100px}.hzzt-page-size--large .hzzt-page-size__option>.el-select--large .el-select__wrapper{font-size:16px}.hzzt-page-size--large .hzzt-page-size__pagination>.el-button{height:40px;padding:0;width:40px}.hzzt-page-size--small{font-size:14px;line-height:24px;min-height:24px}.hzzt-page-size--small .hzzt-page-size__option>.el-select--small{width:70px}.hzzt-page-size--small .hzzt-page-size__option>.el-select--small .el-select__wrapper{font-size:14px}.hzzt-page-size--small .hzzt-page-size__pagination>.el-button{height:24px;padding:0;width:24px}.hzzt-check-button{display:flex;justify-content:space-between;width:100%}.hzzt-check-button .el-badge{margin:0 5px}.hzzt-check-button .el-badge:first-child{margin-left:0}.hzzt-check-button .el-badge:last-child{margin-right:0}.hzzt-check-button__span{-webkit-appearance:none;background-color:var(--hzzt-fill-color-light);border:1px solid var(--hzzt-border-color);border-radius:1px;box-sizing:border-box;color:#000;cursor:pointer;display:inline-block;font-size:14px;height:32px;line-height:32px;text-align:center;white-space:nowrap}.hzzt-check-button--large{font-size:18px;height:40px;line-height:40px}.hzzt-check-button--small{font-size:13px;height:24px;line-height:24px}.hzzt-check-button--primary{background-color:var(--hzzt-color-primary-light-9);border:1px solid var(--hzzt-color-primary);color:var(--hzzt-color-primary)}.hzzt-check-button--success{background-color:var(--hzzt-color-success-light-9);border:1px solid var(--hzzt-color-success);color:var(--hzzt-color-success)}.hzzt-quarter-picker__table{border-collapse:collapse;font-size:16px;margin:-1px;width:100%}.hzzt-quarter-picker__table td{cursor:pointer;padding:10px 3px;text-align:center}.hzzt-quarter-picker__table td .cell{border-radius:18px;color:#606266;display:block;height:36px;line-height:36px;margin:0 auto}.hzzt-quarter-picker__table td .cell:hover{color:var(--hzzt-color-primary)}.hzzt-quarter-picker__table td.current:not(.disabled) .cell{background-color:var(--hzzt-color-primary);color:#fff}.hzzt-quarter-picker__table td.quarter .cell{color:var(--hzzt-color-primary);font-weight:700}.hzzt-quarter-picker__table td.disabled .cell{background-color:#f5f7fa;color:#c0c4cc;cursor:not-allowed}.hzzt-scan .hzzt-scan-input-backup{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px rgba(0,0,0,0) inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;--el-input-height:var(--el-component-size);border-radius:var(--el-input-border-radius,var(--el-border-radius-base));box-sizing:border-box;color:var(--el-input-text-color,var(--el-text-color-regular));display:inline-block;font-family:monospace;font-size:var(--el-font-size-base);height:var(--el-input-height);left:0;line-height:var(--el-input-height);outline:0;padding:1px 11px 1px 0;pointer-events:none;position:absolute;top:0;white-space:pre;width:var(--el-input-width)}.hzzt-scan .hzzt-scan-input-backup.placeholder-color{color:var(--el-text-color-placeholder)}.hzzt-scan .hzzt-scan-input-backup::-moz-selection{color:white}.hzzt-scan .hzzt-scan-input-backup::selection{color:white}.hzzt-scan .el-input--small+.hzzt-scan-input-backup{--el-input-height:var(--el-component-size-small);font-size:12px;padding:1px 7px 1px 0}.hzzt-scan .el-input--large+.hzzt-scan-input-backup{--el-input-height:var(--el-component-size-large);font-size:14px;padding:1px 15px 1px 0}.hzzt-scan .hzzt-scan-input-original .el-input__wrapper{padding-left:0}.hzzt-scan .hzzt-scan-input-original .el-input__wrapper input{caret-color:var(--el-input-text-color,var(--el-text-color-regular));color:white;font-family:monospace}.hzzt-scan .hzzt-scan-input-original .el-input__wrapper input::-moz-selection{color:rgba(0,0,0,0)}.hzzt-scan .hzzt-scan-input-original .el-input__wrapper input::selection{color:rgba(0,0,0,0)}.hzzt-cascader__input{left:0;position:absolute;right:0;top:0;z-index:2}.hzzt-cascader__input .el-input__inner{cursor:pointer}.hzzt-cascader__cascader .el-input__suffix{z-index:3}.hzzt-cascader__cascader .el-input{--el-input-border:none;--el-input-focus-border:none;--el-input-focus-border-color:none}.select-v2-popper-min-width-100 .el-select-dropdown{min-width:100px!important}.select-v2-popper-min-width-100 .el-select-dropdown .el-select-dropdown__list{min-width:100px!important;width:100%!important}.hzzt-click-input__span{min-height:32px}.hzzt-click-input--large .hzzt-click-input__span{min-height:40px}.hzzt-click-input--small .hzzt-click-input__span{min-height:24px}.hzzt-scroll.is-scrollable{padding:0 20px}.hzzt-scroll__content{min-width:-moz-fit-content;min-width:fit-content;white-space:nowrap}.hzzt-scroll__nav-next,.hzzt-scroll__nav-prev{align-items:center;color:var(--el-text-color-secondary);cursor:pointer;display:flex;font-size:12px;height:100%;justify-content:center;line-height:44px;position:absolute;text-align:center;width:20px}.hzzt-scroll__nav-next,.hzzt-scroll__nav-prev:hover{color:var(--hzzt-color-primary)}.hzzt-scroll__nav-next{right:0}.hzzt-scroll__nav-prev{left:0}.hzzt-lazy-list{--hzzt-lazy-current-background-color:#fff;--hzzt-lazy-border-color:#fff;--hzzt-lazy-active-border-color:getCssVar("color","primary");--hzzt-lazy-current-active-background-color:#fff}.hzzt-lazy-list__item{background:var(--hzzt-lazy-current-background-color);border-color:var(--hzzt-lazy-border-color);border:var(--hzzt-border)}.hzzt-lazy-list__item.is-active{background:var(--hzzt-lazy-current-active-background-color);border-color:var(--hzzt-lazy-active-border-color)}
@@ -20,3 +20,4 @@
20
20
  @use 'select';
21
21
  @use 'click-input';
22
22
  @use 'scroll';
23
+ @use 'lazy-list';
@@ -0,0 +1,21 @@
1
+ @use 'mixins/mixins' as *;
2
+ @use 'mixins/var' as *;
3
+ @use 'common/var' as *;
4
+
5
+ @include b(lazy-list) {
6
+ --hzzt-lazy-current-background-color: #fff;
7
+ --hzzt-lazy-border-color: #fff;
8
+ --hzzt-lazy-active-border-color: getCssVar('color', 'primary');
9
+ --hzzt-lazy-current-active-background-color: #fff;
10
+
11
+ @include e('item') {
12
+ border-color: var(--hzzt-lazy-border-color);
13
+ background: var(--hzzt-lazy-current-background-color);
14
+ border: var(--hzzt-border);
15
+ @include when(active) {
16
+ background: var(--hzzt-lazy-current-active-background-color);
17
+ border-color: var(--hzzt-lazy-active-border-color);
18
+ }
19
+ }
20
+ }
21
+