hy-dispatch-ui-v3 0.2.44 → 0.2.45
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/es/components/hyInput/index.mjs +3 -1
- package/es/components/hyInput/inputSearch.vue.mjs +122 -0
- package/es/components/hyInput/style/inputSearch.scss +39 -0
- package/es/components/hyTable/table.vue.mjs +11 -42
- package/es/components/index.mjs +1 -1
- package/es/index.mjs +1 -1
- package/es/version.mjs +1 -1
- package/lib/components/hyInput/index.js +3 -0
- package/lib/components/hyInput/inputSearch.vue.js +126 -0
- package/lib/components/hyInput/style/inputSearch.scss +39 -0
- package/lib/components/hyTable/table.vue.js +34 -65
- package/lib/components/index.js +1 -0
- package/lib/index.js +1 -0
- package/lib/version.js +1 -1
- package/package.json +1 -1
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import _sfc_main from './input.vue.mjs';
|
|
2
|
+
import _sfc_main$1 from './inputSearch.vue.mjs';
|
|
2
3
|
import { withInstall } from '../../utils/handler.mjs';
|
|
3
4
|
|
|
4
5
|
const HyInput = withInstall(_sfc_main);
|
|
6
|
+
const HyInputSearch = withInstall(_sfc_main$1);
|
|
5
7
|
const ElInput = withInstall(_sfc_main, "ElInput");
|
|
6
8
|
|
|
7
|
-
export { ElInput, HyInput, HyInput as default };
|
|
9
|
+
export { ElInput, HyInput, HyInputSearch, HyInput as default };
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import { useModel, useTemplateRef, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createVNode, mergeProps, withKeys, createSlots, renderList, withCtx, normalizeProps, guardReactiveProps, createElementVNode, unref, mergeModels, defineComponent } from 'vue';
|
|
2
|
+
import { ElIcon } from 'element-plus';
|
|
3
|
+
import { Search } from '@element-plus/icons-vue';
|
|
4
|
+
import _sfc_main$1 from './input.vue.mjs';
|
|
5
|
+
|
|
6
|
+
import "./style/inputSearch.scss";
|
|
7
|
+
|
|
8
|
+
const __default__ = defineComponent({
|
|
9
|
+
name: "HyInputSearch"
|
|
10
|
+
});
|
|
11
|
+
const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
12
|
+
props: /* @__PURE__ */ mergeModels({}, {
|
|
13
|
+
"modelValue": {
|
|
14
|
+
type: [String, Number],
|
|
15
|
+
default: ""
|
|
16
|
+
},
|
|
17
|
+
"modelModifiers": {}
|
|
18
|
+
}),
|
|
19
|
+
emits: /* @__PURE__ */ mergeModels(["search"], ["update:modelValue"]),
|
|
20
|
+
setup(__props, { expose: __expose, emit: __emit }) {
|
|
21
|
+
const emits = __emit;
|
|
22
|
+
const modelValue = useModel(__props, "modelValue");
|
|
23
|
+
const inputRef = useTemplateRef("inputRef");
|
|
24
|
+
const isSearchFocus = ref(false);
|
|
25
|
+
function onSearchInputHandler() {
|
|
26
|
+
isSearchFocus.value = true;
|
|
27
|
+
}
|
|
28
|
+
function onSearchBlurHandler() {
|
|
29
|
+
isSearchFocus.value = false;
|
|
30
|
+
}
|
|
31
|
+
function onSearchQueryHandler() {
|
|
32
|
+
emits("search", modelValue.value);
|
|
33
|
+
}
|
|
34
|
+
__expose({
|
|
35
|
+
blur() {
|
|
36
|
+
inputRef.value.blur();
|
|
37
|
+
},
|
|
38
|
+
clear() {
|
|
39
|
+
inputRef.value.clear();
|
|
40
|
+
},
|
|
41
|
+
focus() {
|
|
42
|
+
inputRef.value.focus();
|
|
43
|
+
},
|
|
44
|
+
input: computed(() => {
|
|
45
|
+
return inputRef.value.input;
|
|
46
|
+
}),
|
|
47
|
+
ref: computed(() => {
|
|
48
|
+
return inputRef.value.ref;
|
|
49
|
+
}),
|
|
50
|
+
resizeTextarea() {
|
|
51
|
+
inputRef.value.resizeTextarea();
|
|
52
|
+
},
|
|
53
|
+
select() {
|
|
54
|
+
inputRef.value.select();
|
|
55
|
+
},
|
|
56
|
+
textarea: computed(() => {
|
|
57
|
+
return inputRef.value.textarea;
|
|
58
|
+
}),
|
|
59
|
+
textareaStyle: computed(() => {
|
|
60
|
+
return inputRef.value.textareaStyle;
|
|
61
|
+
}),
|
|
62
|
+
isComposing: computed(() => {
|
|
63
|
+
return inputRef.value.isComposing;
|
|
64
|
+
}),
|
|
65
|
+
passwordVisible: computed(() => {
|
|
66
|
+
return inputRef.value.passwordVisible;
|
|
67
|
+
})
|
|
68
|
+
});
|
|
69
|
+
return (_ctx, _cache) => {
|
|
70
|
+
return openBlock(), createElementBlock(
|
|
71
|
+
"div",
|
|
72
|
+
{
|
|
73
|
+
class: normalizeClass(["hy-input-search", { focus: isSearchFocus.value }])
|
|
74
|
+
},
|
|
75
|
+
[
|
|
76
|
+
renderSlot(_ctx.$slots, "before"),
|
|
77
|
+
createVNode(_sfc_main$1, mergeProps({
|
|
78
|
+
ref_key: "inputRef",
|
|
79
|
+
ref: inputRef,
|
|
80
|
+
modelValue: modelValue.value,
|
|
81
|
+
"onUpdate:modelValue": ($event) => modelValue.value = $event,
|
|
82
|
+
clearable: "",
|
|
83
|
+
class: "hy-input-search-item"
|
|
84
|
+
}, _ctx.$attrs, {
|
|
85
|
+
onFocus: onSearchInputHandler,
|
|
86
|
+
onBlur: onSearchBlurHandler,
|
|
87
|
+
onClear: onSearchQueryHandler,
|
|
88
|
+
onKeydown: withKeys(onSearchQueryHandler, ["enter"])
|
|
89
|
+
}), createSlots({
|
|
90
|
+
_: 2
|
|
91
|
+
/* DYNAMIC */
|
|
92
|
+
}, [
|
|
93
|
+
renderList(_ctx.$slots, (_, slotName) => {
|
|
94
|
+
return {
|
|
95
|
+
name: slotName,
|
|
96
|
+
fn: withCtx((scope) => [
|
|
97
|
+
renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(scope)))
|
|
98
|
+
])
|
|
99
|
+
};
|
|
100
|
+
})
|
|
101
|
+
]), 1040, ["modelValue", "onUpdate:modelValue"]),
|
|
102
|
+
createElementVNode("div", {
|
|
103
|
+
class: "w-[32px] h-[32px] flex-shrink-0 flex items-center justify-center bg-background-3 rounded-[2px] cursor-pointer",
|
|
104
|
+
onClick: onSearchQueryHandler
|
|
105
|
+
}, [
|
|
106
|
+
createVNode(unref(ElIcon), { size: "18" }, {
|
|
107
|
+
default: withCtx(() => [
|
|
108
|
+
createVNode(unref(Search))
|
|
109
|
+
]),
|
|
110
|
+
_: 1
|
|
111
|
+
/* STABLE */
|
|
112
|
+
})
|
|
113
|
+
])
|
|
114
|
+
],
|
|
115
|
+
2
|
|
116
|
+
/* CLASS */
|
|
117
|
+
);
|
|
118
|
+
};
|
|
119
|
+
}
|
|
120
|
+
});
|
|
121
|
+
|
|
122
|
+
export { _sfc_main as default };
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
.hy-input-search {
|
|
2
|
+
width: 100%;
|
|
3
|
+
min-width: 160px;
|
|
4
|
+
display: flex;
|
|
5
|
+
align-items: center;
|
|
6
|
+
gap: 4px;
|
|
7
|
+
border: 1px solid rgba(var(--hy-border));
|
|
8
|
+
border-radius: 4px;
|
|
9
|
+
box-sizing: border-box;
|
|
10
|
+
padding: 2px 4px;
|
|
11
|
+
overflow: hidden;
|
|
12
|
+
background: rgba(var(--hy-background-2));
|
|
13
|
+
&:hover,
|
|
14
|
+
&.focus {
|
|
15
|
+
border: 1px solid rgba(var(--hy-theme));
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.hy-input-search-item {
|
|
19
|
+
width: 0;
|
|
20
|
+
flex: 1;
|
|
21
|
+
& > .hy-el-input__wrapper {
|
|
22
|
+
padding-left: 8px;
|
|
23
|
+
padding-right: 4px;
|
|
24
|
+
}
|
|
25
|
+
.hy-el-input__inner::placeholder {
|
|
26
|
+
font-size: 12px;
|
|
27
|
+
}
|
|
28
|
+
.hy-el-input__wrapper {
|
|
29
|
+
box-shadow: none;
|
|
30
|
+
}
|
|
31
|
+
.hy-el-input-group__append {
|
|
32
|
+
color: rgb(var(--hy-main));
|
|
33
|
+
background-color: rgba(var(--hy-background-2));
|
|
34
|
+
box-shadow: none;
|
|
35
|
+
padding: 4px;
|
|
36
|
+
min-height: 100%;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent, useTemplateRef, openBlock, createElementBlock, createCommentVNode, createElementVNode, createBlock, unref, createVNode, withCtx, toDisplayString,
|
|
2
|
-
import { ElIcon,
|
|
3
|
-
import { Filter,
|
|
1
|
+
import { defineComponent, useTemplateRef, openBlock, createElementBlock, createCommentVNode, createElementVNode, createBlock, unref, createVNode, withCtx, toDisplayString, renderSlot, normalizeClass, createSlots, renderList, normalizeProps, guardReactiveProps, mergeProps, Fragment, withModifiers } from 'vue';
|
|
2
|
+
import { ElIcon, ElTable, ElTableColumn, ElDropdown, ElDropdownMenu, ElDropdownItem, ElAutoResizer, ElPagination } from 'element-plus';
|
|
3
|
+
import { Filter, MoreFilled } from '@element-plus/icons-vue';
|
|
4
4
|
import { operatorFilterHandler, operatorClickHandler, operatorDisabledHandler, operatorDisableTextdHandler, renderContentHandler, renderHeaderHandler, useAppTableWrapper } from './js/index.mjs';
|
|
5
5
|
import { useAppTableSearch } from './js/search.mjs';
|
|
6
6
|
import _sfc_main$2 from './cpns/headerItem.vue.mjs';
|
|
@@ -9,6 +9,7 @@ import _sfc_main$3 from './cpns/virtualTable.vue.mjs';
|
|
|
9
9
|
import { useLocale } from '../../hooks/useLocale.mjs';
|
|
10
10
|
import { useMixins } from '../../hooks/useMixins.mjs';
|
|
11
11
|
import { HyTooltip } from '../hyTooltip/index.mjs';
|
|
12
|
+
import { HyInputSearch } from '../hyInput/index.mjs';
|
|
12
13
|
import { HyButton } from '../hyButton/index.mjs';
|
|
13
14
|
import { HyIcon } from '../hyIcon/index.mjs';
|
|
14
15
|
import { HySearch } from '../hySearch/index.mjs';
|
|
@@ -280,7 +281,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
|
280
281
|
key: 0,
|
|
281
282
|
class: "min-h-[36px] flex flex-row-reverse items-center justify-between gap-3 mb-4"
|
|
282
283
|
}, [
|
|
283
|
-
createElementVNode("div", { class: "flex gap-3 whitespace-nowrap" }, [
|
|
284
|
+
createElementVNode("div", { class: "flex items-center gap-3 whitespace-nowrap" }, [
|
|
284
285
|
__props.showEditable ? (openBlock(), createBlock(_sfc_main$1, {
|
|
285
286
|
key: 0,
|
|
286
287
|
columns: unref(tableColumns),
|
|
@@ -320,44 +321,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
|
320
321
|
}, null, 8, ["innerHTML"])
|
|
321
322
|
]),
|
|
322
323
|
default: withCtx(() => [
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
createVNode(unref(ElInput), {
|
|
330
|
-
modelValue: __props.filterModel.query,
|
|
331
|
-
"onUpdate:modelValue": ($event) => __props.filterModel.query = $event,
|
|
332
|
-
class: "hy-table-search",
|
|
333
|
-
placeholder: unref(t)("table.searchFor", [__props.controllerText || ""]),
|
|
334
|
-
clearable: "",
|
|
335
|
-
onFocus: unref(onSearchInputHandler),
|
|
336
|
-
onBlur: unref(onSearchBlurHandler),
|
|
337
|
-
onClear: unref(onSearchQueryHandler),
|
|
338
|
-
onKeydown: withKeys(unref(onSearchQueryHandler), ["enter"])
|
|
339
|
-
}, {
|
|
340
|
-
append: withCtx(() => [
|
|
341
|
-
createElementVNode("div", {
|
|
342
|
-
class: "w-[32px] h-full flex items-center justify-center bg-background-3 rounded-[2px] cursor-pointer",
|
|
343
|
-
onClick: unref(onSearchQueryHandler)
|
|
344
|
-
}, [
|
|
345
|
-
createVNode(unref(ElIcon), { size: "18" }, {
|
|
346
|
-
default: withCtx(() => [
|
|
347
|
-
createVNode(unref(Search))
|
|
348
|
-
]),
|
|
349
|
-
_: 1
|
|
350
|
-
/* STABLE */
|
|
351
|
-
})
|
|
352
|
-
], 8, ["onClick"])
|
|
353
|
-
]),
|
|
354
|
-
_: 1
|
|
355
|
-
/* STABLE */
|
|
356
|
-
}, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "onFocus", "onBlur", "onClear", "onKeydown"])
|
|
357
|
-
],
|
|
358
|
-
2
|
|
359
|
-
/* CLASS */
|
|
360
|
-
)
|
|
324
|
+
createVNode(unref(HyInputSearch), {
|
|
325
|
+
modelValue: __props.filterModel.query,
|
|
326
|
+
"onUpdate:modelValue": ($event) => __props.filterModel.query = $event,
|
|
327
|
+
placeholder: unref(t)("table.searchFor", [__props.controllerText || ""]),
|
|
328
|
+
onSearch: unref(onSearchQueryHandler)
|
|
329
|
+
}, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "onSearch"])
|
|
361
330
|
]),
|
|
362
331
|
_: 1
|
|
363
332
|
/* STABLE */
|
package/es/components/index.mjs
CHANGED
|
@@ -18,7 +18,7 @@ export { HyMenu } from './hyMenu/index.mjs';
|
|
|
18
18
|
export { HyTree } from './hyTree/index.mjs';
|
|
19
19
|
export { HyVideoPlayer } from './hyVideoPlayer/index.mjs';
|
|
20
20
|
export { HyAudioPlayer } from './hyAudioPlayer/index.mjs';
|
|
21
|
-
export { ElInput, HyInput } from './hyInput/index.mjs';
|
|
21
|
+
export { ElInput, HyInput, HyInputSearch } from './hyInput/index.mjs';
|
|
22
22
|
export { ElTimePicker, HyTimePicker } from './hyTimePicker/index.mjs';
|
|
23
23
|
export { HyBatchTableForm, HyTableForm } from './hyTableForm/index.mjs';
|
|
24
24
|
export { HyTableActionButton } from './hyTableActionButton/index.mjs';
|
package/es/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import installer from './make-installer.mjs';
|
|
2
2
|
export { ElDatePicker, HyDatePicker } from './components/hyDatePicker/index.mjs';
|
|
3
|
-
export { ElInput, HyInput } from './components/hyInput/index.mjs';
|
|
3
|
+
export { ElInput, HyInput, HyInputSearch } from './components/hyInput/index.mjs';
|
|
4
4
|
export { ElTimePicker, HyTimePicker } from './components/hyTimePicker/index.mjs';
|
|
5
5
|
export { ElTooltip, HyTooltip } from './components/hyTooltip/index.mjs';
|
|
6
6
|
export { HyAudioPlayer } from './components/hyAudioPlayer/index.mjs';
|
package/es/version.mjs
CHANGED
|
@@ -3,11 +3,14 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var input = require('./input.vue.js');
|
|
6
|
+
var inputSearch = require('./inputSearch.vue.js');
|
|
6
7
|
var handler = require('../../utils/handler.js');
|
|
7
8
|
|
|
8
9
|
const HyInput = handler.withInstall(input.default);
|
|
10
|
+
const HyInputSearch = handler.withInstall(inputSearch.default);
|
|
9
11
|
const ElInput = handler.withInstall(input.default, "ElInput");
|
|
10
12
|
|
|
11
13
|
exports.ElInput = ElInput;
|
|
12
14
|
exports.HyInput = HyInput;
|
|
15
|
+
exports.HyInputSearch = HyInputSearch;
|
|
13
16
|
exports.default = HyInput;
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var vue = require('vue');
|
|
6
|
+
var elementPlus = require('element-plus');
|
|
7
|
+
var iconsVue = require('@element-plus/icons-vue');
|
|
8
|
+
var input = require('./input.vue.js');
|
|
9
|
+
|
|
10
|
+
import "./style/inputSearch.scss";
|
|
11
|
+
|
|
12
|
+
const __default__ = vue.defineComponent({
|
|
13
|
+
name: "HyInputSearch"
|
|
14
|
+
});
|
|
15
|
+
const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
16
|
+
props: /* @__PURE__ */ vue.mergeModels({}, {
|
|
17
|
+
"modelValue": {
|
|
18
|
+
type: [String, Number],
|
|
19
|
+
default: ""
|
|
20
|
+
},
|
|
21
|
+
"modelModifiers": {}
|
|
22
|
+
}),
|
|
23
|
+
emits: /* @__PURE__ */ vue.mergeModels(["search"], ["update:modelValue"]),
|
|
24
|
+
setup(__props, { expose: __expose, emit: __emit }) {
|
|
25
|
+
const emits = __emit;
|
|
26
|
+
const modelValue = vue.useModel(__props, "modelValue");
|
|
27
|
+
const inputRef = vue.useTemplateRef("inputRef");
|
|
28
|
+
const isSearchFocus = vue.ref(false);
|
|
29
|
+
function onSearchInputHandler() {
|
|
30
|
+
isSearchFocus.value = true;
|
|
31
|
+
}
|
|
32
|
+
function onSearchBlurHandler() {
|
|
33
|
+
isSearchFocus.value = false;
|
|
34
|
+
}
|
|
35
|
+
function onSearchQueryHandler() {
|
|
36
|
+
emits("search", modelValue.value);
|
|
37
|
+
}
|
|
38
|
+
__expose({
|
|
39
|
+
blur() {
|
|
40
|
+
inputRef.value.blur();
|
|
41
|
+
},
|
|
42
|
+
clear() {
|
|
43
|
+
inputRef.value.clear();
|
|
44
|
+
},
|
|
45
|
+
focus() {
|
|
46
|
+
inputRef.value.focus();
|
|
47
|
+
},
|
|
48
|
+
input: vue.computed(() => {
|
|
49
|
+
return inputRef.value.input;
|
|
50
|
+
}),
|
|
51
|
+
ref: vue.computed(() => {
|
|
52
|
+
return inputRef.value.ref;
|
|
53
|
+
}),
|
|
54
|
+
resizeTextarea() {
|
|
55
|
+
inputRef.value.resizeTextarea();
|
|
56
|
+
},
|
|
57
|
+
select() {
|
|
58
|
+
inputRef.value.select();
|
|
59
|
+
},
|
|
60
|
+
textarea: vue.computed(() => {
|
|
61
|
+
return inputRef.value.textarea;
|
|
62
|
+
}),
|
|
63
|
+
textareaStyle: vue.computed(() => {
|
|
64
|
+
return inputRef.value.textareaStyle;
|
|
65
|
+
}),
|
|
66
|
+
isComposing: vue.computed(() => {
|
|
67
|
+
return inputRef.value.isComposing;
|
|
68
|
+
}),
|
|
69
|
+
passwordVisible: vue.computed(() => {
|
|
70
|
+
return inputRef.value.passwordVisible;
|
|
71
|
+
})
|
|
72
|
+
});
|
|
73
|
+
return (_ctx, _cache) => {
|
|
74
|
+
return vue.openBlock(), vue.createElementBlock(
|
|
75
|
+
"div",
|
|
76
|
+
{
|
|
77
|
+
class: vue.normalizeClass(["hy-input-search", { focus: isSearchFocus.value }])
|
|
78
|
+
},
|
|
79
|
+
[
|
|
80
|
+
vue.renderSlot(_ctx.$slots, "before"),
|
|
81
|
+
vue.createVNode(input.default, vue.mergeProps({
|
|
82
|
+
ref_key: "inputRef",
|
|
83
|
+
ref: inputRef,
|
|
84
|
+
modelValue: modelValue.value,
|
|
85
|
+
"onUpdate:modelValue": ($event) => modelValue.value = $event,
|
|
86
|
+
clearable: "",
|
|
87
|
+
class: "hy-input-search-item"
|
|
88
|
+
}, _ctx.$attrs, {
|
|
89
|
+
onFocus: onSearchInputHandler,
|
|
90
|
+
onBlur: onSearchBlurHandler,
|
|
91
|
+
onClear: onSearchQueryHandler,
|
|
92
|
+
onKeydown: vue.withKeys(onSearchQueryHandler, ["enter"])
|
|
93
|
+
}), vue.createSlots({
|
|
94
|
+
_: 2
|
|
95
|
+
/* DYNAMIC */
|
|
96
|
+
}, [
|
|
97
|
+
vue.renderList(_ctx.$slots, (_, slotName) => {
|
|
98
|
+
return {
|
|
99
|
+
name: slotName,
|
|
100
|
+
fn: vue.withCtx((scope) => [
|
|
101
|
+
vue.renderSlot(_ctx.$slots, slotName, vue.normalizeProps(vue.guardReactiveProps(scope)))
|
|
102
|
+
])
|
|
103
|
+
};
|
|
104
|
+
})
|
|
105
|
+
]), 1040, ["modelValue", "onUpdate:modelValue"]),
|
|
106
|
+
vue.createElementVNode("div", {
|
|
107
|
+
class: "w-[32px] h-[32px] flex-shrink-0 flex items-center justify-center bg-background-3 rounded-[2px] cursor-pointer",
|
|
108
|
+
onClick: onSearchQueryHandler
|
|
109
|
+
}, [
|
|
110
|
+
vue.createVNode(vue.unref(elementPlus.ElIcon), { size: "18" }, {
|
|
111
|
+
default: vue.withCtx(() => [
|
|
112
|
+
vue.createVNode(vue.unref(iconsVue.Search))
|
|
113
|
+
]),
|
|
114
|
+
_: 1
|
|
115
|
+
/* STABLE */
|
|
116
|
+
})
|
|
117
|
+
])
|
|
118
|
+
],
|
|
119
|
+
2
|
|
120
|
+
/* CLASS */
|
|
121
|
+
);
|
|
122
|
+
};
|
|
123
|
+
}
|
|
124
|
+
});
|
|
125
|
+
|
|
126
|
+
exports.default = _sfc_main;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
.hy-input-search {
|
|
2
|
+
width: 100%;
|
|
3
|
+
min-width: 160px;
|
|
4
|
+
display: flex;
|
|
5
|
+
align-items: center;
|
|
6
|
+
gap: 4px;
|
|
7
|
+
border: 1px solid rgba(var(--hy-border));
|
|
8
|
+
border-radius: 4px;
|
|
9
|
+
box-sizing: border-box;
|
|
10
|
+
padding: 2px 4px;
|
|
11
|
+
overflow: hidden;
|
|
12
|
+
background: rgba(var(--hy-background-2));
|
|
13
|
+
&:hover,
|
|
14
|
+
&.focus {
|
|
15
|
+
border: 1px solid rgba(var(--hy-theme));
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.hy-input-search-item {
|
|
19
|
+
width: 0;
|
|
20
|
+
flex: 1;
|
|
21
|
+
& > .hy-el-input__wrapper {
|
|
22
|
+
padding-left: 8px;
|
|
23
|
+
padding-right: 4px;
|
|
24
|
+
}
|
|
25
|
+
.hy-el-input__inner::placeholder {
|
|
26
|
+
font-size: 12px;
|
|
27
|
+
}
|
|
28
|
+
.hy-el-input__wrapper {
|
|
29
|
+
box-shadow: none;
|
|
30
|
+
}
|
|
31
|
+
.hy-el-input-group__append {
|
|
32
|
+
color: rgb(var(--hy-main));
|
|
33
|
+
background-color: rgba(var(--hy-background-2));
|
|
34
|
+
box-shadow: none;
|
|
35
|
+
padding: 4px;
|
|
36
|
+
min-height: 100%;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
}
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var vue = require('vue');
|
|
6
6
|
var elementPlus = require('element-plus');
|
|
7
7
|
var iconsVue = require('@element-plus/icons-vue');
|
|
8
|
-
var index$
|
|
8
|
+
var index$5 = require('./js/index.js');
|
|
9
9
|
var search = require('./js/search.js');
|
|
10
10
|
var headerItem = require('./cpns/headerItem.vue.js');
|
|
11
11
|
var columnSelect = require('./cpns/columnSelect.vue.js');
|
|
@@ -13,9 +13,10 @@ var virtualTable = require('./cpns/virtualTable.vue.js');
|
|
|
13
13
|
var useLocale = require('../../hooks/useLocale.js');
|
|
14
14
|
var useMixins = require('../../hooks/useMixins.js');
|
|
15
15
|
var index = require('../hyTooltip/index.js');
|
|
16
|
-
var index$1 = require('../
|
|
17
|
-
var index$2 = require('../
|
|
18
|
-
var index$3 = require('../
|
|
16
|
+
var index$1 = require('../hyInput/index.js');
|
|
17
|
+
var index$2 = require('../hyButton/index.js');
|
|
18
|
+
var index$3 = require('../hyIcon/index.js');
|
|
19
|
+
var index$4 = require('../hySearch/index.js');
|
|
19
20
|
var adaptive = require('../../utils/adaptive.js');
|
|
20
21
|
var is = require('../../utils/is.js');
|
|
21
22
|
|
|
@@ -253,7 +254,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
|
253
254
|
operatorDropdownRef,
|
|
254
255
|
appSearchRef
|
|
255
256
|
},
|
|
256
|
-
[index$
|
|
257
|
+
[index$5.useAppTableWrapper, search.useAppTableSearch]
|
|
257
258
|
);
|
|
258
259
|
if (props.defaultGetData) {
|
|
259
260
|
getData(1);
|
|
@@ -284,7 +285,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
|
284
285
|
key: 0,
|
|
285
286
|
class: "min-h-[36px] flex flex-row-reverse items-center justify-between gap-3 mb-4"
|
|
286
287
|
}, [
|
|
287
|
-
vue.createElementVNode("div", { class: "flex gap-3 whitespace-nowrap" }, [
|
|
288
|
+
vue.createElementVNode("div", { class: "flex items-center gap-3 whitespace-nowrap" }, [
|
|
288
289
|
__props.showEditable ? (vue.openBlock(), vue.createBlock(columnSelect.default, {
|
|
289
290
|
key: 0,
|
|
290
291
|
columns: vue.unref(tableColumns),
|
|
@@ -324,54 +325,22 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
|
324
325
|
}, null, 8, ["innerHTML"])
|
|
325
326
|
]),
|
|
326
327
|
default: vue.withCtx(() => [
|
|
327
|
-
vue.
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
vue.createVNode(vue.unref(elementPlus.ElInput), {
|
|
334
|
-
modelValue: __props.filterModel.query,
|
|
335
|
-
"onUpdate:modelValue": ($event) => __props.filterModel.query = $event,
|
|
336
|
-
class: "hy-table-search",
|
|
337
|
-
placeholder: vue.unref(t)("table.searchFor", [__props.controllerText || ""]),
|
|
338
|
-
clearable: "",
|
|
339
|
-
onFocus: vue.unref(onSearchInputHandler),
|
|
340
|
-
onBlur: vue.unref(onSearchBlurHandler),
|
|
341
|
-
onClear: vue.unref(onSearchQueryHandler),
|
|
342
|
-
onKeydown: vue.withKeys(vue.unref(onSearchQueryHandler), ["enter"])
|
|
343
|
-
}, {
|
|
344
|
-
append: vue.withCtx(() => [
|
|
345
|
-
vue.createElementVNode("div", {
|
|
346
|
-
class: "w-[32px] h-full flex items-center justify-center bg-background-3 rounded-[2px] cursor-pointer",
|
|
347
|
-
onClick: vue.unref(onSearchQueryHandler)
|
|
348
|
-
}, [
|
|
349
|
-
vue.createVNode(vue.unref(elementPlus.ElIcon), { size: "18" }, {
|
|
350
|
-
default: vue.withCtx(() => [
|
|
351
|
-
vue.createVNode(vue.unref(iconsVue.Search))
|
|
352
|
-
]),
|
|
353
|
-
_: 1
|
|
354
|
-
/* STABLE */
|
|
355
|
-
})
|
|
356
|
-
], 8, ["onClick"])
|
|
357
|
-
]),
|
|
358
|
-
_: 1
|
|
359
|
-
/* STABLE */
|
|
360
|
-
}, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "onFocus", "onBlur", "onClear", "onKeydown"])
|
|
361
|
-
],
|
|
362
|
-
2
|
|
363
|
-
/* CLASS */
|
|
364
|
-
)
|
|
328
|
+
vue.createVNode(vue.unref(index$1.HyInputSearch), {
|
|
329
|
+
modelValue: __props.filterModel.query,
|
|
330
|
+
"onUpdate:modelValue": ($event) => __props.filterModel.query = $event,
|
|
331
|
+
placeholder: vue.unref(t)("table.searchFor", [__props.controllerText || ""]),
|
|
332
|
+
onSearch: vue.unref(onSearchQueryHandler)
|
|
333
|
+
}, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "onSearch"])
|
|
365
334
|
]),
|
|
366
335
|
_: 1
|
|
367
336
|
/* STABLE */
|
|
368
|
-
})) : (vue.openBlock(), vue.createBlock(vue.unref(index$
|
|
337
|
+
})) : (vue.openBlock(), vue.createBlock(vue.unref(index$2.HyButton), {
|
|
369
338
|
key: 3,
|
|
370
339
|
type: "primary",
|
|
371
340
|
onClick: ($event) => vue.unref(getData)()
|
|
372
341
|
}, {
|
|
373
342
|
default: vue.withCtx(() => [
|
|
374
|
-
vue.createVNode(vue.unref(index$
|
|
343
|
+
vue.createVNode(vue.unref(index$3.HyIcon), {
|
|
375
344
|
class: "w-[12px] h-[12px]",
|
|
376
345
|
"svg-name": "ops-button-icon-refres-v2"
|
|
377
346
|
})
|
|
@@ -389,7 +358,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
|
389
358
|
])) : vue.createCommentVNode("v-if", true)
|
|
390
359
|
])) : vue.createCommentVNode("v-if", true),
|
|
391
360
|
vue.createCommentVNode(" \u67E5\u8BE2\u8FC7\u6EE4 "),
|
|
392
|
-
__props.filterColumns.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(index$
|
|
361
|
+
__props.filterColumns.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.HySearch), {
|
|
393
362
|
key: 1,
|
|
394
363
|
ref_key: "appSearchRef",
|
|
395
364
|
ref: appSearchRef,
|
|
@@ -473,11 +442,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
|
473
442
|
}, {
|
|
474
443
|
default: vue.withCtx(() => [
|
|
475
444
|
vue.renderSlot(_ctx.$slots, column.headerSlot, vue.mergeProps({ ref_for: true }, { column, $index: scope.$index }), () => [
|
|
476
|
-
!vue.unref(is.isEmpty)(vue.unref(index$
|
|
445
|
+
!vue.unref(is.isEmpty)(vue.unref(index$5.renderHeaderHandler)(column, scope)) ? (vue.openBlock(), vue.createBlock(vue.unref(index.HyTooltip), {
|
|
477
446
|
key: 0,
|
|
478
447
|
"is-always": false,
|
|
479
448
|
"over-line": 1,
|
|
480
|
-
content: vue.unref(index$
|
|
449
|
+
content: vue.unref(index$5.renderHeaderHandler)(column, scope)
|
|
481
450
|
}, null, 8, ["content"])) : vue.createCommentVNode("v-if", true)
|
|
482
451
|
])
|
|
483
452
|
]),
|
|
@@ -493,7 +462,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
|
493
462
|
(vue.openBlock(true), vue.createElementBlock(
|
|
494
463
|
vue.Fragment,
|
|
495
464
|
null,
|
|
496
|
-
vue.renderList(vue.unref(index$
|
|
465
|
+
vue.renderList(vue.unref(index$5.operatorFilterHandler)(
|
|
497
466
|
column,
|
|
498
467
|
scope,
|
|
499
468
|
"default"
|
|
@@ -507,11 +476,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
|
507
476
|
default: vue.withCtx(() => [
|
|
508
477
|
vue.createElementVNode("div", {
|
|
509
478
|
class: vue.normalizeClass(["w-[40px] h-[48px] inline-flex flex-col items-center justify-center text-xs hover:font-bold border border-transparent hover:border-theme hover:shadow-[0px_0px_5px_0px_rgba(var(--hy-theme),0.5)] rounded box-border cursor-pointer", citem.className]),
|
|
510
|
-
onClick: vue.withModifiers(($event) => vue.unref(index$
|
|
479
|
+
onClick: vue.withModifiers(($event) => vue.unref(index$5.operatorClickHandler)(cindex, column, scope, "default"), ["stop"]),
|
|
511
480
|
onContextmenu: vue.withModifiers(() => {
|
|
512
481
|
}, ["stop"])
|
|
513
482
|
}, [
|
|
514
|
-
vue.createVNode(vue.unref(index$
|
|
483
|
+
vue.createVNode(vue.unref(index$3.HyIcon), {
|
|
515
484
|
"svg-name": citem.svgName,
|
|
516
485
|
"class-name": "!w-4 !h-4"
|
|
517
486
|
}, null, 8, ["svg-name"]),
|
|
@@ -537,7 +506,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
|
537
506
|
128
|
|
538
507
|
/* KEYED_FRAGMENT */
|
|
539
508
|
)),
|
|
540
|
-
vue.unref(index$
|
|
509
|
+
vue.unref(index$5.operatorFilterHandler)(column, scope, "more")?.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdown), {
|
|
541
510
|
key: 0,
|
|
542
511
|
ref_for: true,
|
|
543
512
|
ref_key: "operatorDropdownRef",
|
|
@@ -545,7 +514,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
|
545
514
|
trigger: "click",
|
|
546
515
|
"popper-style": "min-width: 150px",
|
|
547
516
|
placement: "bottom",
|
|
548
|
-
onCommand: ($event) => vue.unref(index$
|
|
517
|
+
onCommand: ($event) => vue.unref(index$5.operatorClickHandler)($event, column, scope, "more")
|
|
549
518
|
}, {
|
|
550
519
|
dropdown: vue.withCtx(() => [
|
|
551
520
|
vue.createVNode(
|
|
@@ -556,7 +525,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
|
556
525
|
(vue.openBlock(true), vue.createElementBlock(
|
|
557
526
|
vue.Fragment,
|
|
558
527
|
null,
|
|
559
|
-
vue.renderList(vue.unref(index$
|
|
528
|
+
vue.renderList(vue.unref(index$5.operatorFilterHandler)(
|
|
560
529
|
column,
|
|
561
530
|
scope,
|
|
562
531
|
"more"
|
|
@@ -564,7 +533,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
|
564
533
|
return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdownItem), {
|
|
565
534
|
key: cindex,
|
|
566
535
|
command: cindex,
|
|
567
|
-
disabled: vue.unref(index$
|
|
536
|
+
disabled: vue.unref(index$5.operatorDisabledHandler)(citem, scope)
|
|
568
537
|
}, {
|
|
569
538
|
default: vue.withCtx(() => [
|
|
570
539
|
vue.createElementVNode("span", null, [
|
|
@@ -575,13 +544,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
|
575
544
|
1
|
|
576
545
|
/* TEXT */
|
|
577
546
|
),
|
|
578
|
-
vue.unref(index$
|
|
547
|
+
vue.unref(index$5.operatorDisabledHandler)(citem, scope) ? (vue.openBlock(), vue.createElementBlock(
|
|
579
548
|
"span",
|
|
580
549
|
{
|
|
581
550
|
key: 0,
|
|
582
551
|
class: "text-xs leading-1"
|
|
583
552
|
},
|
|
584
|
-
"\uFF08" + vue.toDisplayString(vue.unref(index$
|
|
553
|
+
"\uFF08" + vue.toDisplayString(vue.unref(index$5.operatorDisableTextdHandler)(citem, scope)) + "\uFF09",
|
|
585
554
|
1
|
|
586
555
|
/* TEXT */
|
|
587
556
|
)) : vue.createCommentVNode("v-if", true)
|
|
@@ -647,11 +616,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
|
647
616
|
vue.Fragment,
|
|
648
617
|
{ key: 2 },
|
|
649
618
|
[
|
|
650
|
-
!vue.unref(is.isEmpty)(vue.unref(index$
|
|
619
|
+
!vue.unref(is.isEmpty)(vue.unref(index$5.renderContentHandler)(column, scope)) ? (vue.openBlock(), vue.createBlock(vue.unref(index.HyTooltip), {
|
|
651
620
|
key: 0,
|
|
652
621
|
"over-line": 2,
|
|
653
622
|
"is-always": false,
|
|
654
|
-
content: vue.unref(index$
|
|
623
|
+
content: vue.unref(index$5.renderContentHandler)(column, scope)
|
|
655
624
|
}, null, 8, ["content"])) : (vue.openBlock(), vue.createElementBlock("span", {
|
|
656
625
|
key: 1,
|
|
657
626
|
class: "text-auxiliary"
|
|
@@ -778,7 +747,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
|
778
747
|
"virtual-triggering": "",
|
|
779
748
|
trigger: "contextmenu",
|
|
780
749
|
placement: "bottom",
|
|
781
|
-
onCommand: ($event) => vue.unref(index$
|
|
750
|
+
onCommand: ($event) => vue.unref(index$5.operatorClickHandler)(
|
|
782
751
|
$event,
|
|
783
752
|
vue.unref(tableTriggerRef).column,
|
|
784
753
|
vue.unref(tableTriggerRef).scope
|
|
@@ -790,14 +759,14 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
|
790
759
|
(vue.openBlock(true), vue.createElementBlock(
|
|
791
760
|
vue.Fragment,
|
|
792
761
|
null,
|
|
793
|
-
vue.renderList(vue.unref(index$
|
|
762
|
+
vue.renderList(vue.unref(index$5.operatorFilterHandler)(
|
|
794
763
|
vue.unref(tableTriggerRef).column,
|
|
795
764
|
vue.unref(tableTriggerRef).scope
|
|
796
765
|
), (citem, cindex) => {
|
|
797
766
|
return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdownItem), {
|
|
798
767
|
key: cindex,
|
|
799
768
|
command: cindex,
|
|
800
|
-
disabled: vue.unref(index$
|
|
769
|
+
disabled: vue.unref(index$5.operatorDisabledHandler)(citem, vue.unref(tableTriggerRef).scope)
|
|
801
770
|
}, {
|
|
802
771
|
default: vue.withCtx(() => [
|
|
803
772
|
vue.createElementVNode("span", null, [
|
|
@@ -808,13 +777,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
|
|
|
808
777
|
1
|
|
809
778
|
/* TEXT */
|
|
810
779
|
),
|
|
811
|
-
vue.unref(index$
|
|
780
|
+
vue.unref(index$5.operatorDisabledHandler)(citem, vue.unref(tableTriggerRef).scope) ? (vue.openBlock(), vue.createElementBlock(
|
|
812
781
|
"span",
|
|
813
782
|
{
|
|
814
783
|
key: 0,
|
|
815
784
|
class: "text-xs leading-1"
|
|
816
785
|
},
|
|
817
|
-
"\uFF08" + vue.toDisplayString(vue.unref(index$
|
|
786
|
+
"\uFF08" + vue.toDisplayString(vue.unref(index$5.operatorDisableTextdHandler)(citem, vue.unref(tableTriggerRef).scope)) + "\uFF09",
|
|
818
787
|
1
|
|
819
788
|
/* TEXT */
|
|
820
789
|
)) : vue.createCommentVNode("v-if", true)
|
package/lib/components/index.js
CHANGED
|
@@ -56,6 +56,7 @@ exports.HyVideoPlayer = index$o.HyVideoPlayer;
|
|
|
56
56
|
exports.HyAudioPlayer = index$4.HyAudioPlayer;
|
|
57
57
|
exports.ElInput = index$1.ElInput;
|
|
58
58
|
exports.HyInput = index$1.HyInput;
|
|
59
|
+
exports.HyInputSearch = index$1.HyInputSearch;
|
|
59
60
|
exports.ElTimePicker = index$2.ElTimePicker;
|
|
60
61
|
exports.HyTimePicker = index$2.HyTimePicker;
|
|
61
62
|
exports.HyBatchTableForm = index$5.HyBatchTableForm;
|
package/lib/index.js
CHANGED
|
@@ -62,6 +62,7 @@ exports.ElDatePicker = index.ElDatePicker;
|
|
|
62
62
|
exports.HyDatePicker = index.HyDatePicker;
|
|
63
63
|
exports.ElInput = index$1.ElInput;
|
|
64
64
|
exports.HyInput = index$1.HyInput;
|
|
65
|
+
exports.HyInputSearch = index$1.HyInputSearch;
|
|
65
66
|
exports.ElTimePicker = index$2.ElTimePicker;
|
|
66
67
|
exports.HyTimePicker = index$2.HyTimePicker;
|
|
67
68
|
exports.ElTooltip = index$3.ElTooltip;
|
package/lib/version.js
CHANGED