hzzt-plus 0.0.4 → 0.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/index.full.js +0 -7
- package/dist/index.full.min.js +8 -8
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +8 -8
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +0 -7
- package/es/components/collapse/index.mjs +2 -2
- package/es/components/collapse/src/collapse.mjs +0 -67
- package/es/components/collapse/src/collapse.mjs.map +1 -1
- package/es/components/collapse/src/collapse2.mjs +67 -0
- package/es/components/collapse/src/collapse2.mjs.map +1 -1
- package/es/directives/drag/index.mjs +0 -7
- package/es/directives/drag/index.mjs.map +1 -1
- package/lib/components/collapse/index.js +2 -2
- package/lib/components/collapse/src/collapse.js +0 -70
- package/lib/components/collapse/src/collapse.js.map +1 -1
- package/lib/components/collapse/src/collapse2.js +70 -0
- package/lib/components/collapse/src/collapse2.js.map +1 -1
- package/lib/directives/drag/index.js +0 -7
- package/lib/directives/drag/index.js.map +1 -1
- package/package.json +1 -1
- package/theme/base.css +1 -1
- package/theme/hzzt-var.css +1 -1
- package/theme/index.css +1 -1
- package/theme/src/mixins/_var.scss +4 -3
package/dist/index.full.mjs
CHANGED
|
@@ -20764,13 +20764,6 @@ const Drag = {
|
|
|
20764
20764
|
}
|
|
20765
20765
|
initMouseEvent(el, callback);
|
|
20766
20766
|
},
|
|
20767
|
-
updated(el, binding) {
|
|
20768
|
-
let callback = binding.value;
|
|
20769
|
-
if (!callback) {
|
|
20770
|
-
callback = () => ({});
|
|
20771
|
-
}
|
|
20772
|
-
initMouseEvent(el, callback);
|
|
20773
|
-
},
|
|
20774
20767
|
unmounted(el) {
|
|
20775
20768
|
el.onmousedown = null;
|
|
20776
20769
|
el.onmousemove = null;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '../../utils/index.mjs';
|
|
2
|
-
import Collapse from './src/
|
|
3
|
-
import './src/
|
|
2
|
+
import Collapse from './src/collapse2.mjs';
|
|
3
|
+
import './src/collapse.mjs';
|
|
4
4
|
import { withInstall } from '../../utils/vue/install.mjs';
|
|
5
5
|
|
|
6
6
|
const HzztCollapse = withInstall(Collapse);
|
|
@@ -1,69 +1,2 @@
|
|
|
1
|
-
import { createElementVNode, defineComponent, ref, watch, openBlock, createElementBlock, toDisplayString, unref, createCommentVNode, renderSlot } from 'vue';
|
|
2
|
-
import '../../../hooks/index.mjs';
|
|
3
|
-
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
4
|
-
import { useLocale } from '../../../hooks/use-locale/index.mjs';
|
|
5
1
|
|
|
6
|
-
const _hoisted_1 = { class: "hzzt-collapse" };
|
|
7
|
-
const _hoisted_2 = { class: "flex align-items-center" };
|
|
8
|
-
const _hoisted_3 = { class: "hzzt-collapse-title-wrapper" };
|
|
9
|
-
const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", { class: "hzzt-collapse-title-block" }, null, -1);
|
|
10
|
-
const _hoisted_5 = { class: "hzzt-collapse-title" };
|
|
11
|
-
const _hoisted_6 = /* @__PURE__ */ createElementVNode("div", { class: "hzzt-collapse-line" }, null, -1);
|
|
12
|
-
const _hoisted_7 = {
|
|
13
|
-
key: 0,
|
|
14
|
-
class: "hzzt-collapse-text"
|
|
15
|
-
};
|
|
16
|
-
const __default__ = defineComponent({
|
|
17
|
-
name: "HzztCollapse"
|
|
18
|
-
});
|
|
19
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
20
|
-
...__default__,
|
|
21
|
-
props: {
|
|
22
|
-
defaultActive: {
|
|
23
|
-
type: Boolean,
|
|
24
|
-
default: false
|
|
25
|
-
},
|
|
26
|
-
title: {
|
|
27
|
-
type: String,
|
|
28
|
-
default: ""
|
|
29
|
-
},
|
|
30
|
-
expand: {
|
|
31
|
-
type: Boolean,
|
|
32
|
-
default: true
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
setup(__props) {
|
|
36
|
-
const props = __props;
|
|
37
|
-
const { t } = useLocale();
|
|
38
|
-
const active = ref(props.defaultActive);
|
|
39
|
-
watch(() => props.defaultActive, (val) => {
|
|
40
|
-
active.value = val;
|
|
41
|
-
});
|
|
42
|
-
function toggle() {
|
|
43
|
-
active.value = !active.value;
|
|
44
|
-
}
|
|
45
|
-
return (_ctx, _cache) => {
|
|
46
|
-
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
47
|
-
createElementVNode("div", {
|
|
48
|
-
class: "hzzt-collapse-header",
|
|
49
|
-
onClick: toggle
|
|
50
|
-
}, [
|
|
51
|
-
createElementVNode("div", _hoisted_2, [
|
|
52
|
-
createElementVNode("div", _hoisted_3, [
|
|
53
|
-
_hoisted_4,
|
|
54
|
-
createElementVNode("div", _hoisted_5, toDisplayString(__props.title), 1)
|
|
55
|
-
]),
|
|
56
|
-
_hoisted_6
|
|
57
|
-
]),
|
|
58
|
-
__props.expand ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(active.value ? unref(t)("hzzt.collapse.retract") : unref(t)("hzzt.collapse.expand")), 1)) : createCommentVNode("v-if", true)
|
|
59
|
-
]),
|
|
60
|
-
renderSlot(_ctx.$slots, "active", { active: active.value }),
|
|
61
|
-
renderSlot(_ctx.$slots, "default")
|
|
62
|
-
]);
|
|
63
|
-
};
|
|
64
|
-
}
|
|
65
|
-
});
|
|
66
|
-
var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "collapse.vue"]]);
|
|
67
|
-
|
|
68
|
-
export { Collapse as default };
|
|
69
2
|
//# sourceMappingURL=collapse.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapse.mjs","sources":[
|
|
1
|
+
{"version":3,"file":"collapse.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,69 @@
|
|
|
1
|
+
import { createElementVNode, defineComponent, ref, watch, openBlock, createElementBlock, toDisplayString, unref, createCommentVNode, renderSlot } from 'vue';
|
|
2
|
+
import '../../../hooks/index.mjs';
|
|
3
|
+
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
|
|
4
|
+
import { useLocale } from '../../../hooks/use-locale/index.mjs';
|
|
1
5
|
|
|
6
|
+
const _hoisted_1 = { class: "hzzt-collapse" };
|
|
7
|
+
const _hoisted_2 = { class: "flex align-items-center" };
|
|
8
|
+
const _hoisted_3 = { class: "hzzt-collapse-title-wrapper" };
|
|
9
|
+
const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", { class: "hzzt-collapse-title-block" }, null, -1);
|
|
10
|
+
const _hoisted_5 = { class: "hzzt-collapse-title" };
|
|
11
|
+
const _hoisted_6 = /* @__PURE__ */ createElementVNode("div", { class: "hzzt-collapse-line" }, null, -1);
|
|
12
|
+
const _hoisted_7 = {
|
|
13
|
+
key: 0,
|
|
14
|
+
class: "hzzt-collapse-text"
|
|
15
|
+
};
|
|
16
|
+
const __default__ = defineComponent({
|
|
17
|
+
name: "HzztCollapse"
|
|
18
|
+
});
|
|
19
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
20
|
+
...__default__,
|
|
21
|
+
props: {
|
|
22
|
+
defaultActive: {
|
|
23
|
+
type: Boolean,
|
|
24
|
+
default: false
|
|
25
|
+
},
|
|
26
|
+
title: {
|
|
27
|
+
type: String,
|
|
28
|
+
default: ""
|
|
29
|
+
},
|
|
30
|
+
expand: {
|
|
31
|
+
type: Boolean,
|
|
32
|
+
default: true
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
setup(__props) {
|
|
36
|
+
const props = __props;
|
|
37
|
+
const { t } = useLocale();
|
|
38
|
+
const active = ref(props.defaultActive);
|
|
39
|
+
watch(() => props.defaultActive, (val) => {
|
|
40
|
+
active.value = val;
|
|
41
|
+
});
|
|
42
|
+
function toggle() {
|
|
43
|
+
active.value = !active.value;
|
|
44
|
+
}
|
|
45
|
+
return (_ctx, _cache) => {
|
|
46
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
47
|
+
createElementVNode("div", {
|
|
48
|
+
class: "hzzt-collapse-header",
|
|
49
|
+
onClick: toggle
|
|
50
|
+
}, [
|
|
51
|
+
createElementVNode("div", _hoisted_2, [
|
|
52
|
+
createElementVNode("div", _hoisted_3, [
|
|
53
|
+
_hoisted_4,
|
|
54
|
+
createElementVNode("div", _hoisted_5, toDisplayString(__props.title), 1)
|
|
55
|
+
]),
|
|
56
|
+
_hoisted_6
|
|
57
|
+
]),
|
|
58
|
+
__props.expand ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(active.value ? unref(t)("hzzt.collapse.retract") : unref(t)("hzzt.collapse.expand")), 1)) : createCommentVNode("v-if", true)
|
|
59
|
+
]),
|
|
60
|
+
renderSlot(_ctx.$slots, "active", { active: active.value }),
|
|
61
|
+
renderSlot(_ctx.$slots, "default")
|
|
62
|
+
]);
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "collapse.vue"]]);
|
|
67
|
+
|
|
68
|
+
export { Collapse as default };
|
|
2
69
|
//# sourceMappingURL=collapse2.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapse2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"collapse2.mjs","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n <div class=\"hzzt-collapse\">\n <div class=\"hzzt-collapse-header\" @click=\"toggle\">\n <div class=\"flex align-items-center\">\n <div class=\"hzzt-collapse-title-wrapper\">\n <div class=\"hzzt-collapse-title-block\" />\n <div class=\"hzzt-collapse-title\">{{ title }}</div>\n </div>\n <div class=\"hzzt-collapse-line\" />\n </div>\n <span v-if=\"expand\" class=\"hzzt-collapse-text\">{{\n active ? t('hzzt.collapse.retract') : t('hzzt.collapse.expand')\n }}</span>\n </div>\n <slot name=\"active\" :active=\"active\" />\n <slot />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from 'vue'\nimport { useLocale } from '@hzzt-plus/hooks'\n\ndefineOptions({\n name: 'HzztCollapse',\n})\nconst { t } = useLocale()\nconst props = defineProps({\n defaultActive: {\n type: Boolean,\n default: false,\n },\n title: {\n type: String,\n default: '',\n },\n expand: {\n type: Boolean,\n default: true,\n },\n})\n\nconst active = ref(props.defaultActive)\n\nwatch(\n () => props.defaultActive,\n (val: boolean) => {\n active.value = val\n }\n)\n\nfunction toggle() {\n active.value = !active.value\n}\n</script>\n"],"names":["_createElementVNode","_toDisplayString","_openBlock","_createElementBlock","_unref","_createCommentVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoBA,KAAA;AACA,IAAA,KAAS,EAAiB;;;AAEZ,KACN;AACR,IAAA,MAAA,EAAA;;;;;;;;;;;;;;;;;;;AACA,UAAM,OAAI,EAAc,MAAA;AAgBxB,SAAM,EAAA;AAEN,UAAAA,kBAAA,CAAA,KAAA,EAAA,UAAA,EAAA;AAAA,YACQA,kBAAM,CAAA,KAAA,EAAA,UAAA,EAAA;AAAA,cACM,UAAA;AAChB,cAAAA,kBAAe,CAAA,KAAA,EAAA,UAAA,EAAAC,eAAA,CAAA,OAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AAAA,aACjB,CAAA;AAAA,YACF,UAAA;AAEA,WAAA,CAAA;AACE,UAAO,OAAA,CAAA,MAAgB,IAAAC,SAAA,EAAA,EAAAC,kBAAA,CAAA,MAAA,EAAA,UAAA,EAAAF,eAAA,CAAA,MAAA,CAAA,KAAA,GAAAG,KAAA,CAAA,CAAA,CAAA,CAAA,uBAAA,CAAA,GAAAA,KAAA,CAAA,CAAA,CAAA,CAAA,sBAAA,CAAA,CAAA,EAAA,CAAA,CAAA,IAAAC,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA,SACzB,CAAA;;;;;;;;;;;"}
|
|
@@ -6,13 +6,6 @@ const Drag = {
|
|
|
6
6
|
}
|
|
7
7
|
initMouseEvent(el, callback);
|
|
8
8
|
},
|
|
9
|
-
updated(el, binding) {
|
|
10
|
-
let callback = binding.value;
|
|
11
|
-
if (!callback) {
|
|
12
|
-
callback = () => ({});
|
|
13
|
-
}
|
|
14
|
-
initMouseEvent(el, callback);
|
|
15
|
-
},
|
|
16
9
|
unmounted(el) {
|
|
17
10
|
el.onmousedown = null;
|
|
18
11
|
el.onmousemove = null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../../../packages/directives/drag/index.ts"],"sourcesContent":["import type { DirectiveBinding, ObjectDirective } from 'vue'\n\ntype Point = {\n x: number\n y: number\n}\n\ntype CallbackHandler = (rect?: DOMRect) => void\n\nconst Drag: ObjectDirective = {\n // 当被绑定的元素插入到 DOM 中时……\n mounted(el: HTMLElement, binding: DirectiveBinding) {\n let callback = binding.value\n if (!callback) {\n callback = () => ({})\n }\n\n initMouseEvent(el, callback)\n },\n
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../../packages/directives/drag/index.ts"],"sourcesContent":["import type { DirectiveBinding, ObjectDirective } from 'vue'\n\ntype Point = {\n x: number\n y: number\n}\n\ntype CallbackHandler = (rect?: DOMRect) => void\n\nconst Drag: ObjectDirective = {\n // 当被绑定的元素插入到 DOM 中时……\n mounted(el: HTMLElement, binding: DirectiveBinding) {\n let callback = binding.value\n if (!callback) {\n callback = () => ({})\n }\n\n initMouseEvent(el, callback)\n },\n // 只调用一次,指令与元素解绑时调用。\n unmounted(el: HTMLElement) {\n el.onmousedown = null\n el.onmousemove = null\n el.onmouseup = null\n },\n}\n\nfunction initMouseEvent(el: HTMLElement, callback: CallbackHandler) {\n let startPoint: Point | null = null\n let endPoint: Point | null = null\n let roiDiv: HTMLDivElement | null = null\n\n const onMousedown = (e: MouseEvent) => {\n if (e.ctrlKey) {\n startPoint = { x: e.x, y: e.y }\n document.onselectstart = () => false\n document.ondragstart = () => false\n } else {\n removeRoi()\n startPoint = null\n endPoint = null\n }\n }\n\n const onMousemove = (e: MouseEvent) => {\n if (e.ctrlKey && startPoint) {\n endPoint = { x: e.x, y: e.y }\n removeRoi()\n createRoi()\n } else {\n removeRoi()\n startPoint = null\n endPoint = null\n document.onselectstart = null\n document.ondragstart = null\n }\n }\n const onMouseup = () => {\n if (roiDiv) {\n callback(roiDiv.getBoundingClientRect())\n }\n document.onselectstart = null\n document.ondragstart = null\n removeRoi()\n startPoint = null\n endPoint = null\n }\n\n function removeRoi() {\n if (roiDiv && document.body.contains(roiDiv)) {\n document.body.removeChild(roiDiv)\n }\n roiDiv = null\n }\n\n function createRoi() {\n roiDiv = document.createElement('div')\n const distX = endPoint!.x - startPoint!.x\n const distY = endPoint!.y - startPoint!.y\n const left = startPoint!.x < endPoint!.x ? startPoint!.x : endPoint!.x\n const top = startPoint!.y < endPoint!.y ? startPoint!.y : endPoint!.y\n roiDiv.style.cssText = `position: fixed;z-index: 9999;width: ${Math.abs(\n distX\n )}px;height: ${Math.abs(\n distY\n )}px;border: 1px solid #0655c3;left: ${left}px;top: ${top}px;pointer-events: none;`\n document.body.appendChild(roiDiv)\n }\n\n el.onmousedown = onMousedown\n el.onmousemove = onMousemove\n el.onmouseup = onMouseup\n}\n\nexport default Drag\n"],"names":[],"mappings":"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"}
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
require('../../utils/index.js');
|
|
6
|
-
var collapse = require('./src/
|
|
7
|
-
require('./src/
|
|
6
|
+
var collapse = require('./src/collapse2.js');
|
|
7
|
+
require('./src/collapse.js');
|
|
8
8
|
var install = require('../../utils/vue/install.js');
|
|
9
9
|
|
|
10
10
|
const HzztCollapse = install.withInstall(collapse["default"]);
|
|
@@ -1,73 +1,3 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var vue = require('vue');
|
|
6
|
-
require('../../../hooks/index.js');
|
|
7
|
-
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
8
|
-
var index = require('../../../hooks/use-locale/index.js');
|
|
9
|
-
|
|
10
|
-
const _hoisted_1 = { class: "hzzt-collapse" };
|
|
11
|
-
const _hoisted_2 = { class: "flex align-items-center" };
|
|
12
|
-
const _hoisted_3 = { class: "hzzt-collapse-title-wrapper" };
|
|
13
|
-
const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("div", { class: "hzzt-collapse-title-block" }, null, -1);
|
|
14
|
-
const _hoisted_5 = { class: "hzzt-collapse-title" };
|
|
15
|
-
const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("div", { class: "hzzt-collapse-line" }, null, -1);
|
|
16
|
-
const _hoisted_7 = {
|
|
17
|
-
key: 0,
|
|
18
|
-
class: "hzzt-collapse-text"
|
|
19
|
-
};
|
|
20
|
-
const __default__ = vue.defineComponent({
|
|
21
|
-
name: "HzztCollapse"
|
|
22
|
-
});
|
|
23
|
-
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
24
|
-
...__default__,
|
|
25
|
-
props: {
|
|
26
|
-
defaultActive: {
|
|
27
|
-
type: Boolean,
|
|
28
|
-
default: false
|
|
29
|
-
},
|
|
30
|
-
title: {
|
|
31
|
-
type: String,
|
|
32
|
-
default: ""
|
|
33
|
-
},
|
|
34
|
-
expand: {
|
|
35
|
-
type: Boolean,
|
|
36
|
-
default: true
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
setup(__props) {
|
|
40
|
-
const props = __props;
|
|
41
|
-
const { t } = index.useLocale();
|
|
42
|
-
const active = vue.ref(props.defaultActive);
|
|
43
|
-
vue.watch(() => props.defaultActive, (val) => {
|
|
44
|
-
active.value = val;
|
|
45
|
-
});
|
|
46
|
-
function toggle() {
|
|
47
|
-
active.value = !active.value;
|
|
48
|
-
}
|
|
49
|
-
return (_ctx, _cache) => {
|
|
50
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
51
|
-
vue.createElementVNode("div", {
|
|
52
|
-
class: "hzzt-collapse-header",
|
|
53
|
-
onClick: toggle
|
|
54
|
-
}, [
|
|
55
|
-
vue.createElementVNode("div", _hoisted_2, [
|
|
56
|
-
vue.createElementVNode("div", _hoisted_3, [
|
|
57
|
-
_hoisted_4,
|
|
58
|
-
vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(__props.title), 1)
|
|
59
|
-
]),
|
|
60
|
-
_hoisted_6
|
|
61
|
-
]),
|
|
62
|
-
__props.expand ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, vue.toDisplayString(active.value ? vue.unref(t)("hzzt.collapse.retract") : vue.unref(t)("hzzt.collapse.expand")), 1)) : vue.createCommentVNode("v-if", true)
|
|
63
|
-
]),
|
|
64
|
-
vue.renderSlot(_ctx.$slots, "active", { active: active.value }),
|
|
65
|
-
vue.renderSlot(_ctx.$slots, "default")
|
|
66
|
-
]);
|
|
67
|
-
};
|
|
68
|
-
}
|
|
69
|
-
});
|
|
70
|
-
var Collapse = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "collapse.vue"]]);
|
|
71
|
-
|
|
72
|
-
exports["default"] = Collapse;
|
|
73
3
|
//# sourceMappingURL=collapse.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapse.js","sources":[
|
|
1
|
+
{"version":3,"file":"collapse.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
|
@@ -1,3 +1,73 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var vue = require('vue');
|
|
6
|
+
require('../../../hooks/index.js');
|
|
7
|
+
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
8
|
+
var index = require('../../../hooks/use-locale/index.js');
|
|
9
|
+
|
|
10
|
+
const _hoisted_1 = { class: "hzzt-collapse" };
|
|
11
|
+
const _hoisted_2 = { class: "flex align-items-center" };
|
|
12
|
+
const _hoisted_3 = { class: "hzzt-collapse-title-wrapper" };
|
|
13
|
+
const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("div", { class: "hzzt-collapse-title-block" }, null, -1);
|
|
14
|
+
const _hoisted_5 = { class: "hzzt-collapse-title" };
|
|
15
|
+
const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("div", { class: "hzzt-collapse-line" }, null, -1);
|
|
16
|
+
const _hoisted_7 = {
|
|
17
|
+
key: 0,
|
|
18
|
+
class: "hzzt-collapse-text"
|
|
19
|
+
};
|
|
20
|
+
const __default__ = vue.defineComponent({
|
|
21
|
+
name: "HzztCollapse"
|
|
22
|
+
});
|
|
23
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
24
|
+
...__default__,
|
|
25
|
+
props: {
|
|
26
|
+
defaultActive: {
|
|
27
|
+
type: Boolean,
|
|
28
|
+
default: false
|
|
29
|
+
},
|
|
30
|
+
title: {
|
|
31
|
+
type: String,
|
|
32
|
+
default: ""
|
|
33
|
+
},
|
|
34
|
+
expand: {
|
|
35
|
+
type: Boolean,
|
|
36
|
+
default: true
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
setup(__props) {
|
|
40
|
+
const props = __props;
|
|
41
|
+
const { t } = index.useLocale();
|
|
42
|
+
const active = vue.ref(props.defaultActive);
|
|
43
|
+
vue.watch(() => props.defaultActive, (val) => {
|
|
44
|
+
active.value = val;
|
|
45
|
+
});
|
|
46
|
+
function toggle() {
|
|
47
|
+
active.value = !active.value;
|
|
48
|
+
}
|
|
49
|
+
return (_ctx, _cache) => {
|
|
50
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
51
|
+
vue.createElementVNode("div", {
|
|
52
|
+
class: "hzzt-collapse-header",
|
|
53
|
+
onClick: toggle
|
|
54
|
+
}, [
|
|
55
|
+
vue.createElementVNode("div", _hoisted_2, [
|
|
56
|
+
vue.createElementVNode("div", _hoisted_3, [
|
|
57
|
+
_hoisted_4,
|
|
58
|
+
vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(__props.title), 1)
|
|
59
|
+
]),
|
|
60
|
+
_hoisted_6
|
|
61
|
+
]),
|
|
62
|
+
__props.expand ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, vue.toDisplayString(active.value ? vue.unref(t)("hzzt.collapse.retract") : vue.unref(t)("hzzt.collapse.expand")), 1)) : vue.createCommentVNode("v-if", true)
|
|
63
|
+
]),
|
|
64
|
+
vue.renderSlot(_ctx.$slots, "active", { active: active.value }),
|
|
65
|
+
vue.renderSlot(_ctx.$slots, "default")
|
|
66
|
+
]);
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
});
|
|
70
|
+
var Collapse = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "collapse.vue"]]);
|
|
71
|
+
|
|
72
|
+
exports["default"] = Collapse;
|
|
3
73
|
//# sourceMappingURL=collapse2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapse2.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"collapse2.js","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n <div class=\"hzzt-collapse\">\n <div class=\"hzzt-collapse-header\" @click=\"toggle\">\n <div class=\"flex align-items-center\">\n <div class=\"hzzt-collapse-title-wrapper\">\n <div class=\"hzzt-collapse-title-block\" />\n <div class=\"hzzt-collapse-title\">{{ title }}</div>\n </div>\n <div class=\"hzzt-collapse-line\" />\n </div>\n <span v-if=\"expand\" class=\"hzzt-collapse-text\">{{\n active ? t('hzzt.collapse.retract') : t('hzzt.collapse.expand')\n }}</span>\n </div>\n <slot name=\"active\" :active=\"active\" />\n <slot />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from 'vue'\nimport { useLocale } from '@hzzt-plus/hooks'\n\ndefineOptions({\n name: 'HzztCollapse',\n})\nconst { t } = useLocale()\nconst props = defineProps({\n defaultActive: {\n type: Boolean,\n default: false,\n },\n title: {\n type: String,\n default: '',\n },\n expand: {\n type: Boolean,\n default: true,\n },\n})\n\nconst active = ref(props.defaultActive)\n\nwatch(\n () => props.defaultActive,\n (val: boolean) => {\n active.value = val\n }\n)\n\nfunction toggle() {\n active.value = !active.value\n}\n</script>\n"],"names":["_createElementVNode","_toDisplayString","_openBlock","_createElementBlock","_unref","_createCommentVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,KAAA;AACA,IAAA,KAAS,EAAiB;;;AAEZ,KACN;AACR,IAAA,MAAA,EAAA;;;;;;;;;;;;;;;;;;;AACA,UAAM,OAAI,EAAc,MAAA;AAgBxB,SAAM,EAAA;AAEN,UAAAA,sBAAA,CAAA,KAAA,EAAA,UAAA,EAAA;AAAA,YACQA,sBAAM,CAAA,KAAA,EAAA,UAAA,EAAA;AAAA,cACM,UAAA;AAChB,cAAAA,sBAAe,CAAA,KAAA,EAAA,UAAA,EAAAC,mBAAA,CAAA,OAAA,CAAA,KAAA,CAAA,EAAA,CAAA,CAAA;AAAA,aACjB,CAAA;AAAA,YACF,UAAA;AAEA,WAAA,CAAA;AACE,UAAO,OAAA,CAAA,MAAgB,IAAAC,aAAA,EAAA,EAAAC,sBAAA,CAAA,MAAA,EAAA,UAAA,EAAAF,mBAAA,CAAA,MAAA,CAAA,KAAA,GAAAG,SAAA,CAAA,CAAA,CAAA,CAAA,uBAAA,CAAA,GAAAA,SAAA,CAAA,CAAA,CAAA,CAAA,sBAAA,CAAA,CAAA,EAAA,CAAA,CAAA,IAAAC,sBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA,SACzB,CAAA;;;;;;;;;;;"}
|
|
@@ -10,13 +10,6 @@ const Drag = {
|
|
|
10
10
|
}
|
|
11
11
|
initMouseEvent(el, callback);
|
|
12
12
|
},
|
|
13
|
-
updated(el, binding) {
|
|
14
|
-
let callback = binding.value;
|
|
15
|
-
if (!callback) {
|
|
16
|
-
callback = () => ({});
|
|
17
|
-
}
|
|
18
|
-
initMouseEvent(el, callback);
|
|
19
|
-
},
|
|
20
13
|
unmounted(el) {
|
|
21
14
|
el.onmousedown = null;
|
|
22
15
|
el.onmousemove = null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../packages/directives/drag/index.ts"],"sourcesContent":["import type { DirectiveBinding, ObjectDirective } from 'vue'\n\ntype Point = {\n x: number\n y: number\n}\n\ntype CallbackHandler = (rect?: DOMRect) => void\n\nconst Drag: ObjectDirective = {\n // 当被绑定的元素插入到 DOM 中时……\n mounted(el: HTMLElement, binding: DirectiveBinding) {\n let callback = binding.value\n if (!callback) {\n callback = () => ({})\n }\n\n initMouseEvent(el, callback)\n },\n
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../packages/directives/drag/index.ts"],"sourcesContent":["import type { DirectiveBinding, ObjectDirective } from 'vue'\n\ntype Point = {\n x: number\n y: number\n}\n\ntype CallbackHandler = (rect?: DOMRect) => void\n\nconst Drag: ObjectDirective = {\n // 当被绑定的元素插入到 DOM 中时……\n mounted(el: HTMLElement, binding: DirectiveBinding) {\n let callback = binding.value\n if (!callback) {\n callback = () => ({})\n }\n\n initMouseEvent(el, callback)\n },\n // 只调用一次,指令与元素解绑时调用。\n unmounted(el: HTMLElement) {\n el.onmousedown = null\n el.onmousemove = null\n el.onmouseup = null\n },\n}\n\nfunction initMouseEvent(el: HTMLElement, callback: CallbackHandler) {\n let startPoint: Point | null = null\n let endPoint: Point | null = null\n let roiDiv: HTMLDivElement | null = null\n\n const onMousedown = (e: MouseEvent) => {\n if (e.ctrlKey) {\n startPoint = { x: e.x, y: e.y }\n document.onselectstart = () => false\n document.ondragstart = () => false\n } else {\n removeRoi()\n startPoint = null\n endPoint = null\n }\n }\n\n const onMousemove = (e: MouseEvent) => {\n if (e.ctrlKey && startPoint) {\n endPoint = { x: e.x, y: e.y }\n removeRoi()\n createRoi()\n } else {\n removeRoi()\n startPoint = null\n endPoint = null\n document.onselectstart = null\n document.ondragstart = null\n }\n }\n const onMouseup = () => {\n if (roiDiv) {\n callback(roiDiv.getBoundingClientRect())\n }\n document.onselectstart = null\n document.ondragstart = null\n removeRoi()\n startPoint = null\n endPoint = null\n }\n\n function removeRoi() {\n if (roiDiv && document.body.contains(roiDiv)) {\n document.body.removeChild(roiDiv)\n }\n roiDiv = null\n }\n\n function createRoi() {\n roiDiv = document.createElement('div')\n const distX = endPoint!.x - startPoint!.x\n const distY = endPoint!.y - startPoint!.y\n const left = startPoint!.x < endPoint!.x ? startPoint!.x : endPoint!.x\n const top = startPoint!.y < endPoint!.y ? startPoint!.y : endPoint!.y\n roiDiv.style.cssText = `position: fixed;z-index: 9999;width: ${Math.abs(\n distX\n )}px;height: ${Math.abs(\n distY\n )}px;border: 1px solid #0655c3;left: ${left}px;top: ${top}px;pointer-events: none;`\n document.body.appendChild(roiDiv)\n }\n\n el.onmousedown = onMousedown\n el.onmousemove = onMousemove\n el.onmouseup = onMouseup\n}\n\nexport default Drag\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/theme/base.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:#79bbff;--hzzt-color-primary-light-5:#a0cfff;--hzzt-color-primary-light-7:#c6e2ff;--hzzt-color-primary-light-8:#d9ecff;--hzzt-color-primary-light-9:#ecf5ff;--hzzt-color-primary-dark-2:#337ecc;--hzzt-color-success:#67c23a;--hzzt-color-success-light-3:#95d475;--hzzt-color-success-light-5:#b3e19d;--hzzt-color-success-light-7:#d1edc4;--hzzt-color-success-light-8:#e1f3d8;--hzzt-color-success-light-9:#f0f9eb;--hzzt-color-success-dark-2:#529b2e;--hzzt-color-warning:#e6a23c;--hzzt-color-warning-light-3:#eebe77;--hzzt-color-warning-light-5:#f3d19e;--hzzt-color-warning-light-7:#f8e3c5;--hzzt-color-warning-light-8:#faecd8;--hzzt-color-warning-light-9:#fdf6ec;--hzzt-color-warning-dark-2:#b88230;--hzzt-color-danger:#f56c6c;--hzzt-color-danger-light-3:#f89898;--hzzt-color-danger-light-5:#fab6b6;--hzzt-color-danger-light-7:#fcd3d3;--hzzt-color-danger-light-8:#fde2e2;--hzzt-color-danger-light-9:#fef0f0;--hzzt-color-danger-dark-2:#c45656;--hzzt-color-error:#f56c6c;--hzzt-color-error-light-3:#f89898;--hzzt-color-error-light-5:#fab6b6;--hzzt-color-error-light-7:#fcd3d3;--hzzt-color-error-light-8:#fde2e2;--hzzt-color-error-light-9:#fef0f0;--hzzt-color-error-dark-2:#c45656;--hzzt-color-info:#909399;--hzzt-color-info-light-3:#b1b3b8;--hzzt-color-info-light-5:#c8c9cc;--hzzt-color-info-light-7:#dedfe0;--hzzt-color-info-light-8:#e9e9eb;--hzzt-color-info-light-9:#f4f4f5;--hzzt-color-info-dark-2:#73767a;--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}
|
|
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}
|
package/theme/hzzt-var.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
|
|
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)}
|