hzzt-plus 0.0.1-dev-01 → 0.0.1-dev-03

package/lib/packages/hooks/use-locale/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../packages/hooks/use-locale/index.ts"],"sourcesContent":["import { computed, inject, isRef, ref, unref } from 'vue'\nimport { get } from 'lodash-unified'\nimport English from '@hzzt-plus/locale/lang/en'\n\nimport type { MaybeRef } from '@vueuse/core'\nimport type { InjectionKey, Ref } from 'vue'\nimport type { Language } from '@hzzt-plus/locale'\n\nexport type TranslatorOption = Record<string, string | number>\nexport type Translator = (path: string, option?: TranslatorOption) => string\nexport type LocaleContext = {\n  locale: Ref<Language>\n  lang: Ref<string>\n  t: Translator\n}\n\nexport const buildTranslator =\n  (locale: MaybeRef<Language>): Translator =>\n  (path, option) =>\n    translate(path, option, unref(locale))\n\nexport const translate = (\n  path: string,\n  option: undefined | TranslatorOption,\n  locale: Language\n): string =>\n  (get(locale, path, path) as string).replace(\n    /\\{(\\w+)\\}/g,\n    (_, key) => `${option?.[key] ?? `{${key}}`}`\n  )\n\nexport const buildLocaleContext = (\n  locale: MaybeRef<Language>\n): LocaleContext => {\n  const lang = computed(() => unref(locale).name)\n  const localeRef = isRef(locale) ? locale : ref(locale)\n  return {\n    lang,\n    locale: localeRef,\n    t: buildTranslator(locale),\n  }\n}\n\nexport const localeContextKey: InjectionKey<Ref<Language | undefined>> =\n  Symbol('localeContextKey')\n\nexport const useLocale = (localeOverrides?: Ref<Language | undefined>) => {\n  const locale = localeOverrides || inject(localeContextKey, ref())!\n  return buildLocaleContext(computed(() => locale.value || English))\n}\n"],"names":["unref","get","computed","isRef","ref","inject","English"],"mappings":";;;;;;;;AAGY,MAAC,eAAe,GAAG,CAAC,MAAM,KAAK,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC,IAAI,EAAE,MAAM,EAAEA,SAAK,CAAC,MAAM,CAAC,EAAE;AACxF,MAAC,SAAS,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,KAAKC,iBAAG,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK;AAC7G,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,IAAI,GAAG,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACrF,CAAC,EAAE;AACS,MAAC,kBAAkB,GAAG,CAAC,MAAM,KAAK;AAC9C,EAAE,MAAM,IAAI,GAAGC,YAAQ,CAAC,MAAMF,SAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC;AAClD,EAAE,MAAM,SAAS,GAAGG,SAAK,CAAC,MAAM,CAAC,GAAG,MAAM,GAAGC,OAAG,CAAC,MAAM,CAAC,CAAC;AACzD,EAAE,OAAO;AACT,IAAI,IAAI;AACR,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC;AAC9B,GAAG,CAAC;AACJ,EAAE;AACU,MAAC,gBAAgB,GAAG,MAAM,CAAC,kBAAkB,EAAE;AAC/C,MAAC,SAAS,GAAG,CAAC,eAAe,KAAK;AAC9C,EAAE,MAAM,MAAM,GAAG,eAAe,IAAIC,UAAM,CAAC,gBAAgB,EAAED,OAAG,EAAE,CAAC,CAAC;AACpE,EAAE,OAAO,kBAAkB,CAACF,YAAQ,CAAC,MAAM,MAAM,CAAC,KAAK,IAAII,aAAO,CAAC,CAAC,CAAC;AACrE;;;;;;;;"}

package/lib/packages/hooks/use-size/index.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../utils/index.js');
+require('../../constants/index.js');
+var runtime = require('../../utils/vue/props/runtime.js');
+var size = require('../../constants/size.js');
+
+const useSizeProp = runtime.buildProp({
+  type: String,
+  values: size.componentSizes,
+  required: false
+});
+const useSizeProps = {
+  size: useSizeProp
+};
+const SIZE_INJECTION_KEY = Symbol("size");
+const useGlobalSize = () => {
+  const injectedSize = vue.inject(SIZE_INJECTION_KEY, {});
+  return vue.computed(() => {
+    return vue.unref(injectedSize.size) || "";
+  });
+};
+
+exports.SIZE_INJECTION_KEY = SIZE_INJECTION_KEY;
+exports.useGlobalSize = useGlobalSize;
+exports.useSizeProp = useSizeProp;
+exports.useSizeProps = useSizeProps;
+//# sourceMappingURL=index.js.map

package/lib/packages/hooks/use-size/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../packages/hooks/use-size/index.ts"],"sourcesContent":["import { computed, inject, unref } from 'vue'\nimport { buildProp } from '@hzzt-plus/utils'\nimport { componentSizes } from '@hzzt-plus/constants'\n\nimport type { InjectionKey, Ref } from 'vue'\nimport type { ComponentSize } from '@hzzt-plus/constants'\n\nexport const useSizeProp = buildProp({\n  type: String,\n  values: componentSizes,\n  required: false,\n} as const)\n\nexport const useSizeProps = {\n  size: useSizeProp,\n}\n\nexport interface SizeContext {\n  size: Ref<ComponentSize>\n}\n\nexport const SIZE_INJECTION_KEY: InjectionKey<SizeContext> = Symbol('size')\n\nexport const useGlobalSize = () => {\n  const injectedSize = inject(SIZE_INJECTION_KEY, {} as SizeContext)\n\n  return computed<ComponentSize>(() => {\n    return unref(injectedSize.size) || ''\n  })\n}\n"],"names":["buildProp","componentSizes","inject","computed","unref"],"mappings":";;;;;;;;;;AAGY,MAAC,WAAW,GAAGA,iBAAS,CAAC;AACrC,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,MAAM,EAAEC,mBAAc;AACxB,EAAE,QAAQ,EAAE,KAAK;AACjB,CAAC,EAAE;AACS,MAAC,YAAY,GAAG;AAC5B,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE;AACU,MAAC,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE;AACrC,MAAC,aAAa,GAAG,MAAM;AACnC,EAAE,MAAM,YAAY,GAAGC,UAAM,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC;AACtD,EAAE,OAAOC,YAAQ,CAAC,MAAM;AACxB,IAAI,OAAOC,SAAK,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AAC1C,GAAG,CAAC,CAAC;AACL;;;;;;;"}

package/lib/packages/locale/lang/en.js

@@ -2,10 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var en = {
+var English = {
   name: "en",
-  hzzt: {}
+  hzzt: {
+    collapse: {
+      expand: "expand",
+      retract: "retract"
+    }
+  }
 };
 
-exports["default"] = en;
+exports["default"] = English;
 //# sourceMappingURL=en.js.map

package/lib/packages/locale/lang/en.js.map

@@ -1 +1 @@
-{"version":3,"file":"en.js","sources":["../../../../../../packages/locale/lang/en.ts"],"sourcesContent":["export default {\n  name: 'en',\n  hzzt: {\n  },\n}\n"],"names":[],"mappings":";;;;AAAA,SAAe;AACf,EAAE,IAAI,EAAE,IAAI;AACZ,EAAE,IAAI,EAAE,EAAE;AACV,CAAC;;;;"}
+{"version":3,"file":"en.js","sources":["../../../../../../packages/locale/lang/en.ts"],"sourcesContent":["export default {\n  name: 'en',\n  hzzt: {\n    collapse: {\n      expand: 'expand',\n      retract: 'retract',\n    }\n  },\n}\n"],"names":[],"mappings":";;;;AAAA,cAAe;AACf,EAAE,IAAI,EAAE,IAAI;AACZ,EAAE,IAAI,EAAE;AACR,IAAI,QAAQ,EAAE;AACd,MAAM,MAAM,EAAE,QAAQ;AACtB,MAAM,OAAO,EAAE,SAAS;AACxB,KAAK;AACL,GAAG;AACH,CAAC;;;;"}

package/lib/packages/locale/lang/zh-cn.js

@@ -4,7 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var zhCn = {
   name: "zh-cn",
-  hzzt: {}
+  hzzt: {
+    collapse: {
+      expand: "\u5C55\u5F00",
+      retract: "\u6536\u8D77"
+    }
+  }
 };
 
 exports["default"] = zhCn;

package/lib/packages/locale/lang/zh-cn.js.map

@@ -1 +1 @@
-{"version":3,"file":"zh-cn.js","sources":["../../../../../../packages/locale/lang/zh-cn.ts"],"sourcesContent":["export default {\n  name: 'zh-cn',\n  hzzt: {\n  },\n}\n"],"names":[],"mappings":";;;;AAAA,WAAe;AACf,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,IAAI,EAAE,EAAE;AACV,CAAC;;;;"}
+{"version":3,"file":"zh-cn.js","sources":["../../../../../../packages/locale/lang/zh-cn.ts"],"sourcesContent":["export default {\n  name: 'zh-cn',\n  hzzt: {\n    collapse: {\n      expand: '展开',\n      retract: '收起',\n    }\n  },\n}\n"],"names":[],"mappings":";;;;AAAA,WAAe;AACf,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,IAAI,EAAE;AACR,IAAI,QAAQ,EAAE;AACd,MAAM,MAAM,EAAE,cAAc;AAC5B,MAAM,OAAO,EAAE,cAAc;AAC7B,KAAK;AACL,GAAG;AACH,CAAC;;;;"}

package/lib/utils/vue/vnode.d.ts

@@ -31,12 +31,12 @@ export declare function isTemplate(node: unknown): node is VNode;
  */
 export declare function isValidElementNode(node: VNode): boolean;
 export declare function isValidElementNode(node: unknown): node is VNode;
-export declare const getFirstValidNode: (nodes: VNodeNormalizedChildren, maxDepth?: number) => string | number | boolean | void | VNodeArrayChildren | {
+export declare const getFirstValidNode: (nodes: VNodeNormalizedChildren, maxDepth?: number) => string | number | boolean | void | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | VNodeArrayChildren | {
     [name: string]: unknown;
     $stable?: boolean | undefined;
-} | VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}> | null | undefined;
+} | null | undefined;
 export declare function renderIf(condition: boolean, ...args: Parameters<typeof createBlock>): VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>;
@@ -44,8 +44,8 @@ export declare function renderBlock(...args: Parameters<typeof createBlock>): VN
     [key: string]: any;
 }>;
 export declare const getNormalizedProps: (node: VNode) => Record<string, any>;
-export declare const ensureOnlyChild: (children: VNodeArrayChildren | undefined) => VNodeArrayChildren | (string | number | boolean | void | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+export declare const ensureOnlyChild: (children: VNodeArrayChildren | undefined) => (string | number | boolean | void | VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}> | null | undefined);
+}> | null | undefined) | VNodeArrayChildren;
 export declare type FlattenVNodes = Array<VNodeChildAtom | RawSlots>;
 export declare const flattedChildren: (children: FlattenVNodes | VNode | VNodeNormalizedChildren) => FlattenVNodes;

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.0-dev.1";
+export declare const version = "0.0.1";

package/lib/version.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const version = "0.0.0-dev.1";
+const version = "0.0.1";
 
 exports.version = version;
 //# sourceMappingURL=version.js.map

package/lib/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../../../packages/hzzt-plus/version.ts"],"sourcesContent":["export const version = '0.0.0-dev.1'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version.js","sources":["../../../packages/hzzt-plus/version.ts"],"sourcesContent":["export const version = '0.0.1'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hzzt-plus",
-  "version": "0.0.1-dev-01",
+  "version": "0.0.1-dev-03",
   "description": "A Component Library for Vue 3",
   "keywords": [
     "hzzt-plus",

package/theme/hzzt-collapse.css

@@ -0,0 +1 @@
+.hzzt-collapse{color:#000;position:relative}.hzzt-collapse .hzzt-collapse-header{height:28px}.hzzt-collapse .hzzt-collapse-header .hzzt-collapse-title{color:#606266;font-size:16px;font-weight:800;height:26px;line-height:26px;min-width:85px;padding-left:20px;z-index:99}.hzzt-collapse .hzzt-collapse-header .hzzt-collapse-title-block{background-color:rgba(43,83,193,.1);height:14px;left:0;position:absolute;top:12px;width:85px}.hzzt-collapse .hzzt-collapse-header .hzzt-collapse-line{border-bottom:1px solid #d5e1f3;height:1px;width:100%}.hzzt-collapse .hzzt-collapse-header .hzzt-collapse-text{color:var(--hzzt-color-primary);cursor:pointer;font-size:14px;position:absolute;right:10px;top:-6px}.hzzt-collapse .hzzt-collapse-icon{width:18px}html.dark .hzzt-collapse-title{color:var(--hzzt-text-color-primary)}

package/theme/hzzt-dropdown.css

@@ -1 +1 @@
-.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-lignt-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-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}

package/theme/index.css

@@ -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)}.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}.overflow-auto{overflow:auto}.overflow-x-auto,.overflow-y-hidden{overflow-x:auto;overflow-y:hidden}.overflow-y-auto .overflow-x-hidden{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}.hzzt-title{color:#000}.hzzt-title .decorative-line{background:var(--hzzt-color-primary);height:18px;margin-right:7px;min-width:3px;width:3px}.hzzt-title .label-name{color:inherit;font-size:16px;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-lignt-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}
+@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)}.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}.overflow-auto{overflow:auto}.overflow-x-auto,.overflow-y-hidden{overflow-x:auto;overflow-y:hidden}.overflow-y-auto .overflow-x-hidden{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}.hzzt-title{color:#000}.hzzt-title .decorative-line{background:var(--hzzt-color-primary);height:18px;margin-right:7px;min-width:3px;width:3px}.hzzt-title .label-name{color:inherit;font-size:16px;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}

package/theme/src/collapse.scss

@@ -0,0 +1,56 @@
+@use 'mixins/mixins' as *;
+@use 'mixins/var' as *;
+@use 'common/var' as *;
+
+@include b(collapse) {
+  color: #000;
+  position: relative;
+
+  .#{$B}-header {
+    height: 28px;
+
+    .#{$B}-title {
+      min-width: 85px;
+      padding-left: 20px;
+      font-size: 16px;
+      font-weight: 800;
+      color: #606266;
+      line-height: 26px;
+      height: 26px;
+      z-index: 99;
+    }
+
+    .#{$B}-title-block {
+      position: absolute;
+      left: 0;
+      top: 12px;
+      width: 85px;
+      height: 14px;
+      background-color: rgba(43, 83, 193, .1);
+    }
+
+    .#{$B}-line {
+      width: 100%;
+      height: 1px;
+      border-bottom: 1px solid #D5E1F3;
+    }
+
+    .#{$B}-text {
+      position: absolute;
+      top: -6px;
+      right: 10px;
+      font-size: 14px;
+      color: getCssVar('color', 'primary');
+      cursor: pointer;
+    }
+  }
+
+  .#{$B}-icon {
+    width: 18px;
+  }
+}
+
+@include dark(collapse-title) {
+  color: getCssVar('text-color', 'primary');
+}
+

package/theme/src/dropdown.scss

@@ -146,7 +146,7 @@
 
     .selected {
       .#{$B}-menu-item-label {
-        background: getCssVar('color', 'primary', 'lignt-5');
+        background: getCssVar('color', 'primary', 'light-5');
         color: white;
         position: relative;
       }