hzzt-plus 0.0.1-dev-04 → 0.0.1-dev-06
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/index.full.js +134 -51
- package/dist/index.full.min.js +13 -13
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +12 -12
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +125 -48
- package/es/component.mjs +3 -1
- package/es/component.mjs.map +1 -1
- package/es/components/index.d.ts +1 -0
- package/es/components/index.mjs +1 -0
- package/es/components/index.mjs.map +1 -1
- package/es/components/tab/index.d.ts +45 -0
- package/es/components/tab/index.mjs +8 -0
- package/es/components/tab/index.mjs.map +1 -0
- package/es/components/tab/src/index.mjs +78 -0
- package/es/components/tab/src/index.mjs.map +1 -0
- package/es/components/tab/src/index.vue.d.ts +45 -0
- package/es/components/tab/style/css.d.ts +2 -0
- package/es/components/tab/style/css.mjs +3 -0
- package/es/components/tab/style/css.mjs.map +1 -0
- package/es/components/tab/style/index.d.ts +2 -0
- package/es/components/tab/style/index.mjs +3 -0
- package/es/components/tab/style/index.mjs.map +1 -0
- package/es/directives/download/index.d.ts +3 -0
- package/es/directives/download/index.mjs +21 -0
- package/es/directives/download/index.mjs.map +1 -0
- package/es/directives/height/index.d.ts +3 -0
- package/es/directives/height/index.mjs +80 -0
- package/es/directives/height/index.mjs.map +1 -0
- package/es/directives/index.d.ts +1 -0
- package/es/directives/index.mjs +2 -0
- package/es/directives/index.mjs.map +1 -0
- package/es/index.d.ts +1 -0
- package/es/index.mjs +2 -0
- package/es/index.mjs.map +1 -1
- package/global.d.ts +1 -0
- package/lib/component.js +3 -1
- package/lib/component.js.map +1 -1
- package/lib/components/index.d.ts +1 -0
- package/lib/components/index.js +2 -0
- package/lib/components/index.js.map +1 -1
- package/lib/components/tab/index.d.ts +45 -0
- package/lib/components/tab/index.js +13 -0
- package/lib/components/tab/index.js.map +1 -0
- package/lib/components/tab/src/index.js +82 -0
- package/lib/components/tab/src/index.js.map +1 -0
- package/lib/components/tab/src/index.vue.d.ts +45 -0
- package/lib/components/tab/style/css.d.ts +2 -0
- package/lib/components/tab/style/css.js +6 -0
- package/lib/components/tab/style/css.js.map +1 -0
- package/lib/components/tab/style/index.d.ts +2 -0
- package/lib/components/tab/style/index.js +6 -0
- package/lib/components/tab/style/index.js.map +1 -0
- package/lib/directives/download/index.d.ts +3 -0
- package/lib/directives/download/index.js +25 -0
- package/lib/directives/download/index.js.map +1 -0
- package/lib/directives/height/index.d.ts +3 -0
- package/lib/directives/height/index.js +84 -0
- package/lib/directives/height/index.js.map +1 -0
- package/lib/directives/index.d.ts +1 -0
- package/lib/directives/index.js +10 -0
- package/lib/directives/index.js.map +1 -0
- package/lib/index.d.ts +1 -0
- package/lib/index.js +20 -11
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/theme/base.css +1 -1
- package/theme/hzzt-tab.css +1 -0
- package/theme/index.css +1 -1
- package/theme/src/base.scss +1 -1
- package/theme/src/common/{position.scss → display.scss} +35 -0
- package/theme/src/common/font.scss +13 -0
- package/theme/src/index.scss +1 -0
- package/theme/src/tab.scss +63 -0
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import '../../utils/index.mjs';
|
|
2
|
+
import { isClient } from '@vueuse/core';
|
|
3
|
+
import { isNumber } from '../../utils/types.mjs';
|
|
4
|
+
import { isObject } from '@vue/shared';
|
|
5
|
+
|
|
6
|
+
const nodeList = /* @__PURE__ */ new Map();
|
|
7
|
+
if (isClient) {
|
|
8
|
+
window.addEventListener("resize", handler);
|
|
9
|
+
document.addEventListener("fullscreenchange", handler);
|
|
10
|
+
}
|
|
11
|
+
function handler() {
|
|
12
|
+
for (const handlers of nodeList.values()) {
|
|
13
|
+
for (const { documentHandler } of handlers) {
|
|
14
|
+
documentHandler();
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
const Height = {
|
|
19
|
+
mounted(el, binding) {
|
|
20
|
+
const { element, distY, type } = getEffectiveValue(el, binding.value);
|
|
21
|
+
if (!nodeList.has(element)) {
|
|
22
|
+
nodeList.set(element, []);
|
|
23
|
+
}
|
|
24
|
+
nodeList.get(el).push({
|
|
25
|
+
documentHandler: createDocumentHandler(element, distY, type),
|
|
26
|
+
bindingFn: binding.value
|
|
27
|
+
});
|
|
28
|
+
},
|
|
29
|
+
updated(el, binding) {
|
|
30
|
+
const { element, distY, type } = getEffectiveValue(el, binding.value);
|
|
31
|
+
if (!nodeList.has(element)) {
|
|
32
|
+
nodeList.set(element, []);
|
|
33
|
+
}
|
|
34
|
+
const handlers = nodeList.get(element);
|
|
35
|
+
const oldHandlerIndex = handlers.findIndex((item) => item.bindingFn === binding.oldValue);
|
|
36
|
+
const newHandler = {
|
|
37
|
+
documentHandler: createDocumentHandler(element, distY, type),
|
|
38
|
+
bindingFn: binding.value
|
|
39
|
+
};
|
|
40
|
+
if (oldHandlerIndex >= 0) {
|
|
41
|
+
handlers.splice(oldHandlerIndex, 1, newHandler);
|
|
42
|
+
} else {
|
|
43
|
+
handlers.push(newHandler);
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
unmounted(el, binding) {
|
|
47
|
+
const { element } = getEffectiveValue(el, binding.value);
|
|
48
|
+
nodeList.delete(element);
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
function createDocumentHandler(el, distY, type) {
|
|
52
|
+
const cssProp = type ? type + "Height" : "height";
|
|
53
|
+
el.style[cssProp] = el.clientHeight + distY + "px";
|
|
54
|
+
return function() {
|
|
55
|
+
el.style[cssProp] = el.clientHeight + distY + "px";
|
|
56
|
+
};
|
|
57
|
+
}
|
|
58
|
+
function getEffectiveValue(el, val) {
|
|
59
|
+
let element = el.parentElement;
|
|
60
|
+
let distY = 0;
|
|
61
|
+
let type = "";
|
|
62
|
+
if (!val) {
|
|
63
|
+
element = el.parentElement;
|
|
64
|
+
distY = 0;
|
|
65
|
+
} else if (val instanceof HTMLElement) {
|
|
66
|
+
element = val;
|
|
67
|
+
distY = 0;
|
|
68
|
+
} else if (isNumber(val)) {
|
|
69
|
+
element = el.parentElement;
|
|
70
|
+
distY = val;
|
|
71
|
+
} else if (isObject(val)) {
|
|
72
|
+
element = (val == null ? void 0 : val.el) || el.parentElement;
|
|
73
|
+
distY = (val == null ? void 0 : val.distY) || 0;
|
|
74
|
+
type = (val == null ? void 0 : val.type) || "";
|
|
75
|
+
}
|
|
76
|
+
return { element, distY, type };
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
export { Height as default };
|
|
80
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../../packages/directives/height/index.ts"],"sourcesContent":["import {isClient, isNumber, isObject} from '@hzzt-plus/utils'\n\nimport type {\n DirectiveBinding,\n ObjectDirective,\n} from 'vue'\n\ntype DocumentHandler = <T>() => void\ntype FlushList = Map<\n HTMLElement,\n {\n documentHandler: DocumentHandler\n bindingFn: (...args: unknown[]) => unknown\n }[]\n>\n\nconst nodeList: FlushList = new Map();\n\nif (isClient) {\n window.addEventListener('resize', handler);\n document.addEventListener('fullscreenchange', handler);\n}\n\nfunction handler() {\n for (const handlers of nodeList.values()) {\n for (const {documentHandler} of handlers) {\n documentHandler()\n }\n }\n}\n\n// v-height\n// 默认高度为当前元素的父元素高度\n\n// v-height = el\n// 当前元素的高度设置为el的高度\n\n// v-height = 60\n// 当前元素的高度设置为父元素高度+60px\n\n// v-height = {el: el, distY: 60}\n// 当前元素的高度设置为el的高度+60px\nconst Height: ObjectDirective = {\n // 当被绑定的元素插入到 DOM 中时……\n mounted(el: HTMLElement, binding: DirectiveBinding) {\n const {element, distY, type} = getEffectiveValue(el, binding.value);\n if (!nodeList.has(element)) {\n nodeList.set(element, []);\n }\n nodeList.get(el)!.push({\n documentHandler: createDocumentHandler(element, distY, type),\n bindingFn: binding.value,\n })\n },\n updated(el: HTMLElement, binding: DirectiveBinding) {\n const {element, distY, type} = getEffectiveValue(el, binding.value);\n if (!nodeList.has(element)) {\n nodeList.set(element, []);\n }\n const handlers = nodeList.get(element)!\n const oldHandlerIndex = handlers.findIndex(\n (item) => item.bindingFn === binding.oldValue\n )\n const newHandler = {\n documentHandler: createDocumentHandler(element, distY, type),\n bindingFn: binding.value,\n }\n\n if (oldHandlerIndex >= 0) {\n // replace the old handler to the new handler\n handlers.splice(oldHandlerIndex, 1, newHandler)\n } else {\n handlers.push(newHandler)\n }\n },\n // 只调用一次,指令与元素解绑时调用。\n unmounted(el: HTMLElement, binding: DirectiveBinding) {\n const {element} = getEffectiveValue(el, binding.value);\n nodeList.delete(element);\n },\n};\n\nfunction createDocumentHandler(el: HTMLElement, distY: number, type: string) {\n const cssProp = type ? (type + 'Height') : 'height';\n el.style[cssProp] = el.clientHeight + distY + 'px';\n return function () {\n el.style[cssProp] = el.clientHeight + distY + 'px';\n }\n}\n\nfunction getEffectiveValue(el, val) {\n let element = el.parentElement;\n let distY = 0;\n let type = '';\n if (!val) {\n element = el.parentElement;\n distY = 0;\n } else if (val instanceof HTMLElement) {\n element = val;\n distY = 0;\n } else if (isNumber(val)) {\n element = el.parentElement;\n distY = val;\n } else if (isObject(val)) {\n element = val?.el || el.parentElement;\n distY = val?.distY || 0;\n type = val?.type || '';\n }\n return {element, distY, type};\n}\n\nexport default Height;\n\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as DownLoad } from './download';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/es/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import installer from './defaults';
|
|
2
2
|
export * from 'hzzt-plus/es/components';
|
|
3
3
|
export * from 'hzzt-plus/es/constants';
|
|
4
|
+
export * from 'hzzt-plus/es/directives';
|
|
4
5
|
export * from 'hzzt-plus/es/hooks';
|
|
5
6
|
export * from './make-installer';
|
|
6
7
|
export declare const install: (app: import("vue").App<any>, options?: Partial<import("hzzt-plus/es/components").ConfigProviderProps> | undefined) => void;
|
package/es/index.mjs
CHANGED
|
@@ -2,6 +2,7 @@ import installer from './defaults.mjs';
|
|
|
2
2
|
export { default } from './defaults.mjs';
|
|
3
3
|
import './components/index.mjs';
|
|
4
4
|
import './constants/index.mjs';
|
|
5
|
+
export * from '@hzzt-plus/directives';
|
|
5
6
|
import './hooks/index.mjs';
|
|
6
7
|
export { makeInstaller } from './make-installer.mjs';
|
|
7
8
|
export { HzztTitle } from './components/title/index.mjs';
|
|
@@ -11,6 +12,7 @@ export { configProviderProps } from './components/config-provider/src/config-pro
|
|
|
11
12
|
export { configProviderContextKey } from './components/config-provider/src/constants.mjs';
|
|
12
13
|
export { provideGlobalConfig, useGlobalConfig } from './components/config-provider/src/hooks/use-global-config.mjs';
|
|
13
14
|
export { HzztConfigProvider } from './components/config-provider/index.mjs';
|
|
15
|
+
export { HzztTab } from './components/tab/index.mjs';
|
|
14
16
|
export { INSTALLED_KEY } from './constants/key.mjs';
|
|
15
17
|
export { componentSizeMap, componentSizes } from './constants/size.mjs';
|
|
16
18
|
export { WEEK_DAYS, datePickTypes } from './constants/date.mjs';
|
package/es/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../packages/hzzt-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@hzzt-plus/components'\nexport * from '@hzzt-plus/constants'\nexport * from '@hzzt-plus/hooks'\nexport * from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer;\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../packages/hzzt-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@hzzt-plus/components'\nexport * from '@hzzt-plus/constants'\nexport * from '@hzzt-plus/directives'\nexport * from '@hzzt-plus/hooks'\nexport * from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAMY,MAAC,OAAO,GAAG,SAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAG,SAAS,CAAC;;;;"}
|
package/global.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ declare module 'vue' {
|
|
|
5
5
|
HzztDropdown: typeof import('hzzt-plus')['HzztDropdown']
|
|
6
6
|
HzztCollapse: typeof import('hzzt-plus')['HzztCollapse']
|
|
7
7
|
HzztConfigProvider: typeof import('hzzt-plus')['HzztConfigProvider']
|
|
8
|
+
HzztTab: typeof import('hzzt-plus')['HzztTab']
|
|
8
9
|
}
|
|
9
10
|
}
|
|
10
11
|
|
package/lib/component.js
CHANGED
|
@@ -6,12 +6,14 @@ var index$1 = require('./components/title/index.js');
|
|
|
6
6
|
var index$2 = require('./components/dropdown/index.js');
|
|
7
7
|
var index$3 = require('./components/collapse/index.js');
|
|
8
8
|
var index = require('./components/config-provider/index.js');
|
|
9
|
+
var index$4 = require('./components/tab/index.js');
|
|
9
10
|
|
|
10
11
|
var Components = [
|
|
11
12
|
index.HzztConfigProvider,
|
|
12
13
|
index$1.HzztTitle,
|
|
13
14
|
index$2.HzztDropdown,
|
|
14
|
-
index$3.HzztCollapse
|
|
15
|
+
index$3.HzztCollapse,
|
|
16
|
+
index$4.HzztTab
|
|
15
17
|
];
|
|
16
18
|
|
|
17
19
|
exports["default"] = Components;
|
package/lib/component.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sources":["../../../packages/hzzt-plus/component.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"component.js","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'\n\nimport type {Plugin} from 'vue'\n\nexport default [\n HzztConfigProvider,\n HzztTitle,\n HzztDropdown,\n HzztCollapse,\n HzztTab,\n] as Plugin[]\n"],"names":["HzztConfigProvider","HzztTitle","HzztDropdown","HzztCollapse","HzztTab"],"mappings":";;;;;;;;;;AAKA,iBAAe;AACf,EAAEA,wBAAkB;AACpB,EAAEC,iBAAS;AACX,EAAEC,oBAAY;AACd,EAAEC,oBAAY;AACd,EAAEC,eAAO;AACT,CAAC;;;;"}
|
package/lib/components/index.js
CHANGED
|
@@ -6,6 +6,7 @@ var index = require('./title/index.js');
|
|
|
6
6
|
var index$1 = require('./dropdown/index.js');
|
|
7
7
|
var index$2 = require('./collapse/index.js');
|
|
8
8
|
var index$3 = require('./config-provider/index.js');
|
|
9
|
+
var index$4 = require('./tab/index.js');
|
|
9
10
|
var configProviderProps = require('./config-provider/src/config-provider-props.js');
|
|
10
11
|
var constants = require('./config-provider/src/constants.js');
|
|
11
12
|
var useGlobalConfig = require('./config-provider/src/hooks/use-global-config.js');
|
|
@@ -16,6 +17,7 @@ exports.HzztTitle = index.HzztTitle;
|
|
|
16
17
|
exports.HzztDropdown = index$1.HzztDropdown;
|
|
17
18
|
exports.HzztCollapse = index$2.HzztCollapse;
|
|
18
19
|
exports.HzztConfigProvider = index$3.HzztConfigProvider;
|
|
20
|
+
exports.HzztTab = index$4.HzztTab;
|
|
19
21
|
exports.configProviderProps = configProviderProps.configProviderProps;
|
|
20
22
|
exports.configProviderContextKey = constants.configProviderContextKey;
|
|
21
23
|
exports.provideGlobalConfig = useGlobalConfig.provideGlobalConfig;
|
|
@@ -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,45 @@
|
|
|
1
|
+
export declare const HzztTab: import("hzzt-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
|
|
2
|
+
tabList: {
|
|
3
|
+
type: ArrayConstructor;
|
|
4
|
+
default: () => never[];
|
|
5
|
+
};
|
|
6
|
+
modelValue: {
|
|
7
|
+
type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
|
|
8
|
+
};
|
|
9
|
+
}, {
|
|
10
|
+
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
|
|
11
|
+
tabList: {
|
|
12
|
+
type: ArrayConstructor;
|
|
13
|
+
default: () => never[];
|
|
14
|
+
};
|
|
15
|
+
modelValue: {
|
|
16
|
+
type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
|
|
17
|
+
};
|
|
18
|
+
}>> & {
|
|
19
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
20
|
+
"onTab-click"?: ((...args: any[]) => any) | undefined;
|
|
21
|
+
}>>;
|
|
22
|
+
emit: (event: "update:modelValue" | "tab-click", ...args: any[]) => void;
|
|
23
|
+
customTabList: import("vue").ComputedRef<{
|
|
24
|
+
number: number;
|
|
25
|
+
hide: boolean;
|
|
26
|
+
name: string;
|
|
27
|
+
label: string;
|
|
28
|
+
key: string;
|
|
29
|
+
}[]>;
|
|
30
|
+
tabClick: (tab: any, event: any) => void;
|
|
31
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "tab-click")[], "update:modelValue" | "tab-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
32
|
+
tabList: {
|
|
33
|
+
type: ArrayConstructor;
|
|
34
|
+
default: () => never[];
|
|
35
|
+
};
|
|
36
|
+
modelValue: {
|
|
37
|
+
type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
|
|
38
|
+
};
|
|
39
|
+
}>> & {
|
|
40
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
41
|
+
"onTab-click"?: ((...args: any[]) => any) | undefined;
|
|
42
|
+
}, {
|
|
43
|
+
tabList: unknown[];
|
|
44
|
+
}>> & Record<string, any>;
|
|
45
|
+
export default HzztTab;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
require('../../utils/index.js');
|
|
6
|
+
var index = require('./src/index.js');
|
|
7
|
+
var install = require('../../utils/vue/install.js');
|
|
8
|
+
|
|
9
|
+
const HzztTab = install.withInstall(index["default"]);
|
|
10
|
+
|
|
11
|
+
exports.HzztTab = HzztTab;
|
|
12
|
+
exports["default"] = HzztTab;
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../packages/components/tab/index.ts"],"sourcesContent":["import { withInstall } from '@hzzt-plus/utils'\n\nimport Tab from './src/index.vue';\n\nexport const HzztTab = withInstall(Tab);\nexport default HzztTab\n"],"names":["withInstall","Tab"],"mappings":";;;;;;;;AAEY,MAAC,OAAO,GAAGA,mBAAW,CAACC,gBAAG;;;;;"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var vue = require('vue');
|
|
6
|
+
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
7
|
+
|
|
8
|
+
const _hoisted_1 = { class: "hzzt-tab flex align-items-center justify-content-between wrap" };
|
|
9
|
+
const _hoisted_2 = { class: "flex align-items-center" };
|
|
10
|
+
const _hoisted_3 = { class: "flex" };
|
|
11
|
+
const _hoisted_4 = ["onClick"];
|
|
12
|
+
const _hoisted_5 = { class: "hzzt-tab-badge" };
|
|
13
|
+
const _hoisted_6 = {
|
|
14
|
+
key: 0,
|
|
15
|
+
class: "hzzt-tab-badge-count"
|
|
16
|
+
};
|
|
17
|
+
const _hoisted_7 = { class: "flex wrap" };
|
|
18
|
+
const __default__ = vue.defineComponent({
|
|
19
|
+
name: "HzztTab"
|
|
20
|
+
});
|
|
21
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
22
|
+
...__default__,
|
|
23
|
+
props: {
|
|
24
|
+
tabList: {
|
|
25
|
+
type: Array,
|
|
26
|
+
default: () => []
|
|
27
|
+
},
|
|
28
|
+
modelValue: {
|
|
29
|
+
type: [Number, String, Array]
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
emits: ["update:modelValue", "tab-click"],
|
|
33
|
+
setup(__props, { emit }) {
|
|
34
|
+
const props = __props;
|
|
35
|
+
const customTabList = vue.computed(() => props.tabList.map((value) => {
|
|
36
|
+
const tab = value;
|
|
37
|
+
return {
|
|
38
|
+
key: tab.name + "-" + tab.number,
|
|
39
|
+
...tab,
|
|
40
|
+
number: Number(tab.number || 0),
|
|
41
|
+
hide: tab.hide
|
|
42
|
+
};
|
|
43
|
+
}).filter((tab) => !tab.hide));
|
|
44
|
+
function tabClick(tab, event) {
|
|
45
|
+
if (tab.name === props.modelValue)
|
|
46
|
+
return;
|
|
47
|
+
emit("update:modelValue", tab.name);
|
|
48
|
+
emit("tab-click", tab, event);
|
|
49
|
+
}
|
|
50
|
+
return (_ctx, _cache) => {
|
|
51
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
52
|
+
vue.createElementVNode("div", _hoisted_2, [
|
|
53
|
+
vue.createElementVNode("div", _hoisted_3, [
|
|
54
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(customTabList), (tab) => {
|
|
55
|
+
return vue.openBlock(), vue.createElementBlock("div", {
|
|
56
|
+
key: tab.key,
|
|
57
|
+
onClick: ($event) => tabClick(tab, $event),
|
|
58
|
+
class: "hzzt-tab-pane"
|
|
59
|
+
}, [
|
|
60
|
+
vue.createElementVNode("div", _hoisted_5, [
|
|
61
|
+
vue.createElementVNode("p", {
|
|
62
|
+
class: vue.normalizeClass([{ active: __props.modelValue === tab.name }, "hzzt-tab-badge-text"])
|
|
63
|
+
}, vue.toDisplayString(tab.label), 3),
|
|
64
|
+
tab.number && tab.number !== 0 ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6, vue.toDisplayString(tab.number > 999 ? "999+" : tab.number), 1)) : vue.createCommentVNode("v-if", true)
|
|
65
|
+
])
|
|
66
|
+
], 8, _hoisted_4);
|
|
67
|
+
}), 128))
|
|
68
|
+
]),
|
|
69
|
+
vue.renderSlot(_ctx.$slots, "filter"),
|
|
70
|
+
vue.renderSlot(_ctx.$slots, "extra")
|
|
71
|
+
]),
|
|
72
|
+
vue.createElementVNode("div", _hoisted_7, [
|
|
73
|
+
vue.renderSlot(_ctx.$slots, "right")
|
|
74
|
+
])
|
|
75
|
+
]);
|
|
76
|
+
};
|
|
77
|
+
}
|
|
78
|
+
});
|
|
79
|
+
var Tab = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "index.vue"]]);
|
|
80
|
+
|
|
81
|
+
exports["default"] = Tab;
|
|
82
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../../packages/components/tab/src/index.vue"],"sourcesContent":["<template>\n <div class=\"hzzt-tab flex align-items-center justify-content-between wrap\">\n <div class=\"flex align-items-center\">\n <div class=\"flex\">\n <div :key=\"tab.key\" @click=\"tabClick(tab, $event)\" class=\"hzzt-tab-pane\" v-for=\"tab in customTabList\">\n <div class=\"hzzt-tab-badge\">\n <p :class=\"{ active: modelValue === tab.name }\" class=\"hzzt-tab-badge-text\">{{ tab.label }}</p>\n <p class=\"hzzt-tab-badge-count\" v-if=\"tab.number && tab.number !== 0\">{{\n tab.number > 999 ? '999+' : tab.number\n }}</p>\n </div>\n </div>\n </div>\n <slot name=\"filter\"></slot>\n <slot name=\"extra\" />\n </div>\n <div class=\"flex wrap\">\n <slot name=\"right\" />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n\n import {computed} from 'vue';\n\n defineOptions({\n name: 'HzztTab'\n })\n\n declare type Tab = {\n name: string,\n label: string,\n number: number,\n hide: boolean\n }\n\n const props = defineProps({\n tabList: {\n type: Array,\n default: () => [],\n },\n modelValue: {\n type: [Number, String, Array],\n },\n })\n\n const emit = defineEmits(['update:modelValue', 'tab-click'])\n\n const customTabList = computed(() => props.tabList.map(value => {\n const tab = value as Tab;\n return {\n key: (tab.name + '-' + tab.number) as string,\n ...tab,\n number: Number(tab.number || 0),\n hide: tab.hide,\n }\n }).filter((tab) => !tab.hide))\n\n function tabClick(tab, event) {\n if (tab.name === props.modelValue) return;\n emit('update:modelValue', tab.name);\n emit('tab-click', tab, event);\n }\n</script>\n"],"names":["computed"],"mappings":";;;;;;;;;;;;;;;;;uCA0BgB,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;AAqBA,IAAA,MAAM,gBAAgBA,YAAS,CAAA,MAAM,KAAM,CAAA,OAAA,CAAQ,IAAI,CAAS,KAAA,KAAA;AAC9D,MAAA,MAAM,GAAM,GAAA,KAAA,CAAA;AACZ,MAAO,OAAA;AAAA,QACL,GAAM,EAAA,GAAA,CAAI,IAAO,GAAA,GAAA,GAAM,GAAI,CAAA,MAAA;AAAA,QAC3B,GAAG,GAAA;AAAA,QACH,MAAQ,EAAA,MAAA,CAAO,GAAI,CAAA,MAAA,IAAU,CAAC,CAAA;AAAA,QAC9B,MAAM,GAAI,CAAA,IAAA;AAAA,OACZ,CAAA;AAAA,KACD,EAAE,MAAO,CAAA,CAAC,QAAQ,CAAC,GAAA,CAAI,IAAI,CAAC,CAAA,CAAA;AAE7B,IAAA,SAAA,QAAA,CAAkB,KAAK,KAAO,EAAA;AAC5B,MAAI,IAAA,GAAA,CAAI,SAAS,KAAM,CAAA,UAAA;AAAY,QAAA,OAAA;AACnC,MAAK,IAAA,CAAA,mBAAA,EAAqB,IAAI,IAAI,CAAA,CAAA;AAClC,MAAK,IAAA,CAAA,WAAA,EAAa,KAAK,KAAK,CAAA,CAAA;AAAA,KAC9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
tabList: {
|
|
3
|
+
type: ArrayConstructor;
|
|
4
|
+
default: () => never[];
|
|
5
|
+
};
|
|
6
|
+
modelValue: {
|
|
7
|
+
type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
|
|
8
|
+
};
|
|
9
|
+
}, {
|
|
10
|
+
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
|
|
11
|
+
tabList: {
|
|
12
|
+
type: ArrayConstructor;
|
|
13
|
+
default: () => never[];
|
|
14
|
+
};
|
|
15
|
+
modelValue: {
|
|
16
|
+
type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
|
|
17
|
+
};
|
|
18
|
+
}>> & {
|
|
19
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
20
|
+
"onTab-click"?: ((...args: any[]) => any) | undefined;
|
|
21
|
+
}>>;
|
|
22
|
+
emit: (event: "update:modelValue" | "tab-click", ...args: any[]) => void;
|
|
23
|
+
customTabList: import("vue").ComputedRef<{
|
|
24
|
+
number: number;
|
|
25
|
+
hide: boolean;
|
|
26
|
+
name: string;
|
|
27
|
+
label: string;
|
|
28
|
+
key: string;
|
|
29
|
+
}[]>;
|
|
30
|
+
tabClick: (tab: any, event: any) => void;
|
|
31
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "tab-click")[], "update:modelValue" | "tab-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
32
|
+
tabList: {
|
|
33
|
+
type: ArrayConstructor;
|
|
34
|
+
default: () => never[];
|
|
35
|
+
};
|
|
36
|
+
modelValue: {
|
|
37
|
+
type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
|
|
38
|
+
};
|
|
39
|
+
}>> & {
|
|
40
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
41
|
+
"onTab-click"?: ((...args: any[]) => any) | undefined;
|
|
42
|
+
}, {
|
|
43
|
+
tabList: unknown[];
|
|
44
|
+
}>;
|
|
45
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
let handler;
|
|
6
|
+
const Download = {
|
|
7
|
+
mounted(el, binding) {
|
|
8
|
+
const { path, name = "download" } = binding.value || {};
|
|
9
|
+
handler = function(e) {
|
|
10
|
+
e.preventDefault();
|
|
11
|
+
const a = document.createElement("a");
|
|
12
|
+
a.href = path;
|
|
13
|
+
a.download = name;
|
|
14
|
+
a.click();
|
|
15
|
+
a.remove();
|
|
16
|
+
};
|
|
17
|
+
el.addEventListener("click", handler);
|
|
18
|
+
},
|
|
19
|
+
unmounted(el) {
|
|
20
|
+
el.removeEventListener("click", handler);
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
exports["default"] = Download;
|
|
25
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../packages/directives/download/index.ts"],"sourcesContent":["import type {\n DirectiveBinding,\n ObjectDirective,\n} from 'vue'\n\nlet handler;\nconst Download: ObjectDirective = {\n // 只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。\n mounted(el: HTMLElement, binding: DirectiveBinding) {\n const {path, name = 'download'} = binding.value || {};\n\n handler = function (e) {\n e.preventDefault();\n const a = document.createElement('a');\n a.href = path;\n a.download = name;\n a.click();\n a.remove();\n };\n el.addEventListener('click', handler);\n },\n // 只调用一次,指令与元素解绑时调用。\n unmounted(el: HTMLElement) {\n el.removeEventListener('click', handler);\n },\n};\n\nexport default Download;\n\n"],"names":[],"mappings":";;;;AAAA,IAAI,OAAO,CAAC;AACP,MAAC,QAAQ,GAAG;AACjB,EAAE,OAAO,CAAC,EAAE,EAAE,OAAO,EAAE;AACvB,IAAI,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,UAAU,EAAE,GAAG,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;AAC5D,IAAI,OAAO,GAAG,SAAS,CAAC,EAAE;AAC1B,MAAM,CAAC,CAAC,cAAc,EAAE,CAAC;AACzB,MAAM,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AAC5C,MAAM,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC;AACpB,MAAM,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC;AACxB,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC;AAChB,MAAM,CAAC,CAAC,MAAM,EAAE,CAAC;AACjB,KAAK,CAAC;AACN,IAAI,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAC1C,GAAG;AACH,EAAE,SAAS,CAAC,EAAE,EAAE;AAChB,IAAI,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAC7C,GAAG;AACH;;;;"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
require('../../utils/index.js');
|
|
6
|
+
var core = require('@vueuse/core');
|
|
7
|
+
var types = require('../../utils/types.js');
|
|
8
|
+
var shared = require('@vue/shared');
|
|
9
|
+
|
|
10
|
+
const nodeList = /* @__PURE__ */ new Map();
|
|
11
|
+
if (core.isClient) {
|
|
12
|
+
window.addEventListener("resize", handler);
|
|
13
|
+
document.addEventListener("fullscreenchange", handler);
|
|
14
|
+
}
|
|
15
|
+
function handler() {
|
|
16
|
+
for (const handlers of nodeList.values()) {
|
|
17
|
+
for (const { documentHandler } of handlers) {
|
|
18
|
+
documentHandler();
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
const Height = {
|
|
23
|
+
mounted(el, binding) {
|
|
24
|
+
const { element, distY, type } = getEffectiveValue(el, binding.value);
|
|
25
|
+
if (!nodeList.has(element)) {
|
|
26
|
+
nodeList.set(element, []);
|
|
27
|
+
}
|
|
28
|
+
nodeList.get(el).push({
|
|
29
|
+
documentHandler: createDocumentHandler(element, distY, type),
|
|
30
|
+
bindingFn: binding.value
|
|
31
|
+
});
|
|
32
|
+
},
|
|
33
|
+
updated(el, binding) {
|
|
34
|
+
const { element, distY, type } = getEffectiveValue(el, binding.value);
|
|
35
|
+
if (!nodeList.has(element)) {
|
|
36
|
+
nodeList.set(element, []);
|
|
37
|
+
}
|
|
38
|
+
const handlers = nodeList.get(element);
|
|
39
|
+
const oldHandlerIndex = handlers.findIndex((item) => item.bindingFn === binding.oldValue);
|
|
40
|
+
const newHandler = {
|
|
41
|
+
documentHandler: createDocumentHandler(element, distY, type),
|
|
42
|
+
bindingFn: binding.value
|
|
43
|
+
};
|
|
44
|
+
if (oldHandlerIndex >= 0) {
|
|
45
|
+
handlers.splice(oldHandlerIndex, 1, newHandler);
|
|
46
|
+
} else {
|
|
47
|
+
handlers.push(newHandler);
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
unmounted(el, binding) {
|
|
51
|
+
const { element } = getEffectiveValue(el, binding.value);
|
|
52
|
+
nodeList.delete(element);
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
function createDocumentHandler(el, distY, type) {
|
|
56
|
+
const cssProp = type ? type + "Height" : "height";
|
|
57
|
+
el.style[cssProp] = el.clientHeight + distY + "px";
|
|
58
|
+
return function() {
|
|
59
|
+
el.style[cssProp] = el.clientHeight + distY + "px";
|
|
60
|
+
};
|
|
61
|
+
}
|
|
62
|
+
function getEffectiveValue(el, val) {
|
|
63
|
+
let element = el.parentElement;
|
|
64
|
+
let distY = 0;
|
|
65
|
+
let type = "";
|
|
66
|
+
if (!val) {
|
|
67
|
+
element = el.parentElement;
|
|
68
|
+
distY = 0;
|
|
69
|
+
} else if (val instanceof HTMLElement) {
|
|
70
|
+
element = val;
|
|
71
|
+
distY = 0;
|
|
72
|
+
} else if (types.isNumber(val)) {
|
|
73
|
+
element = el.parentElement;
|
|
74
|
+
distY = val;
|
|
75
|
+
} else if (shared.isObject(val)) {
|
|
76
|
+
element = (val == null ? void 0 : val.el) || el.parentElement;
|
|
77
|
+
distY = (val == null ? void 0 : val.distY) || 0;
|
|
78
|
+
type = (val == null ? void 0 : val.type) || "";
|
|
79
|
+
}
|
|
80
|
+
return { element, distY, type };
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
exports["default"] = Height;
|
|
84
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../packages/directives/height/index.ts"],"sourcesContent":["import {isClient, isNumber, isObject} from '@hzzt-plus/utils'\n\nimport type {\n DirectiveBinding,\n ObjectDirective,\n} from 'vue'\n\ntype DocumentHandler = <T>() => void\ntype FlushList = Map<\n HTMLElement,\n {\n documentHandler: DocumentHandler\n bindingFn: (...args: unknown[]) => unknown\n }[]\n>\n\nconst nodeList: FlushList = new Map();\n\nif (isClient) {\n window.addEventListener('resize', handler);\n document.addEventListener('fullscreenchange', handler);\n}\n\nfunction handler() {\n for (const handlers of nodeList.values()) {\n for (const {documentHandler} of handlers) {\n documentHandler()\n }\n }\n}\n\n// v-height\n// 默认高度为当前元素的父元素高度\n\n// v-height = el\n// 当前元素的高度设置为el的高度\n\n// v-height = 60\n// 当前元素的高度设置为父元素高度+60px\n\n// v-height = {el: el, distY: 60}\n// 当前元素的高度设置为el的高度+60px\nconst Height: ObjectDirective = {\n // 当被绑定的元素插入到 DOM 中时……\n mounted(el: HTMLElement, binding: DirectiveBinding) {\n const {element, distY, type} = getEffectiveValue(el, binding.value);\n if (!nodeList.has(element)) {\n nodeList.set(element, []);\n }\n nodeList.get(el)!.push({\n documentHandler: createDocumentHandler(element, distY, type),\n bindingFn: binding.value,\n })\n },\n updated(el: HTMLElement, binding: DirectiveBinding) {\n const {element, distY, type} = getEffectiveValue(el, binding.value);\n if (!nodeList.has(element)) {\n nodeList.set(element, []);\n }\n const handlers = nodeList.get(element)!\n const oldHandlerIndex = handlers.findIndex(\n (item) => item.bindingFn === binding.oldValue\n )\n const newHandler = {\n documentHandler: createDocumentHandler(element, distY, type),\n bindingFn: binding.value,\n }\n\n if (oldHandlerIndex >= 0) {\n // replace the old handler to the new handler\n handlers.splice(oldHandlerIndex, 1, newHandler)\n } else {\n handlers.push(newHandler)\n }\n },\n // 只调用一次,指令与元素解绑时调用。\n unmounted(el: HTMLElement, binding: DirectiveBinding) {\n const {element} = getEffectiveValue(el, binding.value);\n nodeList.delete(element);\n },\n};\n\nfunction createDocumentHandler(el: HTMLElement, distY: number, type: string) {\n const cssProp = type ? (type + 'Height') : 'height';\n el.style[cssProp] = el.clientHeight + distY + 'px';\n return function () {\n el.style[cssProp] = el.clientHeight + distY + 'px';\n }\n}\n\nfunction getEffectiveValue(el, val) {\n let element = el.parentElement;\n let distY = 0;\n let type = '';\n if (!val) {\n element = el.parentElement;\n distY = 0;\n } else if (val instanceof HTMLElement) {\n element = val;\n distY = 0;\n } else if (isNumber(val)) {\n element = el.parentElement;\n distY = val;\n } else if (isObject(val)) {\n element = val?.el || el.parentElement;\n distY = val?.distY || 0;\n type = val?.type || '';\n }\n return {element, distY, type};\n}\n\nexport default Height;\n\n"],"names":["isClient","isNumber","isObject"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as DownLoad } from './download';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
package/lib/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import installer from './defaults';
|
|
2
2
|
export * from 'hzzt-plus/es/components';
|
|
3
3
|
export * from 'hzzt-plus/es/constants';
|
|
4
|
+
export * from 'hzzt-plus/es/directives';
|
|
4
5
|
export * from 'hzzt-plus/es/hooks';
|
|
5
6
|
export * from './make-installer';
|
|
6
7
|
export declare const install: (app: import("vue").App<any>, options?: Partial<import("hzzt-plus/es/components").ConfigProviderProps> | undefined) => void;
|