hzzt-plus 0.0.1-dev → 0.0.1-dev-02

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (162) hide show
  1. package/dist/index.full.js +298 -62
  2. package/dist/index.full.min.js +11 -11
  3. package/dist/index.full.min.js.map +1 -1
  4. package/dist/index.full.min.mjs +11 -11
  5. package/dist/index.full.min.mjs.map +1 -1
  6. package/dist/index.full.mjs +294 -64
  7. package/dist/locale/en.js +7 -2
  8. package/dist/locale/en.min.js +1 -1
  9. package/dist/locale/en.min.js.map +1 -1
  10. package/dist/locale/en.min.mjs +1 -1
  11. package/dist/locale/en.min.mjs.map +1 -1
  12. package/dist/locale/en.mjs +7 -2
  13. package/dist/locale/zh-cn.js +7 -2
  14. package/dist/locale/zh-cn.min.js +1 -1
  15. package/dist/locale/zh-cn.min.js.map +1 -1
  16. package/dist/locale/zh-cn.min.mjs +1 -1
  17. package/dist/locale/zh-cn.min.mjs.map +1 -1
  18. package/dist/locale/zh-cn.mjs +7 -2
  19. package/es/component.mjs +5 -1
  20. package/es/component.mjs.map +1 -1
  21. package/es/components/collapse/index.d.ts +55 -0
  22. package/es/components/collapse/src/index.vue.d.ts +55 -0
  23. package/es/components/collapse/style/css.d.ts +2 -0
  24. package/es/components/collapse/style/index.d.ts +2 -0
  25. package/es/components/config-provider/index.d.ts +41 -0
  26. package/es/components/config-provider/src/config-provider-props.d.ts +19 -0
  27. package/es/components/config-provider/src/config-provider.d.ts +38 -0
  28. package/es/components/config-provider/src/constants.d.ts +4 -0
  29. package/es/components/config-provider/src/hooks/use-global-config.d.ts +6 -0
  30. package/es/components/config-provider/style/css.d.ts +2 -0
  31. package/es/components/config-provider/style/index.d.ts +2 -0
  32. package/es/components/dropdown/index.d.ts +2 -1
  33. package/es/components/dropdown/src/index.vue.d.ts +2 -1
  34. package/es/components/index.d.ts +2 -0
  35. package/es/defaults.d.ts +1 -1
  36. package/es/hooks/index.d.ts +2 -0
  37. package/es/hooks/use-locale/index.d.ts +15 -0
  38. package/es/hooks/use-size/index.d.ts +21 -0
  39. package/es/index.d.ts +1 -1
  40. package/es/index.mjs +5 -0
  41. package/es/index.mjs.map +1 -1
  42. package/es/locale/index.d.ts +1 -1
  43. package/es/locale/lang/en.d.ts +6 -1
  44. package/es/locale/lang/zh-cn.d.ts +6 -1
  45. package/es/make-installer.d.ts +1 -1
  46. package/es/make-installer.mjs +5 -1
  47. package/es/make-installer.mjs.map +1 -1
  48. package/es/packages/components/collapse/index.mjs +8 -0
  49. package/es/packages/components/collapse/index.mjs.map +1 -0
  50. package/es/packages/components/collapse/src/index.mjs +69 -0
  51. package/es/packages/components/collapse/src/index.mjs.map +1 -0
  52. package/es/packages/components/collapse/style/css.mjs +3 -0
  53. package/es/packages/components/collapse/style/css.mjs.map +1 -0
  54. package/es/packages/components/collapse/style/index.mjs +3 -0
  55. package/es/packages/components/collapse/style/index.mjs.map +1 -0
  56. package/es/packages/components/config-provider/index.mjs +11 -0
  57. package/es/packages/components/config-provider/index.mjs.map +1 -0
  58. package/es/packages/components/config-provider/src/config-provider-props.mjs +22 -0
  59. package/es/packages/components/config-provider/src/config-provider-props.mjs.map +1 -0
  60. package/es/packages/components/config-provider/src/config-provider.mjs +15 -0
  61. package/es/packages/components/config-provider/src/config-provider.mjs.map +1 -0
  62. package/es/packages/components/config-provider/src/constants.mjs +4 -0
  63. package/es/packages/components/config-provider/src/constants.mjs.map +1 -0
  64. package/es/packages/components/config-provider/src/hooks/use-global-config.mjs +57 -0
  65. package/es/packages/components/config-provider/src/hooks/use-global-config.mjs.map +1 -0
  66. package/es/packages/components/config-provider/style/css.mjs +3 -0
  67. package/es/packages/components/config-provider/style/css.mjs.map +1 -0
  68. package/es/packages/components/config-provider/style/index.mjs +3 -0
  69. package/es/packages/components/config-provider/style/index.mjs.map +1 -0
  70. package/es/packages/components/dropdown/src/index.mjs +14 -12
  71. package/es/packages/components/dropdown/src/index.mjs.map +1 -1
  72. package/es/packages/components/index.mjs +5 -0
  73. package/es/packages/components/index.mjs.map +1 -1
  74. package/es/packages/hooks/index.mjs +3 -0
  75. package/es/packages/hooks/index.mjs.map +1 -0
  76. package/es/packages/hooks/use-locale/index.mjs +26 -0
  77. package/es/packages/hooks/use-locale/index.mjs.map +1 -0
  78. package/es/packages/hooks/use-size/index.mjs +24 -0
  79. package/es/packages/hooks/use-size/index.mjs.map +1 -0
  80. package/es/packages/locale/lang/en.mjs +8 -3
  81. package/es/packages/locale/lang/en.mjs.map +1 -1
  82. package/es/packages/locale/lang/zh-cn.mjs +6 -1
  83. package/es/packages/locale/lang/zh-cn.mjs.map +1 -1
  84. package/es/utils/vue/vnode.d.ts +6 -6
  85. package/es/version.d.ts +1 -1
  86. package/es/version.mjs +1 -1
  87. package/es/version.mjs.map +1 -1
  88. package/global.d.ts +2 -0
  89. package/lib/component.js +8 -4
  90. package/lib/component.js.map +1 -1
  91. package/lib/components/collapse/index.d.ts +55 -0
  92. package/lib/components/collapse/src/index.vue.d.ts +55 -0
  93. package/lib/components/collapse/style/css.d.ts +2 -0
  94. package/lib/components/collapse/style/index.d.ts +2 -0
  95. package/lib/components/config-provider/index.d.ts +41 -0
  96. package/lib/components/config-provider/src/config-provider-props.d.ts +19 -0
  97. package/lib/components/config-provider/src/config-provider.d.ts +38 -0
  98. package/lib/components/config-provider/src/constants.d.ts +4 -0
  99. package/lib/components/config-provider/src/hooks/use-global-config.d.ts +6 -0
  100. package/lib/components/config-provider/style/css.d.ts +2 -0
  101. package/lib/components/config-provider/style/index.d.ts +2 -0
  102. package/lib/components/dropdown/index.d.ts +2 -1
  103. package/lib/components/dropdown/src/index.vue.d.ts +2 -1
  104. package/lib/components/index.d.ts +2 -0
  105. package/lib/defaults.d.ts +1 -1
  106. package/lib/hooks/index.d.ts +2 -0
  107. package/lib/hooks/use-locale/index.d.ts +15 -0
  108. package/lib/hooks/use-size/index.d.ts +21 -0
  109. package/lib/index.d.ts +1 -1
  110. package/lib/index.js +11 -0
  111. package/lib/index.js.map +1 -1
  112. package/lib/locale/index.d.ts +1 -1
  113. package/lib/locale/lang/en.d.ts +6 -1
  114. package/lib/locale/lang/zh-cn.d.ts +6 -1
  115. package/lib/make-installer.d.ts +1 -1
  116. package/lib/make-installer.js +5 -1
  117. package/lib/make-installer.js.map +1 -1
  118. package/lib/packages/components/collapse/index.js +13 -0
  119. package/lib/packages/components/collapse/index.js.map +1 -0
  120. package/lib/packages/components/collapse/src/index.js +73 -0
  121. package/lib/packages/components/collapse/src/index.js.map +1 -0
  122. package/lib/packages/components/collapse/style/css.js +6 -0
  123. package/lib/packages/components/collapse/style/css.js.map +1 -0
  124. package/lib/packages/components/collapse/style/index.js +6 -0
  125. package/lib/packages/components/collapse/style/index.js.map +1 -0
  126. package/lib/packages/components/config-provider/index.js +20 -0
  127. package/lib/packages/components/config-provider/index.js.map +1 -0
  128. package/lib/packages/components/config-provider/src/config-provider-props.js +26 -0
  129. package/lib/packages/components/config-provider/src/config-provider-props.js.map +1 -0
  130. package/lib/packages/components/config-provider/src/config-provider.js +19 -0
  131. package/lib/packages/components/config-provider/src/config-provider.js.map +1 -0
  132. package/lib/packages/components/config-provider/src/constants.js +8 -0
  133. package/lib/packages/components/config-provider/src/constants.js.map +1 -0
  134. package/lib/packages/components/config-provider/src/hooks/use-global-config.js +62 -0
  135. package/lib/packages/components/config-provider/src/hooks/use-global-config.js.map +1 -0
  136. package/lib/packages/components/config-provider/style/css.js +6 -0
  137. package/lib/packages/components/config-provider/style/css.js.map +1 -0
  138. package/lib/packages/components/config-provider/style/index.js +6 -0
  139. package/lib/packages/components/config-provider/style/index.js.map +1 -0
  140. package/lib/packages/components/dropdown/src/index.js +13 -11
  141. package/lib/packages/components/dropdown/src/index.js.map +1 -1
  142. package/lib/packages/components/index.js +11 -0
  143. package/lib/packages/components/index.js.map +1 -1
  144. package/lib/packages/hooks/index.js +19 -0
  145. package/lib/packages/hooks/index.js.map +1 -0
  146. package/lib/packages/hooks/use-locale/index.js +34 -0
  147. package/lib/packages/hooks/use-locale/index.js.map +1 -0
  148. package/lib/packages/hooks/use-size/index.js +31 -0
  149. package/lib/packages/hooks/use-size/index.js.map +1 -0
  150. package/lib/packages/locale/lang/en.js +8 -3
  151. package/lib/packages/locale/lang/en.js.map +1 -1
  152. package/lib/packages/locale/lang/zh-cn.js +6 -1
  153. package/lib/packages/locale/lang/zh-cn.js.map +1 -1
  154. package/lib/utils/vue/vnode.d.ts +6 -6
  155. package/lib/version.d.ts +1 -1
  156. package/lib/version.js +1 -1
  157. package/lib/version.js.map +1 -1
  158. package/package.json +1 -1
  159. package/theme/hzzt-collapse.css +1 -0
  160. package/theme/hzzt-config-provider.css +0 -0
  161. package/theme/src/collapse.scss +56 -0
  162. package/theme/src/config-provider.scss +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../../../packages/components/dropdown/src/index.vue"],"sourcesContent":["<template>\n <ul @click.stop=\"dropToggle\" class=\"hzzt-dropdown\"\n v-click-outside=\"close\">\n <li :class=\"{ 'hzzt-dropdown-li': true, 'hzzt-dropdown-li-show': toggle }\">\n <span class=\"hzzt-dropdown-name\">{{ label }}</span>\n <span class=\"caret\"></span>\n <ul class=\"hzzt-dropdown-menu\">\n <template v-for=\"(option, index) in options\">\n <li :class=\"{ 'hzzt-dropdown-menu-item': true, selected: defaultValue.includes(option[props.value]) }\"\n v-if=\"option[props.children]&&option[props.children].length\" :key=\"index\">\n <a @click=\"selectValue([option[props.value]])\" class=\"hzzt-dropdown-menu-item-label\">{{ option[props.label] }}</a>\n </li>\n <li :key=\"index+'submenu'\" class=\"hzzt-dropdown-menu-item hzzt-dropdown-submenu\" v-else>\n <a class=\"submenu\">{{ option[props.label] }}</a>\n <ul :class=\"['pull-'+position]\" class=\"hzzt-dropdown-menu\">\n <li :class=\"{ 'hzzt-dropdown-menu-item': true, selected: defaultValue.includes(child[props.value]) }\"\n :key=\"cIndex\" v-for=\"(child, cIndex) in option.children\">\n <a @click=\"selectValue([option[props.value], child[props.value]])\"\n class=\"hzzt-dropdown-menu-item-label\">{{ child[props.label] }}</a>\n </li>\n </ul>\n </li>\n <li class=\"divider\" v-if=\"option.divider\" :key=\"index+'divider'\"></li>\n </template>\n </ul>\n </li>\n </ul>\n</template>\n\n<script setup lang=\"ts\">\n import {ref} from 'vue';\n import {ClickOutside as vClickOutside} from 'element-plus';\n\n const props = defineProps({\n options: {\n type: Array,\n default: () => [],\n },\n label: String,\n value: String,\n defaultValue: {\n type: Array,\n default: () => [],\n },\n position: {\n type: String,\n default: 'right',\n },\n props: {\n type: Object,\n default: () => ({\n children: 'children',\n label: 'label',\n value: 'value',\n }),\n },\n returnType: {\n type: String,\n default: 'Array',\n },\n });\n\n const emits = defineEmits(['change']);\n\n defineOptions({\n name: 'HzztDropDown',\n });\n\n const toggle = ref(false);\n\n function dropToggle() {\n toggle.value = !toggle.value;\n }\n\n function close() {\n toggle.value = false;\n }\n\n function selectValue(val) {\n if (props.returnType === 'Array') {\n emits('change', val);\n }\n if (props.returnType === 'String') {\n emits('change', val.last);\n }\n }\n\n</script>\n"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;uCAgEgB,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAM,MAAA,MAAA,GAASA,QAAI,KAAK,CAAA,CAAA;AAExB,IAAsB,SAAA,UAAA,GAAA;AACpB,MAAO,MAAA,CAAA,KAAA,GAAQ,CAAC,MAAO,CAAA,KAAA,CAAA;AAAA,KACzB;AAEA,IAAiB,SAAA,KAAA,GAAA;AACf,MAAA,MAAA,CAAO,KAAQ,GAAA,KAAA,CAAA;AAAA,KACjB;AAEA,IAAA,SAAA,WAAA,CAAqB,GAAK,EAAA;AACxB,MAAI,IAAA,KAAA,CAAM,eAAe,OAAS,EAAA;AAChC,QAAA,KAAA,CAAM,UAAU,GAAG,CAAA,CAAA;AAAA,OACrB;AACA,MAAI,IAAA,KAAA,CAAM,eAAe,QAAU,EAAA;AACjC,QAAM,KAAA,CAAA,QAAA,EAAU,IAAI,IAAI,CAAA,CAAA;AAAA,OAC1B;AAAA,KACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../../../../packages/components/dropdown/src/index.vue"],"sourcesContent":["<template>\n <ul @click.stop=\"dropToggle\" class=\"hzzt-dropdown\"\n v-click-outside=\"close\">\n <li :class=\"{ 'hzzt-dropdown-li': true, 'hzzt-dropdown-li-show': toggle }\">\n <span class=\"hzzt-dropdown-name\">{{ label }}</span>\n <span class=\"caret\"></span>\n <ul class=\"hzzt-dropdown-menu\">\n <template v-for=\"(option, index) in options\">\n <li :class=\"{ 'hzzt-dropdown-menu-item': true, selected: defaultValue.includes(option[props.value]) }\"\n v-if=\"isEmpty(option[props.children])\" :key=\"index\">\n <a @click=\"selectValue([option[props.value]])\" class=\"hzzt-dropdown-menu-item-label\">{{ option[props.label] }}</a>\n </li>\n <li :key=\"index+'submenu'\" class=\"hzzt-dropdown-menu-item hzzt-dropdown-submenu\" v-else>\n <a class=\"submenu\">{{ option[props.label] }}</a>\n <ul :class=\"['pull-'+position]\" class=\"hzzt-dropdown-menu\">\n <li :class=\"{ 'hzzt-dropdown-menu-item': true, selected: defaultValue.includes(child[props.value]) }\"\n :key=\"cIndex\" v-for=\"(child, cIndex) in option.children\">\n <a @click=\"selectValue([option[props.value], child[props.value]])\"\n class=\"hzzt-dropdown-menu-item-label\">{{ child[props.label] }}</a>\n </li>\n </ul>\n </li>\n <li class=\"divider\" v-if=\"option.divider\" :key=\"index+'divider'\"></li>\n </template>\n </ul>\n </li>\n </ul>\n</template>\n\n<script setup lang=\"ts\">\n import {ref} from 'vue';\n import {ClickOutside as vClickOutside} from 'element-plus';\n import {isEmpty} from '@hzzt-plus/utils';\n\n const dProps = defineProps({\n options: {\n type: Array,\n default: () => [],\n },\n label: String,\n value: String,\n defaultValue: {\n type: Array,\n default: () => [],\n },\n position: {\n type: String,\n default: 'right',\n },\n props: {\n type: Object,\n default: () => ({\n children: 'children',\n label: 'label',\n value: 'value',\n }),\n },\n returnType: {\n type: String,\n default: 'Array',\n },\n });\n\n const emits = defineEmits(['change']);\n\n defineOptions({\n name: 'HzztDropDown',\n });\n\n const toggle = ref(false);\n\n function dropToggle() {\n toggle.value = !toggle.value;\n }\n\n function close() {\n toggle.value = false;\n }\n\n function selectValue(val) {\n if (dProps.returnType === 'Array') {\n emits('change', val);\n }\n if (dProps.returnType === 'String') {\n emits('change', val.last);\n }\n }\n\n</script>\n"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;uCAiEgB,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAM,MAAA,MAAA,GAASA,QAAI,KAAK,CAAA,CAAA;AAExB,IAAsB,SAAA,UAAA,GAAA;AACpB,MAAO,MAAA,CAAA,KAAA,GAAQ,CAAC,MAAO,CAAA,KAAA,CAAA;AAAA,KACzB;AAEA,IAAiB,SAAA,KAAA,GAAA;AACf,MAAA,MAAA,CAAO,KAAQ,GAAA,KAAA,CAAA;AAAA,KACjB;AAEA,IAAA,SAAA,WAAA,CAAqB,GAAK,EAAA;AACxB,MAAI,IAAA,MAAA,CAAO,eAAe,OAAS,EAAA;AACjC,QAAA,KAAA,CAAM,UAAU,GAAG,CAAA,CAAA;AAAA,OACrB;AACA,MAAI,IAAA,MAAA,CAAO,eAAe,QAAU,EAAA;AAClC,QAAM,KAAA,CAAA,QAAA,EAAU,IAAI,IAAI,CAAA,CAAA;AAAA,OAC1B;AAAA,KACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -4,9 +4,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var index = require('./title/index.js');
6
6
  var index$1 = require('./dropdown/index.js');
7
+ var index$2 = require('./collapse/index.js');
8
+ var index$3 = require('./config-provider/index.js');
9
+ var configProviderProps = require('./config-provider/src/config-provider-props.js');
10
+ var constants = require('./config-provider/src/constants.js');
11
+ var useGlobalConfig = require('./config-provider/src/hooks/use-global-config.js');
7
12
 
8
13
 
9
14
 
10
15
  exports.HzztTitle = index.HzztTitle;
11
16
  exports.HzztDropdown = index$1.HzztDropdown;
17
+ exports.HzztCollapse = index$2.HzztCollapse;
18
+ exports.HzztConfigProvider = index$3.HzztConfigProvider;
19
+ exports.configProviderProps = configProviderProps.configProviderProps;
20
+ exports.configProviderContextKey = constants.configProviderContextKey;
21
+ exports.provideGlobalConfig = useGlobalConfig.provideGlobalConfig;
22
+ exports.useGlobalConfig = useGlobalConfig.useGlobalConfig;
12
23
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,19 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var index = require('./use-locale/index.js');
6
+ var index$1 = require('./use-size/index.js');
7
+
8
+
9
+
10
+ exports.buildLocaleContext = index.buildLocaleContext;
11
+ exports.buildTranslator = index.buildTranslator;
12
+ exports.localeContextKey = index.localeContextKey;
13
+ exports.translate = index.translate;
14
+ exports.useLocale = index.useLocale;
15
+ exports.SIZE_INJECTION_KEY = index$1.SIZE_INJECTION_KEY;
16
+ exports.useGlobalSize = index$1.useGlobalSize;
17
+ exports.useSizeProp = index$1.useSizeProp;
18
+ exports.useSizeProps = index$1.useSizeProps;
19
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,34 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var vue = require('vue');
6
+ var lodashUnified = require('lodash-unified');
7
+ var en = require('../../locale/lang/en.js');
8
+
9
+ const buildTranslator = (locale) => (path, option) => translate(path, option, vue.unref(locale));
10
+ const translate = (path, option, locale) => lodashUnified.get(locale, path, path).replace(/\{(\w+)\}/g, (_, key) => {
11
+ var _a;
12
+ return `${(_a = option == null ? void 0 : option[key]) != null ? _a : `{${key}}`}`;
13
+ });
14
+ const buildLocaleContext = (locale) => {
15
+ const lang = vue.computed(() => vue.unref(locale).name);
16
+ const localeRef = vue.isRef(locale) ? locale : vue.ref(locale);
17
+ return {
18
+ lang,
19
+ locale: localeRef,
20
+ t: buildTranslator(locale)
21
+ };
22
+ };
23
+ const localeContextKey = Symbol("localeContextKey");
24
+ const useLocale = (localeOverrides) => {
25
+ const locale = localeOverrides || vue.inject(localeContextKey, vue.ref());
26
+ return buildLocaleContext(vue.computed(() => locale.value || en["default"]));
27
+ };
28
+
29
+ exports.buildLocaleContext = buildLocaleContext;
30
+ exports.buildTranslator = buildTranslator;
31
+ exports.localeContextKey = localeContextKey;
32
+ exports.translate = translate;
33
+ exports.useLocale = useLocale;
34
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
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;;;;;;;;"}
@@ -0,0 +1,31 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var vue = require('vue');
6
+ require('../../utils/index.js');
7
+ require('../../constants/index.js');
8
+ var runtime = require('../../utils/vue/props/runtime.js');
9
+ var size = require('../../constants/size.js');
10
+
11
+ const useSizeProp = runtime.buildProp({
12
+ type: String,
13
+ values: size.componentSizes,
14
+ required: false
15
+ });
16
+ const useSizeProps = {
17
+ size: useSizeProp
18
+ };
19
+ const SIZE_INJECTION_KEY = Symbol("size");
20
+ const useGlobalSize = () => {
21
+ const injectedSize = vue.inject(SIZE_INJECTION_KEY, {});
22
+ return vue.computed(() => {
23
+ return vue.unref(injectedSize.size) || "";
24
+ });
25
+ };
26
+
27
+ exports.SIZE_INJECTION_KEY = SIZE_INJECTION_KEY;
28
+ exports.useGlobalSize = useGlobalSize;
29
+ exports.useSizeProp = useSizeProp;
30
+ exports.useSizeProps = useSizeProps;
31
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
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;;;;;;;"}
@@ -2,10 +2,15 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var en = {
5
+ var English = {
6
6
  name: "en",
7
- hzzt: {}
7
+ hzzt: {
8
+ collapse: {
9
+ expand: "expand",
10
+ retract: "retract"
11
+ }
12
+ }
8
13
  };
9
14
 
10
- exports["default"] = en;
15
+ exports["default"] = English;
11
16
  //# sourceMappingURL=en.js.map
@@ -1 +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;;;;"}
1
+ {"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;;;;"}
@@ -4,7 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var zhCn = {
6
6
  name: "zh-cn",
7
- hzzt: {}
7
+ hzzt: {
8
+ collapse: {
9
+ expand: "\u5C55\u5F00",
10
+ retract: "\u6536\u8D77"
11
+ }
12
+ }
8
13
  };
9
14
 
10
15
  exports["default"] = zhCn;
@@ -1 +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;;;;"}
1
+ {"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;;;;"}
@@ -31,12 +31,12 @@ export declare function isTemplate(node: unknown): node is VNode;
31
31
  */
32
32
  export declare function isValidElementNode(node: VNode): boolean;
33
33
  export declare function isValidElementNode(node: unknown): node is VNode;
34
- export declare const getFirstValidNode: (nodes: VNodeNormalizedChildren, maxDepth?: number) => string | number | boolean | void | VNodeArrayChildren | {
34
+ export declare const getFirstValidNode: (nodes: VNodeNormalizedChildren, maxDepth?: number) => string | number | boolean | void | VNode<import("vue").RendererNode, import("vue").RendererElement, {
35
+ [key: string]: any;
36
+ }> | VNodeArrayChildren | {
35
37
  [name: string]: unknown;
36
38
  $stable?: boolean | undefined;
37
- } | VNode<import("vue").RendererNode, import("vue").RendererElement, {
38
- [key: string]: any;
39
- }> | null | undefined;
39
+ } | null | undefined;
40
40
  export declare function renderIf(condition: boolean, ...args: Parameters<typeof createBlock>): VNode<import("vue").RendererNode, import("vue").RendererElement, {
41
41
  [key: string]: any;
42
42
  }>;
@@ -44,8 +44,8 @@ export declare function renderBlock(...args: Parameters<typeof createBlock>): VN
44
44
  [key: string]: any;
45
45
  }>;
46
46
  export declare const getNormalizedProps: (node: VNode) => Record<string, any>;
47
- export declare const ensureOnlyChild: (children: VNodeArrayChildren | undefined) => VNodeArrayChildren | (string | number | boolean | void | VNode<import("vue").RendererNode, import("vue").RendererElement, {
47
+ export declare const ensureOnlyChild: (children: VNodeArrayChildren | undefined) => (string | number | boolean | void | VNode<import("vue").RendererNode, import("vue").RendererElement, {
48
48
  [key: string]: any;
49
- }> | null | undefined);
49
+ }> | null | undefined) | VNodeArrayChildren;
50
50
  export declare type FlattenVNodes = Array<VNodeChildAtom | RawSlots>;
51
51
  export declare const flattedChildren: (children: FlattenVNodes | VNode | VNodeNormalizedChildren) => FlattenVNodes;
package/lib/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const version = "0.0.0-dev.1";
1
+ export declare const version = "0.0.1";
package/lib/version.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const version = "0.0.0-dev.1";
5
+ const version = "0.0.1";
6
6
 
7
7
  exports.version = version;
8
8
  //# sourceMappingURL=version.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"version.js","sources":["../../../packages/hzzt-plus/version.ts"],"sourcesContent":["export const version = '0.0.0-dev.1'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}
1
+ {"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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "hzzt-plus",
3
- "version": "0.0.1-dev",
3
+ "version": "0.0.1-dev-02",
4
4
  "description": "A Component Library for Vue 3",
5
5
  "keywords": [
6
6
  "hzzt-plus",
@@ -0,0 +1 @@
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)}
File without changes
@@ -0,0 +1,56 @@
1
+ @use 'mixins/mixins' as *;
2
+ @use 'mixins/var' as *;
3
+ @use 'common/var' as *;
4
+
5
+ @include b(collapse) {
6
+ color: #000;
7
+ position: relative;
8
+
9
+ .#{$B}-header {
10
+ height: 28px;
11
+
12
+ .#{$B}-title {
13
+ min-width: 85px;
14
+ padding-left: 20px;
15
+ font-size: 16px;
16
+ font-weight: 800;
17
+ color: #606266;
18
+ line-height: 26px;
19
+ height: 26px;
20
+ z-index: 99;
21
+ }
22
+
23
+ .#{$B}-title-block {
24
+ position: absolute;
25
+ left: 0;
26
+ top: 12px;
27
+ width: 85px;
28
+ height: 14px;
29
+ background-color: rgba(43, 83, 193, .1);
30
+ }
31
+
32
+ .#{$B}-line {
33
+ width: 100%;
34
+ height: 1px;
35
+ border-bottom: 1px solid #D5E1F3;
36
+ }
37
+
38
+ .#{$B}-text {
39
+ position: absolute;
40
+ top: -6px;
41
+ right: 10px;
42
+ font-size: 14px;
43
+ color: getCssVar('color', 'primary');
44
+ cursor: pointer;
45
+ }
46
+ }
47
+
48
+ .#{$B}-icon {
49
+ width: 18px;
50
+ }
51
+ }
52
+
53
+ @include dark(collapse-title) {
54
+ color: getCssVar('text-color', 'primary');
55
+ }
56
+
File without changes