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

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-02",
   "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/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');
+}
+