hzzt-plus 2.0.1 → 2.0.2

package/dist/locale/en.js

@@ -1,4 +1,4 @@
-/*! Hzzt Plus v2.0.1 */
+/*! Hzzt Plus v2.0.2 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :

package/dist/locale/en.min.js

@@ -1,2 +1,2 @@
-/*! Hzzt Plus v2.0.1 */(function(e,r){typeof exports=="object"&&typeof module!="undefined"?module.exports=r():typeof define=="function"&&define.amd?define(r):(e=typeof globalThis!="undefined"?globalThis:e||self,e.HzztPlusLocaleEn=r())})(this,function(){"use strict";var e={name:"en",hzzt:{collapse:{expand:"expand",retract:"retract"},pagination:{total:"",strip:""},pageSize:{total:"Total ",strip:"",page:"page",d:"",per_page:"per page"},quarterpicker:{prevYear:"Previous Year",nextYear:"Next Year",year:"",firstQuarter:"First quarter",secondQuarter:"Second quarter",thirdQuarter:"Third quarter",fourthQuarter:"Fourth quarter"}}};return e});
+/*! Hzzt Plus v2.0.2 */(function(e,r){typeof exports=="object"&&typeof module!="undefined"?module.exports=r():typeof define=="function"&&define.amd?define(r):(e=typeof globalThis!="undefined"?globalThis:e||self,e.HzztPlusLocaleEn=r())})(this,function(){"use strict";var e={name:"en",hzzt:{collapse:{expand:"expand",retract:"retract"},pagination:{total:"",strip:""},pageSize:{total:"Total ",strip:"",page:"page",d:"",per_page:"per page"},quarterpicker:{prevYear:"Previous Year",nextYear:"Next Year",year:"",firstQuarter:"First quarter",secondQuarter:"Second quarter",thirdQuarter:"Third quarter",fourthQuarter:"Fourth quarter"}}};return e});
 //# sourceMappingURL=en.min.js.map

package/dist/locale/en.min.mjs

@@ -1,2 +1,2 @@
-/*! Hzzt Plus v2.0.1 */var r={name:"en",hzzt:{collapse:{expand:"expand",retract:"retract"},pagination:{total:"",strip:""},pageSize:{total:"Total ",strip:"",page:"page",d:"",per_page:"per page"},quarterpicker:{prevYear:"Previous Year",nextYear:"Next Year",year:"",firstQuarter:"First quarter",secondQuarter:"Second quarter",thirdQuarter:"Third quarter",fourthQuarter:"Fourth quarter"}}};export{r as default};
+/*! Hzzt Plus v2.0.2 */var r={name:"en",hzzt:{collapse:{expand:"expand",retract:"retract"},pagination:{total:"",strip:""},pageSize:{total:"Total ",strip:"",page:"page",d:"",per_page:"per page"},quarterpicker:{prevYear:"Previous Year",nextYear:"Next Year",year:"",firstQuarter:"First quarter",secondQuarter:"Second quarter",thirdQuarter:"Third quarter",fourthQuarter:"Fourth quarter"}}};export{r as default};
 //# sourceMappingURL=en.min.mjs.map

package/dist/locale/en.mjs

@@ -1,4 +1,4 @@
-/*! Hzzt Plus v2.0.1 */
+/*! Hzzt Plus v2.0.2 */
 
 var en = {
   name: "en",

package/dist/locale/zh-cn.js

@@ -1,4 +1,4 @@
-/*! Hzzt Plus v2.0.1 */
+/*! Hzzt Plus v2.0.2 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :

package/dist/locale/zh-cn.min.js

@@ -1,2 +1,2 @@
-/*! Hzzt Plus v2.0.1 */(function(u,e){typeof exports=="object"&&typeof module!="undefined"?module.exports=e():typeof define=="function"&&define.amd?define(e):(u=typeof globalThis!="undefined"?globalThis:u||self,u.HzztPlusLocaleZhCn=e())})(this,function(){"use strict";var u={name:"zh-cn",hzzt:{collapse:{expand:"\u5C55\u5F00",retract:"\u6536\u8D77"},pagination:{total:"\u5171",strip:"\u6761"},pageSize:{total:"\u5171",strip:"\u6761",d:"\u7B2C",page:"\u9875",per_page:"\u6BCF\u9875"},quarterpicker:{prevYear:"\u524D\u4E00\u5E74",nextYear:"\u540E\u4E00\u5E74",year:"\u5E74",firstQuarter:"\u7B2C\u4E00\u5B63\u5EA6",secondQuarter:"\u7B2C\u4E8C\u5B63\u5EA6",thirdQuarter:"\u7B2C\u4E09\u5B63\u5EA6",fourthQuarter:"\u7B2C\u56DB\u5B63\u5EA6"}}};return u});
+/*! Hzzt Plus v2.0.2 */(function(u,e){typeof exports=="object"&&typeof module!="undefined"?module.exports=e():typeof define=="function"&&define.amd?define(e):(u=typeof globalThis!="undefined"?globalThis:u||self,u.HzztPlusLocaleZhCn=e())})(this,function(){"use strict";var u={name:"zh-cn",hzzt:{collapse:{expand:"\u5C55\u5F00",retract:"\u6536\u8D77"},pagination:{total:"\u5171",strip:"\u6761"},pageSize:{total:"\u5171",strip:"\u6761",d:"\u7B2C",page:"\u9875",per_page:"\u6BCF\u9875"},quarterpicker:{prevYear:"\u524D\u4E00\u5E74",nextYear:"\u540E\u4E00\u5E74",year:"\u5E74",firstQuarter:"\u7B2C\u4E00\u5B63\u5EA6",secondQuarter:"\u7B2C\u4E8C\u5B63\u5EA6",thirdQuarter:"\u7B2C\u4E09\u5B63\u5EA6",fourthQuarter:"\u7B2C\u56DB\u5B63\u5EA6"}}};return u});
 //# sourceMappingURL=zh-cn.min.js.map

package/dist/locale/zh-cn.min.mjs

@@ -1,2 +1,2 @@
-/*! Hzzt Plus v2.0.1 */var u={name:"zh-cn",hzzt:{collapse:{expand:"\u5C55\u5F00",retract:"\u6536\u8D77"},pagination:{total:"\u5171",strip:"\u6761"},pageSize:{total:"\u5171",strip:"\u6761",d:"\u7B2C",page:"\u9875",per_page:"\u6BCF\u9875"},quarterpicker:{prevYear:"\u524D\u4E00\u5E74",nextYear:"\u540E\u4E00\u5E74",year:"\u5E74",firstQuarter:"\u7B2C\u4E00\u5B63\u5EA6",secondQuarter:"\u7B2C\u4E8C\u5B63\u5EA6",thirdQuarter:"\u7B2C\u4E09\u5B63\u5EA6",fourthQuarter:"\u7B2C\u56DB\u5B63\u5EA6"}}};export{u as default};
+/*! Hzzt Plus v2.0.2 */var u={name:"zh-cn",hzzt:{collapse:{expand:"\u5C55\u5F00",retract:"\u6536\u8D77"},pagination:{total:"\u5171",strip:"\u6761"},pageSize:{total:"\u5171",strip:"\u6761",d:"\u7B2C",page:"\u9875",per_page:"\u6BCF\u9875"},quarterpicker:{prevYear:"\u524D\u4E00\u5E74",nextYear:"\u540E\u4E00\u5E74",year:"\u5E74",firstQuarter:"\u7B2C\u4E00\u5B63\u5EA6",secondQuarter:"\u7B2C\u4E8C\u5B63\u5EA6",thirdQuarter:"\u7B2C\u4E09\u5B63\u5EA6",fourthQuarter:"\u7B2C\u56DB\u5B63\u5EA6"}}};export{u as default};
 //# sourceMappingURL=zh-cn.min.mjs.map

package/dist/locale/zh-cn.mjs

@@ -1,4 +1,4 @@
-/*! Hzzt Plus v2.0.1 */
+/*! Hzzt Plus v2.0.2 */
 
 var zhCn = {
   name: "zh-cn",

package/es/component.mjs

@@ -18,6 +18,7 @@ import { HzztCascader } from './components/cascader/index.mjs';
 import { HzztSelect } from './components/select/index.mjs';
 import { HzztClickInput } from './components/click-input/index.mjs';
 import { HzztScroll } from './components/scroll/index.mjs';
+import { HzztLazyList } from './components/lazy-list/index.mjs';
 
 var Components = [
   HzztConfigProvider,
@@ -39,7 +40,8 @@ var Components = [
   HzztCascader,
   HzztSelect,
   HzztClickInput,
-  HzztScroll
+  HzztScroll,
+  HzztLazyList
 ];
 
 export { Components as default };

package/es/component.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"component.mjs","sources":["../../../packages/hzzt-plus/component.ts"],"sourcesContent":["import { HzztTitle } from '@hzzt-plus/components/title'\nimport { HzztDropdown } from '@hzzt-plus/components/dropdown'\nimport { HzztCollapse } from '@hzzt-plus/components/collapse'\nimport { HzztConfigProvider } from '@hzzt-plus/components/config-provider'\nimport { HzztTab } from '@hzzt-plus/components/tab'\nimport { HzztIcon } from '@hzzt-plus/components/icon'\nimport { HzztPagination } from '@hzzt-plus/components/pagination'\nimport { HzztTooltip } from '@hzzt-plus/components/tooltip'\nimport { HzztPageSize } from '@hzzt-plus/components/page-size'\nimport { HzztConfirmPassword } from '@hzzt-plus/components/confirm-password'\nimport { HzztCheckButton } from '@hzzt-plus/components/check-button'\nimport { HzztQuarterPicker } from '@hzzt-plus/components/quarter-picker'\nimport { HzztScan } from '@hzzt-plus/components/scan'\nimport { HzztSelectInput } from '@hzzt-plus/components/select-input'\nimport { HzztSelectTextarea } from '@hzzt-plus/components/select-textarea'\nimport { HzztInputRange } from '@hzzt-plus/components/input-range'\nimport { HzztCascader } from '@hzzt-plus/components/cascader'\nimport { HzztSelect } from '@hzzt-plus/components/select'\nimport { HzztClickInput } from '@hzzt-plus/components/click-input'\nimport { HzztScroll } from '@hzzt-plus/components/scroll'\n\nimport type { Plugin } from 'vue'\n\nexport default [\n  HzztConfigProvider,\n  HzztTitle,\n  HzztDropdown,\n  HzztCollapse,\n  HzztTab,\n  HzztIcon,\n  HzztPagination,\n  HzztTooltip,\n  HzztPageSize,\n  HzztConfirmPassword,\n  HzztCheckButton,\n  HzztQuarterPicker,\n  HzztScan,\n  HzztSelectInput,\n  HzztSelectTextarea,\n  HzztInputRange,\n  HzztCascader,\n  HzztSelect,\n  HzztClickInput,\n  HzztScroll,\n] as Plugin[]\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBA,iBAAe;AACf,EAAE,kBAAkB;AACpB,EAAE,SAAS;AACX,EAAE,YAAY;AACd,EAAE,YAAY;AACd,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,EAAE,cAAc;AAChB,EAAE,WAAW;AACb,EAAE,YAAY;AACd,EAAE,mBAAmB;AACrB,EAAE,eAAe;AACjB,EAAE,iBAAiB;AACnB,EAAE,QAAQ;AACV,EAAE,eAAe;AACjB,EAAE,kBAAkB;AACpB,EAAE,cAAc;AAChB,EAAE,YAAY;AACd,EAAE,UAAU;AACZ,EAAE,cAAc;AAChB,EAAE,UAAU;AACZ,CAAC;;;;"}
+{"version":3,"file":"component.mjs","sources":["../../../packages/hzzt-plus/component.ts"],"sourcesContent":["import { HzztTitle } from '@hzzt-plus/components/title'\nimport { HzztDropdown } from '@hzzt-plus/components/dropdown'\nimport { HzztCollapse } from '@hzzt-plus/components/collapse'\nimport { HzztConfigProvider } from '@hzzt-plus/components/config-provider'\nimport { HzztTab } from '@hzzt-plus/components/tab'\nimport { HzztIcon } from '@hzzt-plus/components/icon'\nimport { HzztPagination } from '@hzzt-plus/components/pagination'\nimport { HzztTooltip } from '@hzzt-plus/components/tooltip'\nimport { HzztPageSize } from '@hzzt-plus/components/page-size'\nimport { HzztConfirmPassword } from '@hzzt-plus/components/confirm-password'\nimport { HzztCheckButton } from '@hzzt-plus/components/check-button'\nimport { HzztQuarterPicker } from '@hzzt-plus/components/quarter-picker'\nimport { HzztScan } from '@hzzt-plus/components/scan'\nimport { HzztSelectInput } from '@hzzt-plus/components/select-input'\nimport { HzztSelectTextarea } from '@hzzt-plus/components/select-textarea'\nimport { HzztInputRange } from '@hzzt-plus/components/input-range'\nimport { HzztCascader } from '@hzzt-plus/components/cascader'\nimport { HzztSelect } from '@hzzt-plus/components/select'\nimport { HzztClickInput } from '@hzzt-plus/components/click-input'\nimport { HzztScroll } from '@hzzt-plus/components/scroll'\nimport { HzztLazyList } from '@hzzt-plus/components/lazy-list'\n\nimport type { Plugin } from 'vue'\n\nexport default [\n  HzztConfigProvider,\n  HzztTitle,\n  HzztDropdown,\n  HzztCollapse,\n  HzztTab,\n  HzztIcon,\n  HzztPagination,\n  HzztTooltip,\n  HzztPageSize,\n  HzztConfirmPassword,\n  HzztCheckButton,\n  HzztQuarterPicker,\n  HzztScan,\n  HzztSelectInput,\n  HzztSelectTextarea,\n  HzztInputRange,\n  HzztCascader,\n  HzztSelect,\n  HzztClickInput,\n  HzztScroll,\n  HzztLazyList,\n] as Plugin[]\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBA,iBAAe;AACf,EAAE,kBAAkB;AACpB,EAAE,SAAS;AACX,EAAE,YAAY;AACd,EAAE,YAAY;AACd,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,EAAE,cAAc;AAChB,EAAE,WAAW;AACb,EAAE,YAAY;AACd,EAAE,mBAAmB;AACrB,EAAE,eAAe;AACjB,EAAE,iBAAiB;AACnB,EAAE,QAAQ;AACV,EAAE,eAAe;AACjB,EAAE,kBAAkB;AACpB,EAAE,cAAc;AAChB,EAAE,YAAY;AACd,EAAE,UAAU;AACZ,EAAE,cAAc;AAChB,EAAE,UAAU;AACZ,EAAE,YAAY;AACd,CAAC;;;;"}

package/es/components/index.d.ts

@@ -18,3 +18,4 @@ export * from './cascader';
 export * from './select';
 export * from './click-input';
 export * from './scroll';
+export * from './lazy-list';

package/es/components/index.mjs

@@ -18,6 +18,7 @@ export { HzztCascader } from './cascader/index.mjs';
 export { HzztSelect } from './select/index.mjs';
 export { HzztClickInput } from './click-input/index.mjs';
 export { HzztScroll } from './scroll/index.mjs';
+export { HzztLazyList } from './lazy-list/index.mjs';
 export { titleProps } from './title/src/title.mjs';
 export { configProviderProps } from './config-provider/src/config-provider-props.mjs';
 export { configProviderContextKey } from './config-provider/src/constants.mjs';
@@ -29,4 +30,5 @@ export { inputRangeEmits, inputRangeProps } from './input-range/src/input-range2
 export { cascaderEmits, cascaderProps } from './cascader/src/cascader.mjs';
 export { selectEmits, selectProps } from './select/src/select.mjs';
 export { clickInputEmits, clickInputProps } from './click-input/src/click-input.mjs';
+export { lazyListEmits, lazyListProps } from './lazy-list/src/lazy-list.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/components/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/lazy-list/index.d.ts

@@ -0,0 +1,5 @@
+import LazyList from './src/lazy-list.vue';
+import type { SFCWithInstall } from 'hzzt-plus/es/utils';
+export declare const HzztLazyList: SFCWithInstall<typeof LazyList>;
+export default HzztLazyList;
+export * from './src/lazy-list';

package/es/components/lazy-list/index.mjs

@@ -0,0 +1,9 @@
+import '../../utils/index.mjs';
+import LazyList from './src/lazy-list2.mjs';
+export { lazyListEmits, lazyListProps } from './src/lazy-list.mjs';
+import { withInstall } from '../../utils/vue/install.mjs';
+
+const HzztLazyList = withInstall(LazyList);
+
+export { HzztLazyList, HzztLazyList as default };
+//# sourceMappingURL=index.mjs.map

package/es/components/lazy-list/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/lazy-list/index.ts"],"sourcesContent":["import {withInstall} from '@hzzt-plus/utils'\nimport LazyList from './src/lazy-list.vue'\nimport type {SFCWithInstall} from '@hzzt-plus/utils'\n\nexport const HzztLazyList: SFCWithInstall<typeof LazyList> = withInstall(LazyList)\nexport default HzztLazyList\n\nexport * from './src/lazy-list'\n"],"names":[],"mappings":";;;;;AAEY,MAAC,YAAY,GAAG,WAAW,CAAC,QAAQ;;;;"}

package/es/components/lazy-list/src/lazy-list.d.ts

@@ -0,0 +1,14 @@
+import type { ExtractPropTypes } from 'vue';
+import type LazyList from './lazy-list.vue';
+export declare const lazyListProps: {
+    size: import("hzzt-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    height: import("hzzt-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    data: import("hzzt-plus/es/utils").EpPropFinalized<(new (...args: any[]) => Record<string, any>[]) | (() => Record<string, any>[]) | ((new (...args: any[]) => Record<string, any>[]) | (() => Record<string, any>[]))[], unknown, unknown, () => never[], boolean>;
+    rowKey: import("hzzt-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+};
+export declare type LazyListProps = ExtractPropTypes<typeof lazyListProps>;
+export declare const lazyListEmits: {
+    'row-click': (row: any) => any;
+};
+export declare type LazyListEmits = typeof lazyListEmits;
+export declare type LazyListInstance = InstanceType<typeof LazyList>;

package/es/components/lazy-list/src/lazy-list.mjs

@@ -0,0 +1,27 @@
+import '../../../utils/index.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+
+const lazyListProps = buildProps({
+  size: {
+    type: Number,
+    default: 20
+  },
+  height: {
+    type: Number,
+    default: 30
+  },
+  data: {
+    type: definePropType(Array),
+    default: () => []
+  },
+  rowKey: {
+    type: String,
+    default: "id"
+  }
+});
+const lazyListEmits = {
+  "row-click": (row) => row
+};
+
+export { lazyListEmits, lazyListProps };
+//# sourceMappingURL=lazy-list.mjs.map

package/es/components/lazy-list/src/lazy-list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy-list.mjs","sources":["../../../../../../packages/components/lazy-list/src/lazy-list.ts"],"sourcesContent":["import {buildProps, definePropType} from '@hzzt-plus/utils'\nimport type {ExtractPropTypes} from 'vue'\nimport type LazyList from './lazy-list.vue'\n\nexport const lazyListProps = buildProps({\n  size: {\n    type: Number,\n    default: 20,\n  },\n  height: {\n    type: Number,\n    default: 30,\n  },\n  data: {\n    type: definePropType<Record<string, any>[]>(Array),\n    default: () => [],\n  },\n  rowKey: {\n    type: String,\n    default: 'id',\n  },\n})\n\nexport type LazyListProps = ExtractPropTypes<typeof lazyListProps>\n\nexport const lazyListEmits = {\n  'row-click': (row: any) => row\n}\n\nexport type LazyListEmits = typeof lazyListEmits\n\n\nexport type LazyListInstance = InstanceType<typeof LazyList>\n"],"names":[],"mappings":";;;AACY,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,WAAW,EAAE,CAAC,GAAG,KAAK,GAAG;AAC3B;;;;"}

package/es/components/lazy-list/src/lazy-list.vue.d.ts

@@ -0,0 +1,57 @@
+declare const _default: import("vue").DefineComponent<{
+    size: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    height: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    data: import("../../../utils").EpPropFinalized<(new (...args: any[]) => Record<string, any>[]) | (() => Record<string, any>[]) | ((new (...args: any[]) => Record<string, any>[]) | (() => Record<string, any>[]))[], unknown, unknown, () => never[], boolean>;
+    rowKey: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        size: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+        height: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+        data: import("../../../utils").EpPropFinalized<(new (...args: any[]) => Record<string, any>[]) | (() => Record<string, any>[]) | ((new (...args: any[]) => Record<string, any>[]) | (() => Record<string, any>[]))[], unknown, unknown, () => never[], boolean>;
+        rowKey: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+    }>> & {
+        "onRow-click"?: ((row: any) => any) | undefined;
+    }>>;
+    emit: (event: "row-click", row: any) => void;
+    totalHeight: import("vue").Ref<string>;
+    marginTop: import("vue").Ref<string>;
+    currentIndex: import("vue").Ref<number>;
+    current: import("vue").Ref<null>;
+    nsLazy: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+    containerCls: import("vue").ComputedRef<string[]>;
+    calcList: import("vue").ComputedRef<Record<string, any>[]>;
+    scrollList: (e: Event) => void;
+    rowClick: (row: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'row-click': (row: any) => any;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    height: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    data: import("../../../utils").EpPropFinalized<(new (...args: any[]) => Record<string, any>[]) | (() => Record<string, any>[]) | ((new (...args: any[]) => Record<string, any>[]) | (() => Record<string, any>[]))[], unknown, unknown, () => never[], boolean>;
+    rowKey: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
+}>> & {
+    "onRow-click"?: ((row: any) => any) | undefined;
+}, {
+    size: number;
+    data: Record<string, any>[];
+    height: number;
+    rowKey: string;
+}>;
+export default _default;

package/es/components/lazy-list/src/lazy-list2.mjs

@@ -0,0 +1,85 @@
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, Fragment, renderList, renderSlot } from 'vue';
+import { lazyListProps, lazyListEmits } from './lazy-list.mjs';
+import '../../../hooks/index.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+
+const _hoisted_1 = ["onClick"];
+const __default__ = defineComponent({
+  name: "HzztLazyList"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: lazyListProps,
+  emits: lazyListEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const totalHeight = ref("100%");
+    const marginTop = ref("0px");
+    const currentIndex = ref(1);
+    const current = ref(null);
+    const nsLazy = useNamespace("lazy-list");
+    const containerCls = computed(() => [
+      "overflow-y-auto",
+      nsLazy.b()
+    ]);
+    watch(() => props.data, () => {
+      totalHeight.value = props.data.length * props.height + "px";
+    }, {
+      immediate: true
+    });
+    const calcList = computed(() => props.data.slice(currentIndex.value === 1 ? 0 : (currentIndex.value - 1) * props.size - props.size / 2, (currentIndex.value + 1) * props.size + props.size / 2));
+    function scrollList(e) {
+      const target = e.target;
+      const scrollTop = target.scrollTop;
+      if (scrollTop < props.size / 2 * props.height) {
+        currentIndex.value = 1;
+      } else {
+        currentIndex.value = Math.ceil((scrollTop - props.size / 2 * props.height) / props.size / props.height);
+      }
+      if (currentIndex.value === 1) {
+        marginTop.value = "0px";
+      } else {
+        marginTop.value = ((currentIndex.value - 1) * props.size - props.size / 2) * props.height + "px";
+      }
+    }
+    function rowClick(row) {
+      current.value = row;
+      emit("row-click", row);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(containerCls)),
+        onScroll: scrollList
+      }, [
+        createElementVNode("div", {
+          style: normalizeStyle({
+            height: totalHeight.value,
+            width: 0,
+            float: "left"
+          })
+        }, null, 4),
+        createElementVNode("div", {
+          style: normalizeStyle({ marginTop: marginTop.value })
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(calcList), (item) => {
+            return openBlock(), createElementBlock("div", {
+              key: item[_ctx.rowKey],
+              style: normalizeStyle({
+                height: _ctx.height + "px"
+              }),
+              class: normalizeClass(["hzzt-lazy-list__item", current.value === item ? "is-active" : ""]),
+              onClick: ($event) => rowClick(item)
+            }, [
+              renderSlot(_ctx.$slots, "default", { data: item })
+            ], 14, _hoisted_1);
+          }), 128))
+        ], 4)
+      ], 34);
+    };
+  }
+});
+var LazyList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "lazy-list.vue"]]);
+
+export { LazyList as default };
+//# sourceMappingURL=lazy-list2.mjs.map

package/es/components/lazy-list/src/lazy-list2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy-list2.mjs","sources":["../../../../../../packages/components/lazy-list/src/lazy-list.vue"],"sourcesContent":["<template>\n  <div :class=\"containerCls\" @scroll=\"scrollList\">\n    <div\n      :style=\"{\n        height: totalHeight,\n        width: 0,\n        float: 'left',\n      }\"\n    />\n    <div :style=\"{marginTop: marginTop}\">\n      <div\n        v-for=\"item in calcList\"\n        :key=\"item[rowKey]\"\n        :style=\"{\n          height: height+'px'\n        }\"\n        :class=\"['hzzt-lazy-list__item', current === item?'is-active':'']\"\n        @click=\"rowClick(item)\"\n      >\n        <slot :data=\"item\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import {lazyListEmits, lazyListProps} from './lazy-list'\n  import {computed, ref, watch} from \"vue\";\n  import {useNamespace} from \"@hzzt-plus/hooks\";\n\n  defineOptions({\n    name: 'HzztLazyList',\n  })\n\n  const props = defineProps(lazyListProps)\n  const emit = defineEmits(lazyListEmits)\n\n  const totalHeight = ref('100%');\n  const marginTop = ref('0px');\n  const currentIndex = ref(1);\n  const current = ref(null);\n\n  const nsLazy = useNamespace('lazy-list');\n\n  const containerCls = computed(() => [\n    'overflow-y-auto',\n    nsLazy.b(),\n  ])\n\n  watch(() => props.data, () => {\n    totalHeight.value = props.data.length * props.height + 'px';\n  }, {\n    immediate: true,\n  });\n\n  const calcList = computed(\n    () => props.data.slice(currentIndex.value === 1 ? 0 : ((currentIndex.value - 1) * props.size -\n      props.size / 2), (currentIndex.value + 1) * props.size + props.size / 2));\n\n  function scrollList(e: Event) {\n    const target = e.target as HTMLElement;\n    const scrollTop = target.scrollTop;\n    if (scrollTop < props.size / 2 * props.height) {\n      currentIndex.value = 1;\n    } else {\n      currentIndex.value = Math.ceil((scrollTop - props.size / 2 * props.height) / props.size / props.height);\n    }\n    if (currentIndex.value === 1) {\n      marginTop.value = '0px';\n    } else {\n      marginTop.value = ((currentIndex.value - 1) * props.size - props.size / 2) * props.height + 'px';\n    }\n  }\n\n  function rowClick(row: any) {\n    current.value = row;\n    emit('row-click', row);\n  }\n\n\n</script>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;;;;;;mCA8BgB,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,WAAA,GAAc,IAAI,MAAM,CAAA,CAAA;AAC9B,IAAM,MAAA,SAAA,GAAY,IAAI,KAAK,CAAA,CAAA;AAC3B,IAAM,MAAA,YAAA,GAAe,IAAI,CAAC,CAAA,CAAA;AAC1B,IAAM,MAAA,OAAA,GAAU,IAAI,IAAI,CAAA,CAAA;AAExB,IAAM,MAAA,MAAA,GAAS,aAAa,WAAW,CAAA,CAAA;AAEvC,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAAA,MAClC,iBAAA;AAAA,MACA,OAAO,CAAE,EAAA;AAAA,KACV,CAAA,CAAA;AAED,IAAM,KAAA,CAAA,MAAM,KAAM,CAAA,IAAA,EAAM,MAAM;AAC5B,MAAA,WAAA,CAAY,KAAQ,GAAA,KAAA,CAAM,IAAK,CAAA,MAAA,GAAS,MAAM,MAAS,GAAA,IAAA,CAAA;AAAA,KACtD,EAAA;AAAA,MACD,SAAW,EAAA,IAAA;AAAA,KACZ,CAAA,CAAA;AAED,IAAA,MAAM,QAAW,GAAA,QAAA,CAAA,MAAA,KAAA,CAAA,IAAA,CAAA,KAAA,CAAA,YAAA,CAAA,KAAA,KAAA,CAAA,GAAA,CAAA,GAAA,CAAA,YAAA,CAAA,KAAA,GAAA,CAAA,IAAA,KAAA,CAAA,IAAA,GAAA,KAAA,CAAA,IAAA,GAAA,CAAA,EAAA,CAAA,YAAA,CAAA,KAAA,GAAA,CAAA,IAAA,KAAA,CAAA,IAAA,GAAA,KAAA,CAAA,IAAA,GAAA,CAAA,CAAA,CAAA,CAAA;AAAA,IACf,mBAAiB,CAAA,CAAA,EAAA;AACwD,MAAC,MAAA,MAAA,GAAA,CAAA,CAAA,MAAA,CAAA;AAE5E,MAAA,MAAA,YAAoB,MAAU,CAAA,SAAA,CAAA;AAC5B,MAAA,IAAA,YAAiB,KAAA,CAAA,IAAA,GAAA,CAAA,GAAA,KAAA,CAAA,MAAA,EAAA;AACjB,QAAA,kBAAyB,GAAA,CAAA,CAAA;AACzB,OAAA,MAAgB;AACd,QAAA,YAAA,CAAa,KAAQ,GAAA,IAAA,CAAA,IAAA,CAAA,CAAA,SAAA,GAAA,KAAA,CAAA,IAAA,GAAA,CAAA,GAAA,KAAA,CAAA,MAAA,IAAA,KAAA,CAAA,IAAA,GAAA,KAAA,CAAA,MAAA,CAAA,CAAA;AAAA,OAChB;AACL,MAAA,IAAA,YAAqB,CAAA,KAAA,KAAA,CAAK,EAAM;AAAsE,QACxG,SAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AACA,OAAI,MAAA;AACF,QAAA,SAAA,CAAU,KAAQ,GAAA,CAAA,CAAA,YAAA,CAAA,KAAA,GAAA,CAAA,IAAA,KAAA,CAAA,IAAA,GAAA,KAAA,CAAA,IAAA,GAAA,CAAA,IAAA,KAAA,CAAA,MAAA,GAAA,IAAA,CAAA;AAAA,OACb;AACL,KAAU;AAAkF,IAC9F,SAAA,QAAA,CAAA,GAAA,EAAA;AAAA,MACF,OAAA,CAAA,KAAA,GAAA,GAAA,CAAA;AAEA,MAAA,IAAA,CAAA,WAAkB,EAAU,GAAA,CAAA,CAAA;AAC1B,KAAA;AACA,IAAA,OAAK,aAAa,KAAG;AAAA,MACvB,OAAAA,SAAA,EAAA,EAAAC,kBAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/lazy-list/style/css.d.ts

@@ -0,0 +1,2 @@
+import 'hzzt-plus/es/components/base/style/css';
+import 'hzzt-plus/theme/hzzt-lazy-list.css';

package/es/components/lazy-list/style/css.mjs

@@ -0,0 +1,3 @@
+import '../../base/style/css.mjs';
+import 'hzzt-plus/theme/hzzt-lazy-list.css';
+//# sourceMappingURL=css.mjs.map

package/es/components/lazy-list/style/css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/components/lazy-list/style/index.d.ts

@@ -0,0 +1,2 @@
+import 'hzzt-plus/es/components/base/style';
+import 'hzzt-plus/theme/src/hzzt-page-size.scss';

package/es/components/lazy-list/style/index.mjs

@@ -0,0 +1,3 @@
+import '../../base/style/index.mjs';
+import 'hzzt-plus/theme/src/hzzt-page-size.scss';
+//# sourceMappingURL=index.mjs.map

package/es/components/lazy-list/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/components/scroll/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Scroll from './src/scroll.mjs';
-import './src/scroll2.mjs';
+import Scroll from './src/scroll2.mjs';
+import './src/scroll.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const HzztScroll = withInstall(Scroll);

package/es/components/scroll/src/scroll.mjs

@@ -1,88 +1,2 @@
-import { defineComponent, ref, onUpdated, openBlock, createElementBlock, normalizeClass, createVNode, createCommentVNode, createElementVNode, normalizeStyle, renderSlot } from 'vue';
-import { useResizeObserver } from '@vueuse/core';
-import HzztIcon from '../../icon/src/index.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-const __default__ = defineComponent({
-  name: "HzztScroll"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  setup(__props) {
-    const navTranslateX = ref(0);
-    const scrollRef = ref(null);
-    const scrollContentRef = ref(null);
-    const scrollable = ref(false);
-    function update() {
-      if (!scrollRef.value || !scrollContentRef.value)
-        return;
-      const scrollWidth = scrollRef.value ? scrollRef.value.offsetWidth : 0;
-      const contentWidth = scrollContentRef.value ? scrollContentRef.value.offsetWidth : 0;
-      if (scrollWidth >= contentWidth) {
-        scrollable.value = false;
-        navTranslateX.value = 0;
-        return;
-      }
-      scrollable.value = true;
-    }
-    useResizeObserver(scrollContentRef, update);
-    onUpdated(() => update());
-    function btnNavPrev() {
-      var _a;
-      const containerSize = ((_a = scrollRef.value) == null ? void 0 : _a.offsetWidth) || 0;
-      const currentOffset = navTranslateX.value;
-      if (!currentOffset)
-        return;
-      const newOffset = currentOffset > containerSize ? currentOffset - containerSize : 0;
-      navTranslateX.value = newOffset;
-    }
-    function btnNavNext() {
-      var _a, _b;
-      const navSize = ((_a = scrollContentRef.value) == null ? void 0 : _a.offsetWidth) || 0;
-      const currentOffset = navTranslateX.value;
-      const containerSize = ((_b = scrollRef.value) == null ? void 0 : _b.offsetWidth) || 0;
-      if (navSize - currentOffset < containerSize)
-        return;
-      const newOffset = navSize - currentOffset > containerSize * 2 ? currentOffset + containerSize : navSize - containerSize;
-      navTranslateX.value = newOffset;
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([{ "is-scrollable": scrollable.value }, "relative hzzt-scroll"])
-      }, [
-        scrollable.value ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "hzzt-scroll__nav-prev",
-          onClick: btnNavPrev
-        }, [
-          createVNode(HzztIcon, { name: "arrow-left" })
-        ])) : createCommentVNode("v-if", true),
-        scrollable.value ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: "hzzt-scroll__nav-next",
-          onClick: btnNavNext
-        }, [
-          createVNode(HzztIcon, { name: "arrow-right" })
-        ])) : createCommentVNode("v-if", true),
-        createElementVNode("div", {
-          ref_key: "scrollRef",
-          ref: scrollRef,
-          class: "overflow-hidden"
-        }, [
-          createElementVNode("div", {
-            ref_key: "scrollContentRef",
-            ref: scrollContentRef,
-            style: normalizeStyle({ transform: `translateX(${-navTranslateX.value}px)` }),
-            class: "hzzt-scroll__content"
-          }, [
-            renderSlot(_ctx.$slots, "default")
-          ], 4)
-        ], 512)
-      ], 2);
-    };
-  }
-});
-var Scroll = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "scroll.vue"]]);
-
-export { Scroll as default };
 //# sourceMappingURL=scroll.mjs.map

package/es/components/scroll/src/scroll.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"scroll.mjs","sources":["../../../../../../packages/components/scroll/src/scroll.vue"],"sourcesContent":["<template>\n  <div :class=\"{'is-scrollable':scrollable}\" class=\"relative hzzt-scroll\">\n    <div v-if=\"scrollable\" class=\"hzzt-scroll__nav-prev\" @click=\"btnNavPrev\">\n      <hzzt-icon name=\"arrow-left\" />\n    </div>\n    <div v-if=\"scrollable\" class=\"hzzt-scroll__nav-next\" @click=\"btnNavNext\">\n      <hzzt-icon name=\"arrow-right\" />\n    </div>\n    <div ref=\"scrollRef\" class=\"overflow-hidden\">\n      <div ref=\"scrollContentRef\" :style=\"{transform: `translateX(${-navTranslateX}px)`}\" class=\"hzzt-scroll__content\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import {onUpdated, ref} from 'vue';\n  import {useResizeObserver} from '@vueuse/core';\n  import HzztIcon from \"@hzzt-plus/components/icon/src/index.vue\";\n\n  defineOptions({\n    name: 'HzztScroll',\n  })\n\n  const navTranslateX = ref(0);\n  const scrollRef = ref<HTMLElement | null>(null);\n  const scrollContentRef = ref<HTMLElement | null>(null);\n  const scrollable = ref(false);\n\n  function update() {\n    if (!scrollRef.value || !scrollContentRef.value) return;\n    const scrollWidth = scrollRef.value ? scrollRef.value.offsetWidth : 0;\n    const contentWidth = scrollContentRef.value ? scrollContentRef.value.offsetWidth : 0;\n    if (scrollWidth >= contentWidth) {\n      scrollable.value = false;\n      navTranslateX.value = 0;\n      return;\n    }\n    scrollable.value = true;\n  }\n\n  useResizeObserver(scrollContentRef, update);\n\n  onUpdated(() => update());\n\n  function btnNavPrev() {\n    const containerSize = scrollRef.value?.offsetWidth || 0;\n    const currentOffset = navTranslateX.value;\n    if (!currentOffset) return;\n    const newOffset = currentOffset > containerSize ? currentOffset - containerSize : 0;\n    navTranslateX.value = newOffset;\n  }\n\n  function btnNavNext() {\n    const navSize = scrollContentRef.value?.offsetWidth || 0;\n    const currentOffset = navTranslateX.value;\n    const containerSize = scrollRef.value?.offsetWidth || 0;\n    if (navSize - currentOffset < containerSize) return;\n    const newOffset = navSize - currentOffset > containerSize * 2 ?\n      currentOffset + containerSize :\n      navSize - containerSize;\n    navTranslateX.value = newOffset;\n  }\n</script>\n"],"names":[],"mappings":";;;;;mCAqBgB,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AACR,CAAA,CAAA,CAAA;;;;AAEA,IAAM,MAAA,aAAA,GAAgB,IAAI,CAAC,CAAA,CAAA;AAC3B,IAAM,MAAA,SAAA,GAAY,IAAwB,IAAI,CAAA,CAAA;AAC9C,IAAM,MAAA,gBAAA,GAAmB,IAAwB,IAAI,CAAA,CAAA;AACrD,IAAM,MAAA,UAAA,GAAa,IAAI,KAAK,CAAA,CAAA;AAE5B,IAAA,SAAS,MAAS,GAAA;AAChB,MAAA,IAAI,CAAC,SAAA,CAAU,KAAS,IAAA,CAAC,gBAAiB,CAAA,KAAA;AAAO,QAAA,OAAA;AACjD,MAAA,MAAM,WAAc,GAAA,SAAA,CAAU,KAAQ,GAAA,SAAA,CAAU,MAAM,WAAc,GAAA,CAAA,CAAA;AACpE,MAAA,MAAM,YAAe,GAAA,gBAAA,CAAiB,KAAQ,GAAA,gBAAA,CAAiB,MAAM,WAAc,GAAA,CAAA,CAAA;AACnF,MAAA,IAAI,eAAe,YAAc,EAAA;AAC/B,QAAA,UAAA,CAAW,KAAQ,GAAA,KAAA,CAAA;AACnB,QAAA,aAAA,CAAc,KAAQ,GAAA,CAAA,CAAA;AACtB,QAAA,OAAA;AAAA,OACF;AACA,MAAA,UAAA,CAAW,KAAQ,GAAA,IAAA,CAAA;AAAA,KACrB;AAEA,IAAA,iBAAA,CAAkB,kBAAkB,MAAM,CAAA,CAAA;AAE1C,IAAU,SAAA,CAAA,MAAM,QAAQ,CAAA,CAAA;AAExB,IAAA,SAAS,UAAa,GAAA;AACpB,MAAM,IAAA,EAAA,CAAA;AACN,MAAA,MAAM,gBAAgB,CAAc,CAAA,EAAA,GAAA,SAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAA,KAAA,CAAA,CAAA;AACpC,MAAA,MAAK,aAAA,GAAA,aAAA,CAAA,KAAA,CAAA;AAAe,MAAA,IAAA,CAAA,aAAA;AACpB,QAAA,OAAkB;AAClB,MAAA,MAAA,SAAsB,GAAA,aAAA,GAAA,aAAA,GAAA,aAAA,GAAA,aAAA,GAAA,CAAA,CAAA;AAAA,MACxB,aAAA,CAAA,KAAA,GAAA,SAAA,CAAA;AAEA,KAAA;AACE,IAAM,SAAA,UAA2B,GAAA;AACjC,MAAA,IAAA,EAAM;AACN,MAAM,MAAA,OAAA,GAAA,CAAA,CAAA,EAAA,GAA0B,gBAAO,CAAe,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAA,KAAA,CAAA,CAAA;AACtD,MAAA,mBAA8B,GAAA,aAAA,CAAA,KAAA,CAAA;AAAe,MAAA,MAAA,aAAA,GAAA,CAAA,CAAA,EAAA,GAAA,SAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAA,KAAA,CAAA,CAAA;AAC7C,MAAA,IAAA,uBAA4B,GAAA,aAAA;AAG5B,QAAA,OAAA;AAAsB,MACxB,MAAA,SAAA,GAAA,OAAA,GAAA,aAAA,GAAA,aAAA,GAAA,CAAA,GAAA,aAAA,GAAA,aAAA,GAAA,OAAA,GAAA,aAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"scroll.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/components/scroll/src/scroll2.mjs

@@ -1,2 +1,88 @@
+import { defineComponent, ref, onUpdated, openBlock, createElementBlock, normalizeClass, createVNode, createCommentVNode, createElementVNode, normalizeStyle, renderSlot } from 'vue';
+import { useResizeObserver } from '@vueuse/core';
+import HzztIcon from '../../icon/src/index.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
+const __default__ = defineComponent({
+  name: "HzztScroll"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  setup(__props) {
+    const navTranslateX = ref(0);
+    const scrollRef = ref(null);
+    const scrollContentRef = ref(null);
+    const scrollable = ref(false);
+    function update() {
+      if (!scrollRef.value || !scrollContentRef.value)
+        return;
+      const scrollWidth = scrollRef.value ? scrollRef.value.offsetWidth : 0;
+      const contentWidth = scrollContentRef.value ? scrollContentRef.value.offsetWidth : 0;
+      if (scrollWidth >= contentWidth) {
+        scrollable.value = false;
+        navTranslateX.value = 0;
+        return;
+      }
+      scrollable.value = true;
+    }
+    useResizeObserver(scrollContentRef, update);
+    onUpdated(() => update());
+    function btnNavPrev() {
+      var _a;
+      const containerSize = ((_a = scrollRef.value) == null ? void 0 : _a.offsetWidth) || 0;
+      const currentOffset = navTranslateX.value;
+      if (!currentOffset)
+        return;
+      const newOffset = currentOffset > containerSize ? currentOffset - containerSize : 0;
+      navTranslateX.value = newOffset;
+    }
+    function btnNavNext() {
+      var _a, _b;
+      const navSize = ((_a = scrollContentRef.value) == null ? void 0 : _a.offsetWidth) || 0;
+      const currentOffset = navTranslateX.value;
+      const containerSize = ((_b = scrollRef.value) == null ? void 0 : _b.offsetWidth) || 0;
+      if (navSize - currentOffset < containerSize)
+        return;
+      const newOffset = navSize - currentOffset > containerSize * 2 ? currentOffset + containerSize : navSize - containerSize;
+      navTranslateX.value = newOffset;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([{ "is-scrollable": scrollable.value }, "relative hzzt-scroll"])
+      }, [
+        scrollable.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "hzzt-scroll__nav-prev",
+          onClick: btnNavPrev
+        }, [
+          createVNode(HzztIcon, { name: "arrow-left" })
+        ])) : createCommentVNode("v-if", true),
+        scrollable.value ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: "hzzt-scroll__nav-next",
+          onClick: btnNavNext
+        }, [
+          createVNode(HzztIcon, { name: "arrow-right" })
+        ])) : createCommentVNode("v-if", true),
+        createElementVNode("div", {
+          ref_key: "scrollRef",
+          ref: scrollRef,
+          class: "overflow-hidden"
+        }, [
+          createElementVNode("div", {
+            ref_key: "scrollContentRef",
+            ref: scrollContentRef,
+            style: normalizeStyle({ transform: `translateX(${-navTranslateX.value}px)` }),
+            class: "hzzt-scroll__content"
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 4)
+        ], 512)
+      ], 2);
+    };
+  }
+});
+var Scroll = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "scroll.vue"]]);
+
+export { Scroll as default };
 //# sourceMappingURL=scroll2.mjs.map

package/es/components/scroll/src/scroll2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"scroll2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"scroll2.mjs","sources":["../../../../../../packages/components/scroll/src/scroll.vue"],"sourcesContent":["<template>\n  <div :class=\"{'is-scrollable':scrollable}\" class=\"relative hzzt-scroll\">\n    <div v-if=\"scrollable\" class=\"hzzt-scroll__nav-prev\" @click=\"btnNavPrev\">\n      <hzzt-icon name=\"arrow-left\" />\n    </div>\n    <div v-if=\"scrollable\" class=\"hzzt-scroll__nav-next\" @click=\"btnNavNext\">\n      <hzzt-icon name=\"arrow-right\" />\n    </div>\n    <div ref=\"scrollRef\" class=\"overflow-hidden\">\n      <div ref=\"scrollContentRef\" :style=\"{transform: `translateX(${-navTranslateX}px)`}\" class=\"hzzt-scroll__content\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n  import {onUpdated, ref} from 'vue';\n  import {useResizeObserver} from '@vueuse/core';\n  import HzztIcon from \"@hzzt-plus/components/icon/src/index.vue\";\n\n  defineOptions({\n    name: 'HzztScroll',\n  })\n\n  const navTranslateX = ref(0);\n  const scrollRef = ref<HTMLElement | null>(null);\n  const scrollContentRef = ref<HTMLElement | null>(null);\n  const scrollable = ref(false);\n\n  function update() {\n    if (!scrollRef.value || !scrollContentRef.value) return;\n    const scrollWidth = scrollRef.value ? scrollRef.value.offsetWidth : 0;\n    const contentWidth = scrollContentRef.value ? scrollContentRef.value.offsetWidth : 0;\n    if (scrollWidth >= contentWidth) {\n      scrollable.value = false;\n      navTranslateX.value = 0;\n      return;\n    }\n    scrollable.value = true;\n  }\n\n  useResizeObserver(scrollContentRef, update);\n\n  onUpdated(() => update());\n\n  function btnNavPrev() {\n    const containerSize = scrollRef.value?.offsetWidth || 0;\n    const currentOffset = navTranslateX.value;\n    if (!currentOffset) return;\n    const newOffset = currentOffset > containerSize ? currentOffset - containerSize : 0;\n    navTranslateX.value = newOffset;\n  }\n\n  function btnNavNext() {\n    const navSize = scrollContentRef.value?.offsetWidth || 0;\n    const currentOffset = navTranslateX.value;\n    const containerSize = scrollRef.value?.offsetWidth || 0;\n    if (navSize - currentOffset < containerSize) return;\n    const newOffset = navSize - currentOffset > containerSize * 2 ?\n      currentOffset + containerSize :\n      navSize - containerSize;\n    navTranslateX.value = newOffset;\n  }\n</script>\n"],"names":[],"mappings":";;;;;mCAqBgB,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AACR,CAAA,CAAA,CAAA;;;;AAEA,IAAM,MAAA,aAAA,GAAgB,IAAI,CAAC,CAAA,CAAA;AAC3B,IAAM,MAAA,SAAA,GAAY,IAAwB,IAAI,CAAA,CAAA;AAC9C,IAAM,MAAA,gBAAA,GAAmB,IAAwB,IAAI,CAAA,CAAA;AACrD,IAAM,MAAA,UAAA,GAAa,IAAI,KAAK,CAAA,CAAA;AAE5B,IAAA,SAAS,MAAS,GAAA;AAChB,MAAA,IAAI,CAAC,SAAA,CAAU,KAAS,IAAA,CAAC,gBAAiB,CAAA,KAAA;AAAO,QAAA,OAAA;AACjD,MAAA,MAAM,WAAc,GAAA,SAAA,CAAU,KAAQ,GAAA,SAAA,CAAU,MAAM,WAAc,GAAA,CAAA,CAAA;AACpE,MAAA,MAAM,YAAe,GAAA,gBAAA,CAAiB,KAAQ,GAAA,gBAAA,CAAiB,MAAM,WAAc,GAAA,CAAA,CAAA;AACnF,MAAA,IAAI,eAAe,YAAc,EAAA;AAC/B,QAAA,UAAA,CAAW,KAAQ,GAAA,KAAA,CAAA;AACnB,QAAA,aAAA,CAAc,KAAQ,GAAA,CAAA,CAAA;AACtB,QAAA,OAAA;AAAA,OACF;AACA,MAAA,UAAA,CAAW,KAAQ,GAAA,IAAA,CAAA;AAAA,KACrB;AAEA,IAAA,iBAAA,CAAkB,kBAAkB,MAAM,CAAA,CAAA;AAE1C,IAAU,SAAA,CAAA,MAAM,QAAQ,CAAA,CAAA;AAExB,IAAA,SAAS,UAAa,GAAA;AACpB,MAAM,IAAA,EAAA,CAAA;AACN,MAAA,MAAM,gBAAgB,CAAc,CAAA,EAAA,GAAA,SAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAA,KAAA,CAAA,CAAA;AACpC,MAAA,MAAK,aAAA,GAAA,aAAA,CAAA,KAAA,CAAA;AAAe,MAAA,IAAA,CAAA,aAAA;AACpB,QAAA,OAAkB;AAClB,MAAA,MAAA,SAAsB,GAAA,aAAA,GAAA,aAAA,GAAA,aAAA,GAAA,aAAA,GAAA,CAAA,CAAA;AAAA,MACxB,aAAA,CAAA,KAAA,GAAA,SAAA,CAAA;AAEA,KAAA;AACE,IAAM,SAAA,UAA2B,GAAA;AACjC,MAAA,IAAA,EAAM;AACN,MAAM,MAAA,OAAA,GAAA,CAAA,CAAA,EAAA,GAA0B,gBAAO,CAAe,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAA,KAAA,CAAA,CAAA;AACtD,MAAA,mBAA8B,GAAA,aAAA,CAAA,KAAA,CAAA;AAAe,MAAA,MAAA,aAAA,GAAA,CAAA,CAAA,EAAA,GAAA,SAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAA,KAAA,CAAA,CAAA;AAC7C,MAAA,IAAA,uBAA4B,GAAA,aAAA;AAG5B,QAAA,OAAA;AAAsB,MACxB,MAAA,SAAA,GAAA,OAAA,GAAA,aAAA,GAAA,aAAA,GAAA,CAAA,GAAA,aAAA,GAAA,aAAA,GAAA,OAAA,GAAA,aAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/select/src/select.vue.d.ts

@@ -99,6 +99,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     input: (str: string) => void;
     change: (str: string) => void;
+    focus: () => void;
     keydown: (e: KeyboardEvent | Event) => void;
     showSelect: () => void;
     selectChange: (v: string) => void;

package/es/components/select/src/select2.mjs

@@ -86,6 +86,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function change(str) {
       emit("change", str);
     }
+    function focus() {
+      if (selectRef.value) {
+        setTimeout(() => {
+          selectRef.value.dropdownMenuVisible = true;
+        }, 200);
+      }
+    }
     function keydown(e) {
       var _a, _b;
       const key = "key" in e && e.key;
@@ -129,7 +136,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       inputVal.value = str;
       setTimeout(() => {
         inputRef.value.focus();
-        selectRef.value.dropdownMenuVisible = false;
+        setTimeout(() => {
+          selectRef.value.dropdownMenuVisible = false;
+        }, 250);
         emit("change", str);
       });
     }
@@ -150,6 +159,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, unref(_inputProps), {
           onInput: input,
           onChange: change,
+          onFocus: focus,
           onKeydown: keydown
         }), {
           suffix: withCtx(() => [