hzzt-plus 2.0.4 → 2.0.5
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.full.js +8 -3
- package/dist/index.full.min.js +11 -11
- package/dist/index.full.min.js.map +1 -1
- package/dist/index.full.min.mjs +11 -11
- package/dist/index.full.min.mjs.map +1 -1
- package/dist/index.full.mjs +8 -3
- package/dist/locale/en.js +1 -1
- package/dist/locale/en.min.js +1 -1
- package/dist/locale/en.min.mjs +1 -1
- package/dist/locale/en.mjs +1 -1
- package/dist/locale/zh-cn.js +1 -1
- package/dist/locale/zh-cn.min.js +1 -1
- package/dist/locale/zh-cn.min.mjs +1 -1
- package/dist/locale/zh-cn.mjs +1 -1
- package/es/components/cascader/index.mjs +2 -2
- package/es/components/cascader/src/cascader.mjs +122 -36
- package/es/components/cascader/src/cascader.mjs.map +1 -1
- package/es/components/cascader/src/cascader2.mjs +36 -122
- package/es/components/cascader/src/cascader2.mjs.map +1 -1
- package/es/components/collapse/index.mjs +2 -2
- package/es/components/collapse/src/collapse.mjs +88 -0
- package/es/components/collapse/src/collapse.mjs.map +1 -1
- package/es/components/collapse/src/collapse2.mjs +0 -88
- package/es/components/collapse/src/collapse2.mjs.map +1 -1
- package/es/components/index.mjs +3 -3
- package/es/components/input-range/index.mjs +2 -2
- package/es/components/input-range/src/input-range.mjs +76 -26
- package/es/components/input-range/src/input-range.mjs.map +1 -1
- package/es/components/input-range/src/input-range2.mjs +26 -76
- package/es/components/input-range/src/input-range2.mjs.map +1 -1
- package/es/components/scroll/index.mjs +2 -2
- package/es/components/scroll/src/scroll.mjs +0 -90
- package/es/components/scroll/src/scroll.mjs.map +1 -1
- package/es/components/scroll/src/scroll2.mjs +90 -0
- package/es/components/scroll/src/scroll2.mjs.map +1 -1
- package/es/components/select/src/select2.mjs +7 -2
- package/es/components/select/src/select2.mjs.map +1 -1
- package/es/components/select-input/src/select-input.mjs +1 -1
- package/es/components/select-textarea/src/select-textarea2.mjs +1 -1
- package/es/components/title/index.mjs +2 -2
- package/es/components/title/src/title.mjs +11 -54
- package/es/components/title/src/title.mjs.map +1 -1
- package/es/components/title/src/title2.mjs +54 -11
- package/es/components/title/src/title2.mjs.map +1 -1
- package/es/index.mjs +3 -3
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/es/version.mjs.map +1 -1
- package/lib/components/cascader/index.js +2 -2
- package/lib/components/cascader/src/cascader.js +121 -36
- package/lib/components/cascader/src/cascader.js.map +1 -1
- package/lib/components/cascader/src/cascader2.js +36 -121
- package/lib/components/cascader/src/cascader2.js.map +1 -1
- package/lib/components/collapse/index.js +2 -2
- package/lib/components/collapse/src/collapse.js +91 -0
- package/lib/components/collapse/src/collapse.js.map +1 -1
- package/lib/components/collapse/src/collapse2.js +0 -91
- package/lib/components/collapse/src/collapse2.js.map +1 -1
- package/lib/components/index.js +3 -3
- package/lib/components/input-range/index.js +2 -2
- package/lib/components/input-range/src/input-range.js +76 -27
- package/lib/components/input-range/src/input-range.js.map +1 -1
- package/lib/components/input-range/src/input-range2.js +27 -76
- package/lib/components/input-range/src/input-range2.js.map +1 -1
- package/lib/components/scroll/index.js +2 -2
- package/lib/components/scroll/src/scroll.js +0 -93
- package/lib/components/scroll/src/scroll.js.map +1 -1
- package/lib/components/scroll/src/scroll2.js +93 -0
- package/lib/components/scroll/src/scroll2.js.map +1 -1
- package/lib/components/select/src/select2.js +6 -1
- package/lib/components/select/src/select2.js.map +1 -1
- package/lib/components/select-input/src/select-input.js +1 -1
- package/lib/components/select-textarea/src/select-textarea2.js +1 -1
- package/lib/components/title/index.js +2 -2
- package/lib/components/title/src/title.js +11 -54
- package/lib/components/title/src/title.js.map +1 -1
- package/lib/components/title/src/title2.js +54 -11
- package/lib/components/title/src/title2.js.map +1 -1
- package/lib/index.js +3 -3
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/lib/version.js.map +1 -1
- package/package.json +1 -1
- package/web-types.json +1 -1
|
@@ -2,131 +2,46 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var vue = require('vue');
|
|
6
|
-
var cascader = require('./cascader.js');
|
|
7
|
-
var elementPlus = require('element-plus');
|
|
8
|
-
require('../../../hooks/index.js');
|
|
9
5
|
require('../../../utils/index.js');
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
var index
|
|
6
|
+
require('../../../hooks/index.js');
|
|
7
|
+
require('../../../constants/index.js');
|
|
8
|
+
var runtime = require('../../../utils/vue/props/runtime.js');
|
|
9
|
+
var index = require('../../../hooks/use-size/index.js');
|
|
10
|
+
var event = require('../../../constants/event.js');
|
|
14
11
|
var shared = require('@vue/shared');
|
|
15
12
|
|
|
16
|
-
const
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
const inputCls = vue.computed(() => [
|
|
41
|
-
nsCascader.e("input")
|
|
42
|
-
]);
|
|
43
|
-
const cascaderCls = vue.computed(() => [
|
|
44
|
-
nsCascader.e("cascader")
|
|
45
|
-
]);
|
|
46
|
-
const _inputProps = vue.computed(() => ({
|
|
47
|
-
disabled: trueDisabled.value,
|
|
48
|
-
size: trueSize.value,
|
|
49
|
-
clearable: props.clearable,
|
|
50
|
-
placeholder: props.placeholder,
|
|
51
|
-
readonly: props.readonly,
|
|
52
|
-
...attrs
|
|
53
|
-
}));
|
|
54
|
-
const _cascaderProps = vue.computed(() => ({
|
|
55
|
-
options: props.options,
|
|
56
|
-
disabled: trueDisabled.value,
|
|
57
|
-
size: trueSize.value,
|
|
58
|
-
clearable: props.clearable,
|
|
59
|
-
placeholder: props.placeholder,
|
|
60
|
-
props: { checkStrictly: true, expandTrigger: "hover" },
|
|
61
|
-
filterable: true,
|
|
62
|
-
separator: "/",
|
|
63
|
-
showAllLevels: true,
|
|
64
|
-
...props.cascaderProps
|
|
65
|
-
}));
|
|
66
|
-
vue.watch(() => props.modelValue, (v) => {
|
|
67
|
-
inputVal.value = v;
|
|
68
|
-
getCascaderVal();
|
|
69
|
-
});
|
|
70
|
-
vue.watch(() => props.options, (v) => {
|
|
71
|
-
if (!v)
|
|
72
|
-
return;
|
|
73
|
-
getCascaderVal();
|
|
74
|
-
});
|
|
75
|
-
getCascaderVal();
|
|
76
|
-
function input(str) {
|
|
77
|
-
emit("update:modelValue", str);
|
|
78
|
-
emit("input", str);
|
|
79
|
-
}
|
|
80
|
-
function change(str) {
|
|
81
|
-
emit("change", str);
|
|
82
|
-
}
|
|
83
|
-
function click(e) {
|
|
84
|
-
cascaderRef.value.togglePopperVisible();
|
|
85
|
-
const target = e.target;
|
|
86
|
-
target.focus();
|
|
87
|
-
}
|
|
88
|
-
function cascaderChange(val) {
|
|
89
|
-
const separator = _cascaderProps.value.separator || "/";
|
|
90
|
-
inputVal.value = val ? shared.isArray(val) ? val.join(separator) : [val].join(separator) : "";
|
|
91
|
-
input(inputVal.value);
|
|
92
|
-
change(inputVal.value);
|
|
93
|
-
}
|
|
94
|
-
function getCascaderVal() {
|
|
95
|
-
const separator = _cascaderProps.value.separator || "/";
|
|
96
|
-
if (_cascaderProps.value.showAllLevels === false) {
|
|
97
|
-
const list = utils.getCascaderId(props.modelValue, props.options);
|
|
98
|
-
cascaderVal.value = list.join(separator);
|
|
99
|
-
} else {
|
|
100
|
-
cascaderVal.value = (props.modelValue || "").split(separator);
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
return (_ctx, _cache) => {
|
|
104
|
-
return vue.openBlock(), vue.createElementBlock("div", {
|
|
105
|
-
class: vue.normalizeClass(vue.unref(containerCls))
|
|
106
|
-
}, [
|
|
107
|
-
vue.createVNode(vue.unref(elementPlus.ElInput), vue.mergeProps({
|
|
108
|
-
class: vue.unref(inputCls),
|
|
109
|
-
modelValue: inputVal.value,
|
|
110
|
-
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputVal.value = $event),
|
|
111
|
-
ref_key: "inputRef",
|
|
112
|
-
ref: inputRef
|
|
113
|
-
}, vue.unref(_inputProps), {
|
|
114
|
-
onInput: input,
|
|
115
|
-
onClick: click,
|
|
116
|
-
onChange: change
|
|
117
|
-
}), null, 16, ["class", "modelValue"]),
|
|
118
|
-
vue.createVNode(vue.unref(elementPlus.ElCascader), vue.mergeProps({
|
|
119
|
-
class: vue.unref(cascaderCls),
|
|
120
|
-
modelValue: cascaderVal.value,
|
|
121
|
-
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => cascaderVal.value = $event),
|
|
122
|
-
ref_key: "cascaderRef",
|
|
123
|
-
ref: cascaderRef
|
|
124
|
-
}, vue.unref(_cascaderProps), { onChange: cascaderChange }), null, 16, ["class", "modelValue"])
|
|
125
|
-
], 2);
|
|
126
|
-
};
|
|
13
|
+
const cascaderProps = runtime.buildProps({
|
|
14
|
+
cascaderProps: {
|
|
15
|
+
type: Object,
|
|
16
|
+
default: () => ({
|
|
17
|
+
showAllLevels: true
|
|
18
|
+
})
|
|
19
|
+
},
|
|
20
|
+
disabled: Boolean,
|
|
21
|
+
readonly: Boolean,
|
|
22
|
+
clearable: Boolean,
|
|
23
|
+
size: index.useSizeProp,
|
|
24
|
+
options: {
|
|
25
|
+
type: runtime.definePropType(Array),
|
|
26
|
+
default: () => []
|
|
27
|
+
},
|
|
28
|
+
placeholder: {
|
|
29
|
+
type: String,
|
|
30
|
+
default: ""
|
|
31
|
+
},
|
|
32
|
+
modelValue: {
|
|
33
|
+
type: runtime.definePropType([
|
|
34
|
+
String
|
|
35
|
+
]),
|
|
36
|
+
default: ""
|
|
127
37
|
}
|
|
128
38
|
});
|
|
129
|
-
|
|
39
|
+
const cascaderEmits = {
|
|
40
|
+
[event.UPDATE_MODEL_EVENT]: (value) => shared.isString(value),
|
|
41
|
+
input: (value) => shared.isString(value),
|
|
42
|
+
change: (value) => shared.isString(value)
|
|
43
|
+
};
|
|
130
44
|
|
|
131
|
-
exports
|
|
45
|
+
exports.cascaderEmits = cascaderEmits;
|
|
46
|
+
exports.cascaderProps = cascaderProps;
|
|
132
47
|
//# sourceMappingURL=cascader2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cascader2.js","sources":["../../../../../../packages/components/cascader/src/cascader.
|
|
1
|
+
{"version":3,"file":"cascader2.js","sources":["../../../../../../packages/components/cascader/src/cascader.ts"],"sourcesContent":["import {buildProps, definePropType, isString} from '@hzzt-plus/utils'\nimport {useSizeProp} from \"@hzzt-plus/hooks\";\nimport type {ExtractPropTypes} from 'vue'\nimport type Cascader from './cascader.vue'\nimport {UPDATE_MODEL_EVENT} from \"@hzzt-plus/constants\";\n\nexport type CascaderNodeValue = string | number\n\nexport interface CascaderOption extends Record<string, unknown> {\n label?: string\n value?: CascaderNodeValue\n children?: CascaderOption[]\n disabled?: boolean\n leaf?: boolean\n}\n\nexport const cascaderProps = buildProps({\n cascaderProps: {\n type: Object,\n default: () => ({\n showAllLevels: true,\n }),\n },\n disabled: Boolean,\n readonly: Boolean,\n clearable: Boolean,\n size: useSizeProp,\n options: {\n type: definePropType<CascaderOption[]>(Array),\n default: () => [] as CascaderOption[],\n },\n placeholder: {\n type: String,\n default: '',\n },\n modelValue: {\n type: definePropType<string | undefined>([\n String,\n ]),\n default: '',\n },\n})\n\nexport type CascaderProps = ExtractPropTypes<typeof cascaderProps>\n\nexport const cascaderEmits = {\n [UPDATE_MODEL_EVENT]: (value: string | undefined) => isString(value),\n input: (value: string | undefined) => isString(value),\n change: (value: string | undefined) => isString(value),\n}\nexport type CascaderEmits = typeof cascaderEmits\n\n\nexport type CascaderInstance = InstanceType<typeof Cascader>\n"],"names":["buildProps","useSizeProp","definePropType","UPDATE_MODEL_EVENT","isString"],"mappings":";;;;;;;;;;;;AAGY,MAAC,aAAa,GAAGA,kBAAU,CAAC;AACxC,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,OAAO;AACpB,MAAM,aAAa,EAAE,IAAI;AACzB,KAAK,CAAC;AACN,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEA,sBAAc,CAAC;AACzB,MAAM,MAAM;AACZ,KAAK,CAAC;AACN,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,CAACC,wBAAkB,GAAG,CAAC,KAAK,KAAKC,eAAQ,CAAC,KAAK,CAAC;AAClD,EAAE,KAAK,EAAE,CAAC,KAAK,KAAKA,eAAQ,CAAC,KAAK,CAAC;AACnC,EAAE,MAAM,EAAE,CAAC,KAAK,KAAKA,eAAQ,CAAC,KAAK,CAAC;AACpC;;;;;"}
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
require('../../utils/index.js');
|
|
6
|
-
var collapse = require('./src/
|
|
7
|
-
require('./src/
|
|
6
|
+
var collapse = require('./src/collapse.js');
|
|
7
|
+
require('./src/collapse2.js');
|
|
8
8
|
var install = require('../../utils/vue/install.js');
|
|
9
9
|
|
|
10
10
|
const HzztCollapse = install.withInstall(collapse["default"]);
|
|
@@ -1,3 +1,94 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var vue = require('vue');
|
|
6
|
+
require('../../../hooks/index.js');
|
|
7
|
+
var index$1 = require('../../icon/src/index.js');
|
|
8
|
+
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
9
|
+
var index = require('../../../hooks/use-locale/index.js');
|
|
10
|
+
|
|
11
|
+
const _hoisted_1 = { class: "hzzt-collapse flex column" };
|
|
12
|
+
const _hoisted_2 = { class: "hzzt-collapse__top" };
|
|
13
|
+
const _hoisted_3 = { class: "hzzt-collapse__title" };
|
|
14
|
+
const _hoisted_4 = {
|
|
15
|
+
key: 0,
|
|
16
|
+
class: "hzzt-collapse__line"
|
|
17
|
+
};
|
|
18
|
+
const _hoisted_5 = { class: "hzzt-collapse__content flex-1" };
|
|
19
|
+
const __default__ = vue.defineComponent({
|
|
20
|
+
name: "HzztCollapse"
|
|
21
|
+
});
|
|
22
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
23
|
+
...__default__,
|
|
24
|
+
props: {
|
|
25
|
+
defaultActive: {
|
|
26
|
+
type: Boolean,
|
|
27
|
+
default: true
|
|
28
|
+
},
|
|
29
|
+
title: {
|
|
30
|
+
type: String,
|
|
31
|
+
default: ""
|
|
32
|
+
},
|
|
33
|
+
showLine: {
|
|
34
|
+
type: Boolean,
|
|
35
|
+
default: true
|
|
36
|
+
},
|
|
37
|
+
modelValue: {
|
|
38
|
+
type: Boolean,
|
|
39
|
+
default: true
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
emits: ["update:modelValue"],
|
|
43
|
+
setup(__props, { emit }) {
|
|
44
|
+
const props = __props;
|
|
45
|
+
const { t } = index.useLocale();
|
|
46
|
+
const expand = vue.ref(props.modelValue);
|
|
47
|
+
if (!props.defaultActive) {
|
|
48
|
+
emit("update:modelValue", false);
|
|
49
|
+
expand.value = false;
|
|
50
|
+
}
|
|
51
|
+
vue.watch(() => props.modelValue, (v) => {
|
|
52
|
+
expand.value = v;
|
|
53
|
+
});
|
|
54
|
+
function toggle() {
|
|
55
|
+
expand.value = !expand.value;
|
|
56
|
+
emit("update:modelValue", expand.value);
|
|
57
|
+
}
|
|
58
|
+
return (_ctx, _cache) => {
|
|
59
|
+
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
60
|
+
vue.createElementVNode("div", _hoisted_2, [
|
|
61
|
+
vue.createElementVNode("div", _hoisted_3, [
|
|
62
|
+
vue.renderSlot(_ctx.$slots, "title", {}, () => [
|
|
63
|
+
vue.createTextVNode(vue.toDisplayString(__props.title), 1)
|
|
64
|
+
])
|
|
65
|
+
]),
|
|
66
|
+
__props.showLine ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4)) : vue.createCommentVNode("v-if", true),
|
|
67
|
+
vue.renderSlot(_ctx.$slots, "toggle-btn", {}, () => [
|
|
68
|
+
vue.createElementVNode("div", {
|
|
69
|
+
class: "hzzt-collapse__btn",
|
|
70
|
+
onClick: toggle
|
|
71
|
+
}, [
|
|
72
|
+
vue.createVNode(index$1["default"], {
|
|
73
|
+
name: !expand.value ? "hzzt-plus-square-outline" : "hzzt-minus-square-outline",
|
|
74
|
+
class: "hzzt-collapse__icon",
|
|
75
|
+
size: "14"
|
|
76
|
+
}, null, 8, ["name"]),
|
|
77
|
+
vue.createElementVNode("span", null, vue.toDisplayString(expand.value ? vue.unref(t)("hzzt.collapse.retract") : vue.unref(t)("hzzt.collapse.expand")), 1)
|
|
78
|
+
])
|
|
79
|
+
])
|
|
80
|
+
]),
|
|
81
|
+
vue.withDirectives(vue.createElementVNode("div", _hoisted_5, [
|
|
82
|
+
vue.renderSlot(_ctx.$slots, "default")
|
|
83
|
+
], 512), [
|
|
84
|
+
[vue.vShow, expand.value]
|
|
85
|
+
]),
|
|
86
|
+
vue.renderSlot(_ctx.$slots, "active", { active: expand.value })
|
|
87
|
+
]);
|
|
88
|
+
};
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
var Collapse = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "collapse.vue"]]);
|
|
92
|
+
|
|
93
|
+
exports["default"] = Collapse;
|
|
3
94
|
//# sourceMappingURL=collapse.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapse.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"collapse.js","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n <div class=\"hzzt-collapse flex column\">\n <div class=\"hzzt-collapse__top\">\n <div class=\"hzzt-collapse__title\">\n <slot name=\"title\">\n {{ title }}\n </slot>\n </div>\n <div v-if=\"showLine\" class=\"hzzt-collapse__line\" />\n <slot name=\"toggle-btn\">\n <div class=\"hzzt-collapse__btn\" @click=\"toggle\">\n <hzzt-icon :name=\"!expand ? 'hzzt-plus-square-outline' : 'hzzt-minus-square-outline'\"\n class=\"hzzt-collapse__icon\" size=\"14\" />\n <span>{{ expand ? t('hzzt.collapse.retract') : t('hzzt.collapse.expand') }}</span>\n </div>\n </slot>\n </div>\n <div v-show=\"expand\" class=\"hzzt-collapse__content flex-1\">\n <slot />\n </div>\n\n <slot :active=\"expand\" name=\"active\" />\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import {useLocale} from '@hzzt-plus/hooks'\n import HzztIcon from '@hzzt-plus/components/icon/src/index.vue'\n import {ref, watch} from 'vue'\n\n defineOptions({\n name: 'HzztCollapse',\n })\n const {t} = useLocale()\n const props = defineProps({\n defaultActive: {\n type: Boolean,\n default: true,\n },\n title: {\n type: String,\n default: '',\n },\n showLine: {\n type: Boolean,\n default: true,\n },\n modelValue: {\n type: Boolean,\n default: true,\n },\n })\n const emit = defineEmits(['update:modelValue'])\n\n const expand = ref(props.modelValue)\n\n if (!props.defaultActive) {\n emit('update:modelValue', false);\n expand.value = false;\n }\n\n watch(() => props.modelValue, (v) => {\n expand.value = v;\n })\n\n function toggle() {\n expand.value = !expand.value;\n emit('update:modelValue', expand.value);\n }\n\n</script>\n"],"names":["useLocale","ref","watch"],"mappings":";;;;;;;;;;;;;;;;;;uCA8BgB,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAM,MAAA,EAAC,CAAC,EAAA,GAAIA,eAAU,EAAA,CAAA;AAqBtB,IAAM,MAAA,MAAA,GAASC,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAEnC,IAAI,IAAA,CAAC,MAAM,aAAe,EAAA;AACxB,MAAA,IAAA,CAAK,qBAAqB,KAAK,CAAA,CAAA;AAC/B,MAAA,MAAA,CAAO,KAAQ,GAAA,KAAA,CAAA;AAAA,KACjB;AAEA,IAAAC,SAAA,CAAM,MAAM,KAAA,CAAM,UAAY,EAAA,CAAC,CAAM,KAAA;AACnC,MAAA,MAAA,CAAO,KAAQ,GAAA,CAAA,CAAA;AAAA,KAChB,CAAA,CAAA;AAED,IAAA,SAAS,MAAS,GAAA;AAChB,MAAO,MAAA,CAAA,KAAA,GAAQ,CAAC,MAAO,CAAA,KAAA,CAAA;AACvB,MAAK,IAAA,CAAA,mBAAA,EAAqB,OAAO,KAAK,CAAA,CAAA;AAAA,KACxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,94 +1,3 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var vue = require('vue');
|
|
6
|
-
require('../../../hooks/index.js');
|
|
7
|
-
var index$1 = require('../../icon/src/index.js');
|
|
8
|
-
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
9
|
-
var index = require('../../../hooks/use-locale/index.js');
|
|
10
|
-
|
|
11
|
-
const _hoisted_1 = { class: "hzzt-collapse flex column" };
|
|
12
|
-
const _hoisted_2 = { class: "hzzt-collapse__top" };
|
|
13
|
-
const _hoisted_3 = { class: "hzzt-collapse__title" };
|
|
14
|
-
const _hoisted_4 = {
|
|
15
|
-
key: 0,
|
|
16
|
-
class: "hzzt-collapse__line"
|
|
17
|
-
};
|
|
18
|
-
const _hoisted_5 = { class: "hzzt-collapse__content flex-1" };
|
|
19
|
-
const __default__ = vue.defineComponent({
|
|
20
|
-
name: "HzztCollapse"
|
|
21
|
-
});
|
|
22
|
-
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
23
|
-
...__default__,
|
|
24
|
-
props: {
|
|
25
|
-
defaultActive: {
|
|
26
|
-
type: Boolean,
|
|
27
|
-
default: true
|
|
28
|
-
},
|
|
29
|
-
title: {
|
|
30
|
-
type: String,
|
|
31
|
-
default: ""
|
|
32
|
-
},
|
|
33
|
-
showLine: {
|
|
34
|
-
type: Boolean,
|
|
35
|
-
default: true
|
|
36
|
-
},
|
|
37
|
-
modelValue: {
|
|
38
|
-
type: Boolean,
|
|
39
|
-
default: true
|
|
40
|
-
}
|
|
41
|
-
},
|
|
42
|
-
emits: ["update:modelValue"],
|
|
43
|
-
setup(__props, { emit }) {
|
|
44
|
-
const props = __props;
|
|
45
|
-
const { t } = index.useLocale();
|
|
46
|
-
const expand = vue.ref(props.modelValue);
|
|
47
|
-
if (!props.defaultActive) {
|
|
48
|
-
emit("update:modelValue", false);
|
|
49
|
-
expand.value = false;
|
|
50
|
-
}
|
|
51
|
-
vue.watch(() => props.modelValue, (v) => {
|
|
52
|
-
expand.value = v;
|
|
53
|
-
});
|
|
54
|
-
function toggle() {
|
|
55
|
-
expand.value = !expand.value;
|
|
56
|
-
emit("update:modelValue", expand.value);
|
|
57
|
-
}
|
|
58
|
-
return (_ctx, _cache) => {
|
|
59
|
-
return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
|
|
60
|
-
vue.createElementVNode("div", _hoisted_2, [
|
|
61
|
-
vue.createElementVNode("div", _hoisted_3, [
|
|
62
|
-
vue.renderSlot(_ctx.$slots, "title", {}, () => [
|
|
63
|
-
vue.createTextVNode(vue.toDisplayString(__props.title), 1)
|
|
64
|
-
])
|
|
65
|
-
]),
|
|
66
|
-
__props.showLine ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4)) : vue.createCommentVNode("v-if", true),
|
|
67
|
-
vue.renderSlot(_ctx.$slots, "toggle-btn", {}, () => [
|
|
68
|
-
vue.createElementVNode("div", {
|
|
69
|
-
class: "hzzt-collapse__btn",
|
|
70
|
-
onClick: toggle
|
|
71
|
-
}, [
|
|
72
|
-
vue.createVNode(index$1["default"], {
|
|
73
|
-
name: !expand.value ? "hzzt-plus-square-outline" : "hzzt-minus-square-outline",
|
|
74
|
-
class: "hzzt-collapse__icon",
|
|
75
|
-
size: "14"
|
|
76
|
-
}, null, 8, ["name"]),
|
|
77
|
-
vue.createElementVNode("span", null, vue.toDisplayString(expand.value ? vue.unref(t)("hzzt.collapse.retract") : vue.unref(t)("hzzt.collapse.expand")), 1)
|
|
78
|
-
])
|
|
79
|
-
])
|
|
80
|
-
]),
|
|
81
|
-
vue.withDirectives(vue.createElementVNode("div", _hoisted_5, [
|
|
82
|
-
vue.renderSlot(_ctx.$slots, "default")
|
|
83
|
-
], 512), [
|
|
84
|
-
[vue.vShow, expand.value]
|
|
85
|
-
]),
|
|
86
|
-
vue.renderSlot(_ctx.$slots, "active", { active: expand.value })
|
|
87
|
-
]);
|
|
88
|
-
};
|
|
89
|
-
}
|
|
90
|
-
});
|
|
91
|
-
var Collapse = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "collapse.vue"]]);
|
|
92
|
-
|
|
93
|
-
exports["default"] = Collapse;
|
|
94
3
|
//# sourceMappingURL=collapse2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapse2.js","sources":[
|
|
1
|
+
{"version":3,"file":"collapse2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
package/lib/components/index.js
CHANGED
|
@@ -23,15 +23,15 @@ var index$h = require('./select/index.js');
|
|
|
23
23
|
var index$i = require('./click-input/index.js');
|
|
24
24
|
var index$j = require('./scroll/index.js');
|
|
25
25
|
var index$k = require('./lazy-list/index.js');
|
|
26
|
-
var title = require('./title/src/
|
|
26
|
+
var title = require('./title/src/title.js');
|
|
27
27
|
var configProviderProps = require('./config-provider/src/config-provider-props.js');
|
|
28
28
|
var constants = require('./config-provider/src/constants.js');
|
|
29
29
|
var useGlobalConfig = require('./config-provider/src/hooks/use-global-config.js');
|
|
30
30
|
var scan = require('./scan/src/scan.js');
|
|
31
31
|
var selectInput = require('./select-input/src/select-input2.js');
|
|
32
32
|
var selectTextarea = require('./select-textarea/src/select-textarea.js');
|
|
33
|
-
var inputRange = require('./input-range/src/input-
|
|
34
|
-
var cascader = require('./cascader/src/
|
|
33
|
+
var inputRange = require('./input-range/src/input-range2.js');
|
|
34
|
+
var cascader = require('./cascader/src/cascader2.js');
|
|
35
35
|
var select = require('./select/src/select.js');
|
|
36
36
|
var clickInput = require('./click-input/src/click-input.js');
|
|
37
37
|
var lazyList = require('./lazy-list/src/lazy-list2.js');
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
require('../../utils/index.js');
|
|
6
|
-
var inputRange$1 = require('./src/input-
|
|
7
|
-
var inputRange = require('./src/input-
|
|
6
|
+
var inputRange$1 = require('./src/input-range.js');
|
|
7
|
+
var inputRange = require('./src/input-range2.js');
|
|
8
8
|
var install = require('../../utils/vue/install.js');
|
|
9
9
|
|
|
10
10
|
const HzztInputRange = install.withInstall(inputRange$1["default"]);
|
|
@@ -2,35 +2,84 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('
|
|
5
|
+
var vue = require('vue');
|
|
6
|
+
var inputRange = require('./input-range2.js');
|
|
7
|
+
var elementPlus = require('element-plus');
|
|
6
8
|
require('../../../hooks/index.js');
|
|
7
|
-
require('../../../
|
|
8
|
-
var
|
|
9
|
-
var index = require('../../../hooks/use-size/index.js');
|
|
10
|
-
var event = require('../../../constants/event.js');
|
|
11
|
-
var shared = require('@vue/shared');
|
|
9
|
+
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
10
|
+
var index = require('../../../hooks/use-namespace/index.js');
|
|
11
|
+
var index$1 = require('../../../hooks/use-size/index.js');
|
|
12
12
|
|
|
13
|
-
const
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
default: () => []
|
|
17
|
-
},
|
|
18
|
-
size: index.useSizeProp,
|
|
19
|
-
disabled: Boolean,
|
|
20
|
-
clearable: {
|
|
21
|
-
type: Boolean,
|
|
22
|
-
default: false
|
|
23
|
-
},
|
|
24
|
-
startPlaceholder: String,
|
|
25
|
-
endPlaceholder: String,
|
|
26
|
-
startProps: Object,
|
|
27
|
-
endProps: Object
|
|
13
|
+
const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("span", { class: "margin-h-1" }, "\u2014\u2014", -1);
|
|
14
|
+
const __default__ = vue.defineComponent({
|
|
15
|
+
name: "HzztInputRange"
|
|
28
16
|
});
|
|
29
|
-
const
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
17
|
+
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
18
|
+
...__default__,
|
|
19
|
+
props: inputRange.inputRangeProps,
|
|
20
|
+
emits: inputRange.inputRangeEmits,
|
|
21
|
+
setup(__props, { emit }) {
|
|
22
|
+
const props = __props;
|
|
23
|
+
const startValue = vue.ref(props.modelValue[0]);
|
|
24
|
+
const endValue = vue.ref(props.modelValue[1]);
|
|
25
|
+
const nsInput = index.useNamespace("input-range");
|
|
26
|
+
const formSize = elementPlus.useFormSize();
|
|
27
|
+
const formDisabled = elementPlus.useFormDisabled();
|
|
28
|
+
const trueSize = vue.computed(() => props.size || formSize.value || index$1.useGlobalSize().value);
|
|
29
|
+
const trueDisabled = vue.computed(() => props.disabled || formDisabled.value);
|
|
30
|
+
const containerCls = vue.computed(() => [
|
|
31
|
+
nsInput.b(),
|
|
32
|
+
nsInput.m(trueSize.value)
|
|
33
|
+
]);
|
|
34
|
+
vue.watch(() => props.modelValue, (v) => {
|
|
35
|
+
startValue.value = v[0];
|
|
36
|
+
endValue.value = v[1];
|
|
37
|
+
}, {
|
|
38
|
+
deep: true
|
|
39
|
+
});
|
|
40
|
+
function change() {
|
|
41
|
+
if (startValue.value || endValue.value) {
|
|
42
|
+
const modelValue = [startValue.value, endValue.value];
|
|
43
|
+
emit("update:modelValue", modelValue);
|
|
44
|
+
emit("change", modelValue);
|
|
45
|
+
} else if (!startValue.value && !endValue.value) {
|
|
46
|
+
emit("update:modelValue", []);
|
|
47
|
+
emit("change", []);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
return (_ctx, _cache) => {
|
|
51
|
+
const _component_el_input = vue.resolveComponent("el-input");
|
|
52
|
+
return vue.openBlock(), vue.createElementBlock("div", {
|
|
53
|
+
class: vue.normalizeClass(["flex align-items-center", vue.unref(containerCls)])
|
|
54
|
+
}, [
|
|
55
|
+
vue.createVNode(_component_el_input, vue.mergeProps({
|
|
56
|
+
modelValue: startValue.value,
|
|
57
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => startValue.value = $event)
|
|
58
|
+
}, _ctx.startProps, {
|
|
59
|
+
clearable: _ctx.clearable,
|
|
60
|
+
placeholder: _ctx.startPlaceholder,
|
|
61
|
+
size: vue.unref(trueSize),
|
|
62
|
+
disabled: vue.unref(trueDisabled),
|
|
63
|
+
class: "flex-1",
|
|
64
|
+
onChange: change
|
|
65
|
+
}), null, 16, ["modelValue", "clearable", "placeholder", "size", "disabled"]),
|
|
66
|
+
_hoisted_1,
|
|
67
|
+
vue.createVNode(_component_el_input, vue.mergeProps({
|
|
68
|
+
modelValue: endValue.value,
|
|
69
|
+
"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => endValue.value = $event)
|
|
70
|
+
}, _ctx.endProps, {
|
|
71
|
+
clearable: _ctx.clearable,
|
|
72
|
+
placeholder: _ctx.endPlaceholder,
|
|
73
|
+
size: vue.unref(trueSize),
|
|
74
|
+
disabled: vue.unref(trueDisabled),
|
|
75
|
+
class: "flex-1",
|
|
76
|
+
onChange: change
|
|
77
|
+
}), null, 16, ["modelValue", "clearable", "placeholder", "size", "disabled"])
|
|
78
|
+
], 2);
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
var InputRange = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "input-range.vue"]]);
|
|
33
83
|
|
|
34
|
-
exports
|
|
35
|
-
exports.inputRangeProps = inputRangeProps;
|
|
84
|
+
exports["default"] = InputRange;
|
|
36
85
|
//# sourceMappingURL=input-range.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-range.js","sources":["../../../../../../packages/components/input-range/src/input-range.
|
|
1
|
+
{"version":3,"file":"input-range.js","sources":["../../../../../../packages/components/input-range/src/input-range.vue"],"sourcesContent":["<template>\n <div class=\"flex align-items-center\" :class=\"containerCls\">\n <el-input\n v-model=\"startValue\"\n v-bind=\"startProps\"\n :clearable=\"clearable\"\n :placeholder=\"startPlaceholder\"\n :size=\"trueSize\"\n :disabled=\"trueDisabled\"\n class=\"flex-1\"\n @change=\"change\"\n />\n <span class=\"margin-h-1\">——</span>\n <el-input\n v-model=\"endValue\"\n v-bind=\"endProps\"\n :clearable=\"clearable\"\n :placeholder=\"endPlaceholder\"\n :size=\"trueSize\"\n :disabled=\"trueDisabled\"\n class=\"flex-1\"\n @change=\"change\"\n />\n </div>\n</template>\n\n<script lang=\"ts\" setup>\n import {inputRangeEmits, inputRangeProps} from './input-range'\n import {useFormDisabled, useFormSize} from \"element-plus\";\n import {computed, ref, watch} from \"vue\";\n import {useGlobalSize, useNamespace} from \"@hzzt-plus/hooks\";\n\n defineOptions({\n name: 'HzztInputRange',\n })\n\n const props = defineProps(inputRangeProps)\n const emit = defineEmits(inputRangeEmits)\n\n const startValue = ref(props.modelValue[0])\n const endValue = ref(props.modelValue[1])\n\n const nsInput = useNamespace('input-range')\n\n const formSize = useFormSize()\n const formDisabled = useFormDisabled()\n\n const trueSize = computed(\n () => props.size || formSize.value || useGlobalSize().value\n )\n\n const trueDisabled = computed(() => props.disabled || formDisabled.value)\n\n const containerCls = computed(() => [\n nsInput.b(),\n nsInput.m(trueSize.value),\n ])\n\n watch(() => props.modelValue, (v) => {\n startValue.value = v[0];\n endValue.value = v[1];\n }, {\n deep: true,\n })\n\n function change() {\n if (startValue.value || endValue.value) {\n const modelValue = [startValue.value, endValue.value] as Array<string>;\n emit('update:modelValue', modelValue);\n emit('change', modelValue);\n } else if (!startValue.value && !endValue.value) {\n emit('update:modelValue', []);\n emit('change', []);\n }\n }\n\n</script>\n"],"names":["_defineComponent","computed","watch","_resolveComponent","_openBlock","_createElementBlock","_unref","_createVNode","_mergeProps"],"mappings":";;;;;;;;;;;;;;AA2BE,EAAA,IAAA,EAAA;AACA,CAAA,CAAA,CAAA;AACA,MAAQ,SAAA,mBAA2BA,mBAAA,CAAA;AACnC,EAAA,GAAA;;mCAEc;AAAA,EACZ,KAAM,CAAA,OAAA,EAAA,EAAA,IAAA,EAAA,EAAA;AACR,IAAA,MAAA,KAAA,GAAA,OAAA,CAAA;;;;;;;AAKA,IAAA,MAAM,YAAa,GAAAC,YAAU,CAAA,MAAA,KAAY,CAAC,QAAA,IAAA,YAAA,CAAA,KAAA,CAAA,CAAA;AAC1C,IAAA,MAAM,YAAW,GAAIA,YAAM,CAAA,MAAA;AAE3B,MAAM,OAAA,CAAA,CAAA,EAAA;AAEN,MAAA,kBAA6B,CAAA,KAAA,CAAA;AAC7B,KAAA,CAAA,CAAA;AAEA,IAAAC,SAAA,CAAM,MAAW,KAAA,CAAA,UAAA,EAAA,CAAA,CAAA,KAAA;AAAA,MACf,UAAY,CAAA,KAAA,GAAA,CAAQ,CAAS,CAAA,CAAA,CAAA;AAAyB,MACxD,QAAA,CAAA,KAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEA,KAAA,EAAA;AAEA,MAAM,IAAA,EAAA,IAAA;AAA8B,KAAA,CAClC;AAAU,IACV,SAAA,MAAU,GAAA;AAAc,MACzB,IAAA,UAAA,CAAA,KAAA,IAAA,QAAA,CAAA,KAAA,EAAA;AAED,QAAA,MAAY,UAAkB,GAAA,CAAA,UAAO,CAAA,KAAA,EAAA,QAAA,CAAA,KAAA,CAAA,CAAA;AACnC,QAAW,IAAA,CAAA,mBAAW,EAAA,UAAA,CAAA,CAAA;AACtB,QAAS,IAAA,CAAA,QAAA,EAAQ,UAAG,CAAA,CAAA;AAAA,OACnB,MAAA,IAAA,CAAA,UAAA,CAAA,KAAA,IAAA,CAAA,QAAA,CAAA,KAAA,EAAA;AAAA,QACK,IAAA,CAAA,mBAAA,EAAA,EAAA,CAAA,CAAA;AAAA,QACP,IAAA,CAAA,QAAA,EAAA,EAAA,CAAA,CAAA;AAED,OAAA;AACE,KAAI;AACF,IAAA,OAAA,CAAA,IAAmB,EAAA,MAAA,KAAY;AAC/B,MAAA,MAAA,sBAA0BC,oBAAU,CAAA,UAAA,CAAA,CAAA;AACpC,MAAA,OAAKC,aAAU,EAAU,EAAAC,sBAAA,CAAA,KAAA,EAAA;AAAA,iCACK,CAAA,CAAA,yBAAiB,EAAAC,SAAA,CAAA,YAAA,CAAA,CAAA,CAAA;AAC/C,OAAK,EAAA;AACL,QAAKC,eAAA,CAAA,mBAAY,EAAAC,cAAA,CAAA;AAAA,UACnB,UAAA,EAAA,UAAA,CAAA,KAAA;AAAA,UACF,qBAAA,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAA,KAAA,UAAA,CAAA,KAAA,GAAA,MAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|