@opentinyvue/vue-grid-select 2.27.0 → 2.28.0
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/index.d.ts +1 -1
- package/lib/index.js +97 -126
- package/lib/mobile-first.js +250 -0
- package/lib/pc.js +250 -0
- package/package.json +5 -5
- package/src/index.d.ts +13 -0
- package/src/mobile-first.vue.d.ts +2 -0
package/index.d.ts
CHANGED
package/lib/index.js
CHANGED
|
@@ -1,79 +1,77 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
|
|
7
|
-
var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
|
|
8
|
-
if (render) {
|
|
9
|
-
options.render = render;
|
|
10
|
-
options.staticRenderFns = staticRenderFns;
|
|
11
|
-
options._compiled = true;
|
|
12
|
-
}
|
|
13
|
-
var hook;
|
|
14
|
-
if (injectStyles) {
|
|
15
|
-
hook = injectStyles;
|
|
16
|
-
}
|
|
17
|
-
if (hook) {
|
|
18
|
-
if (options.functional) {
|
|
19
|
-
options._injectStyles = hook;
|
|
20
|
-
var originalRender = options.render;
|
|
21
|
-
options.render = function renderWithStyleInjection(h, context) {
|
|
22
|
-
hook.call(context);
|
|
23
|
-
return originalRender(h, context);
|
|
24
|
-
};
|
|
25
|
-
} else {
|
|
26
|
-
var existing = options.beforeCreate;
|
|
27
|
-
options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
|
|
1
|
+
function _extends() {
|
|
2
|
+
return _extends = Object.assign ? Object.assign.bind() : function(n) {
|
|
3
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
4
|
+
var t = arguments[e];
|
|
5
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
28
6
|
}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
exports: scriptExports,
|
|
32
|
-
options
|
|
33
|
-
};
|
|
7
|
+
return n;
|
|
8
|
+
}, _extends.apply(null, arguments);
|
|
34
9
|
}
|
|
35
|
-
|
|
36
|
-
|
|
10
|
+
import { defineComponent, $props, $setup, $prefix } from "@opentinyvue/vue-common";
|
|
11
|
+
import PcTemplate from "./pc.js";
|
|
12
|
+
import MobileFirstTemplate from "./mobile-first.js";
|
|
13
|
+
var template = function template2(mode) {
|
|
14
|
+
var _process$env;
|
|
15
|
+
var tinyMode = typeof process === "object" ? (_process$env = process.env) == null ? void 0 : _process$env.TINY_MODE : null;
|
|
16
|
+
if ("pc" === (tinyMode || mode)) {
|
|
17
|
+
return PcTemplate;
|
|
18
|
+
}
|
|
19
|
+
if ("mobile-first" === (tinyMode || mode)) {
|
|
20
|
+
return MobileFirstTemplate;
|
|
21
|
+
}
|
|
22
|
+
return PcTemplate;
|
|
23
|
+
};
|
|
24
|
+
var GridSelect = defineComponent({
|
|
37
25
|
name: $prefix + "GridSelect",
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
},
|
|
42
|
-
props: {
|
|
26
|
+
componentName: "GridSelect",
|
|
27
|
+
props: _extends({}, $props, {
|
|
28
|
+
// 基础 props
|
|
43
29
|
clearable: Boolean,
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
30
|
+
disabled: Boolean,
|
|
31
|
+
size: String,
|
|
32
|
+
placeholder: String,
|
|
33
|
+
readonly: Boolean,
|
|
34
|
+
modelValue: {},
|
|
35
|
+
multiple: Boolean,
|
|
36
|
+
// 弹框相关
|
|
37
|
+
popperClass: String,
|
|
38
|
+
popperAppendToBody: {
|
|
39
|
+
type: Boolean,
|
|
40
|
+
default: true
|
|
47
41
|
},
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
42
|
+
placement: {
|
|
43
|
+
type: String,
|
|
44
|
+
default: "bottom-start"
|
|
45
|
+
},
|
|
46
|
+
dropStyle: {
|
|
51
47
|
type: Object,
|
|
52
48
|
default: function _default() {
|
|
53
49
|
return {};
|
|
54
50
|
}
|
|
55
51
|
},
|
|
56
|
-
|
|
52
|
+
// 标签相关
|
|
53
|
+
collapseTags: Boolean,
|
|
54
|
+
copyable: Boolean,
|
|
55
|
+
textSplit: {
|
|
57
56
|
type: String,
|
|
58
|
-
default: ""
|
|
57
|
+
default: ","
|
|
59
58
|
},
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
default: function _default2() {
|
|
66
|
-
return {
|
|
67
|
-
checkMethod: function checkMethod() {
|
|
68
|
-
return true;
|
|
69
|
-
}
|
|
70
|
-
};
|
|
71
|
-
}
|
|
59
|
+
hoverExpand: Boolean,
|
|
60
|
+
clickExpand: Boolean,
|
|
61
|
+
showTips: {
|
|
62
|
+
type: Boolean,
|
|
63
|
+
default: true
|
|
72
64
|
},
|
|
65
|
+
// 搜索和过滤
|
|
66
|
+
filterable: Boolean,
|
|
67
|
+
filterMethod: Function,
|
|
68
|
+
searchable: Boolean,
|
|
69
|
+
// 远程搜索
|
|
73
70
|
remote: Boolean,
|
|
71
|
+
remoteMethod: Function,
|
|
74
72
|
remoteConfig: {
|
|
75
73
|
type: Object,
|
|
76
|
-
default: function
|
|
74
|
+
default: function _default2() {
|
|
77
75
|
return {
|
|
78
76
|
showIcon: false,
|
|
79
77
|
clearData: false,
|
|
@@ -81,8 +79,19 @@ var __vue2_script = defineComponent({
|
|
|
81
79
|
};
|
|
82
80
|
}
|
|
83
81
|
},
|
|
84
|
-
remoteMethod: Function,
|
|
85
82
|
reserveKeyword: Boolean,
|
|
83
|
+
extraQueryParams: {
|
|
84
|
+
type: [Object, String, Boolean, Array, Number],
|
|
85
|
+
default: ""
|
|
86
|
+
},
|
|
87
|
+
initQuery: Function,
|
|
88
|
+
// 表格配置
|
|
89
|
+
gridOp: {
|
|
90
|
+
type: Object,
|
|
91
|
+
default: function _default3() {
|
|
92
|
+
return {};
|
|
93
|
+
}
|
|
94
|
+
},
|
|
86
95
|
selectConfig: {
|
|
87
96
|
type: Object,
|
|
88
97
|
default: function _default4() {
|
|
@@ -93,6 +102,17 @@ var __vue2_script = defineComponent({
|
|
|
93
102
|
};
|
|
94
103
|
}
|
|
95
104
|
},
|
|
105
|
+
radioConfig: {
|
|
106
|
+
type: Object,
|
|
107
|
+
default: function _default5() {
|
|
108
|
+
return {
|
|
109
|
+
checkMethod: function checkMethod() {
|
|
110
|
+
return true;
|
|
111
|
+
}
|
|
112
|
+
};
|
|
113
|
+
}
|
|
114
|
+
},
|
|
115
|
+
// 字段映射
|
|
96
116
|
textField: {
|
|
97
117
|
type: String,
|
|
98
118
|
default: "label"
|
|
@@ -100,79 +120,30 @@ var __vue2_script = defineComponent({
|
|
|
100
120
|
valueField: {
|
|
101
121
|
type: String,
|
|
102
122
|
default: "value"
|
|
123
|
+
},
|
|
124
|
+
// 多选相关
|
|
125
|
+
multipleLimit: {
|
|
126
|
+
type: Number,
|
|
127
|
+
default: 0
|
|
103
128
|
}
|
|
104
|
-
},
|
|
105
|
-
setup: function setup
|
|
106
|
-
return setup({
|
|
129
|
+
}),
|
|
130
|
+
setup: function setup(props, context) {
|
|
131
|
+
return $setup({
|
|
107
132
|
props,
|
|
108
133
|
context,
|
|
109
|
-
|
|
110
|
-
api
|
|
134
|
+
template
|
|
111
135
|
});
|
|
112
136
|
}
|
|
113
137
|
});
|
|
114
|
-
var render = function render2() {
|
|
115
|
-
var _vm = this;
|
|
116
|
-
var _h = _vm.$createElement;
|
|
117
|
-
var _c = _vm._self._c || _h;
|
|
118
|
-
return _c("tiny-base-select", {
|
|
119
|
-
ref: "baseSelectRef",
|
|
120
|
-
staticClass: "tiny-grid-select",
|
|
121
|
-
attrs: {
|
|
122
|
-
"multiple": _vm.multiple,
|
|
123
|
-
"filterable": _vm.filterable,
|
|
124
|
-
"filter-method": _vm.filter
|
|
125
|
-
},
|
|
126
|
-
scopedSlots: _vm._u([{
|
|
127
|
-
key: "panel",
|
|
128
|
-
fn: function fn() {
|
|
129
|
-
return [_c("tiny-grid", _vm._b({
|
|
130
|
-
ref: "gridRef",
|
|
131
|
-
attrs: {
|
|
132
|
-
"auto-resize": "",
|
|
133
|
-
"row-id": _vm.valueField,
|
|
134
|
-
"select-config": _vm.buildSelectConfig(),
|
|
135
|
-
"radio-config": _vm.buildRadioConfig(),
|
|
136
|
-
"highlight-current-row": true,
|
|
137
|
-
"columns": _vm.state.gridData.columns,
|
|
138
|
-
"data": _vm.state.gridData
|
|
139
|
-
},
|
|
140
|
-
on: {
|
|
141
|
-
"select-all": _vm.selectChange,
|
|
142
|
-
"select-change": _vm.selectChange,
|
|
143
|
-
"radio-change": _vm.radioChange,
|
|
144
|
-
"mousedown": function mousedown($event) {
|
|
145
|
-
$event.stopPropagation();
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
}, "tiny-grid", _vm.gridOp, false))];
|
|
149
|
-
},
|
|
150
|
-
proxy: true
|
|
151
|
-
}]),
|
|
152
|
-
model: {
|
|
153
|
-
value: _vm.state.value,
|
|
154
|
-
callback: function callback($$v) {
|
|
155
|
-
_vm.$set(_vm.state, "value", $$v);
|
|
156
|
-
},
|
|
157
|
-
expression: "state.value"
|
|
158
|
-
}
|
|
159
|
-
});
|
|
160
|
-
};
|
|
161
|
-
var staticRenderFns = [];
|
|
162
|
-
var __cssModules = {};
|
|
163
|
-
var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles);
|
|
164
|
-
function __vue2_injectStyles(context) {
|
|
165
|
-
for (var o in __cssModules) {
|
|
166
|
-
this[o] = __cssModules[o];
|
|
167
|
-
}
|
|
168
|
-
}
|
|
169
|
-
var GridSelect = /* @__PURE__ */ (function() {
|
|
170
|
-
return __component__.exports;
|
|
171
|
-
})();
|
|
172
138
|
var version = "2.undefined";
|
|
139
|
+
GridSelect.model = {
|
|
140
|
+
prop: "modelValue",
|
|
141
|
+
event: "update:modelValue"
|
|
142
|
+
};
|
|
173
143
|
GridSelect.install = function(Vue) {
|
|
174
144
|
Vue.component(GridSelect.name, GridSelect);
|
|
175
145
|
};
|
|
176
146
|
GridSelect.version = version;
|
|
177
|
-
|
|
178
|
-
|
|
147
|
+
export {
|
|
148
|
+
GridSelect as default
|
|
149
|
+
};
|
|
@@ -0,0 +1,250 @@
|
|
|
1
|
+
import { defineComponent, $prefix, props, setup } from '@opentinyvue/vue-common';
|
|
2
|
+
import { renderless, api } from '@opentinyvue/vue-renderless/grid-select/vue';
|
|
3
|
+
import Grid from '@opentinyvue/vue-grid';
|
|
4
|
+
import BaseSelect from '@opentinyvue/vue-base-select';
|
|
5
|
+
|
|
6
|
+
function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
|
|
7
|
+
var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
|
|
8
|
+
if (render) {
|
|
9
|
+
options.render = render;
|
|
10
|
+
options.staticRenderFns = staticRenderFns;
|
|
11
|
+
options._compiled = true;
|
|
12
|
+
}
|
|
13
|
+
var hook;
|
|
14
|
+
if (injectStyles) {
|
|
15
|
+
hook = injectStyles;
|
|
16
|
+
}
|
|
17
|
+
if (hook) {
|
|
18
|
+
if (options.functional) {
|
|
19
|
+
options._injectStyles = hook;
|
|
20
|
+
var originalRender = options.render;
|
|
21
|
+
options.render = function renderWithStyleInjection(h, context) {
|
|
22
|
+
hook.call(context);
|
|
23
|
+
return originalRender(h, context);
|
|
24
|
+
};
|
|
25
|
+
} else {
|
|
26
|
+
var existing = options.beforeCreate;
|
|
27
|
+
options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
return {
|
|
31
|
+
exports: scriptExports,
|
|
32
|
+
options
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
function _extends() {
|
|
37
|
+
return _extends = Object.assign ? Object.assign.bind() : function(n) {
|
|
38
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
39
|
+
var t = arguments[e];
|
|
40
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
41
|
+
}
|
|
42
|
+
return n;
|
|
43
|
+
}, _extends.apply(null, arguments);
|
|
44
|
+
}
|
|
45
|
+
var __vue2_script = defineComponent({
|
|
46
|
+
name: $prefix + "GridSelect",
|
|
47
|
+
components: {
|
|
48
|
+
TinyGrid: Grid,
|
|
49
|
+
TinyBaseSelect: BaseSelect
|
|
50
|
+
},
|
|
51
|
+
props: _extends({}, props, {
|
|
52
|
+
// 基础 props
|
|
53
|
+
clearable: Boolean,
|
|
54
|
+
disabled: Boolean,
|
|
55
|
+
size: String,
|
|
56
|
+
placeholder: String,
|
|
57
|
+
readonly: Boolean,
|
|
58
|
+
modelValue: {},
|
|
59
|
+
multiple: Boolean,
|
|
60
|
+
// 弹框相关
|
|
61
|
+
popperClass: String,
|
|
62
|
+
popperAppendToBody: {
|
|
63
|
+
type: Boolean,
|
|
64
|
+
default: true
|
|
65
|
+
},
|
|
66
|
+
placement: {
|
|
67
|
+
type: String,
|
|
68
|
+
default: "bottom-start"
|
|
69
|
+
},
|
|
70
|
+
dropStyle: {
|
|
71
|
+
type: Object,
|
|
72
|
+
default: function _default() {
|
|
73
|
+
return {};
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
// 标签相关
|
|
77
|
+
collapseTags: Boolean,
|
|
78
|
+
copyable: Boolean,
|
|
79
|
+
textSplit: {
|
|
80
|
+
type: String,
|
|
81
|
+
default: ","
|
|
82
|
+
},
|
|
83
|
+
hoverExpand: Boolean,
|
|
84
|
+
clickExpand: Boolean,
|
|
85
|
+
showTips: {
|
|
86
|
+
type: Boolean,
|
|
87
|
+
default: true
|
|
88
|
+
},
|
|
89
|
+
// 搜索和过滤
|
|
90
|
+
filterable: Boolean,
|
|
91
|
+
filterMethod: Function,
|
|
92
|
+
searchable: Boolean,
|
|
93
|
+
// 远程搜索
|
|
94
|
+
remote: Boolean,
|
|
95
|
+
remoteMethod: Function,
|
|
96
|
+
remoteConfig: {
|
|
97
|
+
type: Object,
|
|
98
|
+
default: function _default2() {
|
|
99
|
+
return {
|
|
100
|
+
showIcon: false,
|
|
101
|
+
clearData: false,
|
|
102
|
+
autoSearch: false
|
|
103
|
+
};
|
|
104
|
+
}
|
|
105
|
+
},
|
|
106
|
+
reserveKeyword: Boolean,
|
|
107
|
+
extraQueryParams: {
|
|
108
|
+
type: [Object, String, Boolean, Array, Number],
|
|
109
|
+
default: ""
|
|
110
|
+
},
|
|
111
|
+
initQuery: Function,
|
|
112
|
+
// 表格配置
|
|
113
|
+
gridOp: {
|
|
114
|
+
type: Object,
|
|
115
|
+
default: function _default3() {
|
|
116
|
+
return {};
|
|
117
|
+
}
|
|
118
|
+
},
|
|
119
|
+
selectConfig: {
|
|
120
|
+
type: Object,
|
|
121
|
+
default: function _default4() {
|
|
122
|
+
return {
|
|
123
|
+
checkMethod: function checkMethod() {
|
|
124
|
+
return true;
|
|
125
|
+
}
|
|
126
|
+
};
|
|
127
|
+
}
|
|
128
|
+
},
|
|
129
|
+
radioConfig: {
|
|
130
|
+
type: Object,
|
|
131
|
+
default: function _default5() {
|
|
132
|
+
return {
|
|
133
|
+
checkMethod: function checkMethod() {
|
|
134
|
+
return true;
|
|
135
|
+
}
|
|
136
|
+
};
|
|
137
|
+
}
|
|
138
|
+
},
|
|
139
|
+
// 字段映射
|
|
140
|
+
textField: {
|
|
141
|
+
type: String,
|
|
142
|
+
default: "label"
|
|
143
|
+
},
|
|
144
|
+
valueField: {
|
|
145
|
+
type: String,
|
|
146
|
+
default: "value"
|
|
147
|
+
},
|
|
148
|
+
// 多选相关
|
|
149
|
+
multipleLimit: {
|
|
150
|
+
type: Number,
|
|
151
|
+
default: 0
|
|
152
|
+
}
|
|
153
|
+
}),
|
|
154
|
+
setup: function setup$1(props2, context) {
|
|
155
|
+
return setup({
|
|
156
|
+
props: props2,
|
|
157
|
+
context,
|
|
158
|
+
renderless,
|
|
159
|
+
api
|
|
160
|
+
});
|
|
161
|
+
}
|
|
162
|
+
});
|
|
163
|
+
var render = function render2() {
|
|
164
|
+
var _vm = this;
|
|
165
|
+
var _h = _vm.$createElement;
|
|
166
|
+
var _c = _vm._self._c || _h;
|
|
167
|
+
return _c("tiny-base-select", {
|
|
168
|
+
ref: "baseSelectRef",
|
|
169
|
+
attrs: {
|
|
170
|
+
"data-tag": "tiny-grid-select",
|
|
171
|
+
"clearable": _vm.clearable,
|
|
172
|
+
"multiple": _vm.multiple,
|
|
173
|
+
"filterable": _vm.filterable,
|
|
174
|
+
"filter-method": _vm.filter,
|
|
175
|
+
"text-field": _vm.textField,
|
|
176
|
+
"value-field": _vm.valueField,
|
|
177
|
+
"size": _vm.size,
|
|
178
|
+
"disabled": _vm.disabled,
|
|
179
|
+
"placeholder": _vm.placeholder,
|
|
180
|
+
"readonly": _vm.readonly,
|
|
181
|
+
"popper-class": _vm.popperClass,
|
|
182
|
+
"popper-append-to-body": _vm.popperAppendToBody,
|
|
183
|
+
"placement": _vm.placement,
|
|
184
|
+
"drop-style": _vm.dropStyle,
|
|
185
|
+
"hover-expand": _vm.hoverExpand,
|
|
186
|
+
"click-expand": _vm.clickExpand,
|
|
187
|
+
"collapse-tags": _vm.collapseTags,
|
|
188
|
+
"copyable": _vm.copyable,
|
|
189
|
+
"text-split": _vm.textSplit,
|
|
190
|
+
"show-tips": _vm.showTips,
|
|
191
|
+
"searchable": _vm.searchable,
|
|
192
|
+
"multiple-limit": _vm.multipleLimit,
|
|
193
|
+
"remote": _vm.remote,
|
|
194
|
+
"remote-method": _vm.remoteMethod,
|
|
195
|
+
"init-query": _vm.initQuery,
|
|
196
|
+
"extra-query-params": _vm.extraQueryParams,
|
|
197
|
+
"remote-config": _vm.remoteConfig
|
|
198
|
+
},
|
|
199
|
+
on: {
|
|
200
|
+
"visible-change": _vm.handleVisibleChange
|
|
201
|
+
},
|
|
202
|
+
scopedSlots: _vm._u([{
|
|
203
|
+
key: "panel",
|
|
204
|
+
fn: function fn() {
|
|
205
|
+
var _vm$gridOp, _vm$state$gridData;
|
|
206
|
+
return [_c("tiny-grid", _vm._b({
|
|
207
|
+
ref: "gridRef",
|
|
208
|
+
attrs: {
|
|
209
|
+
"auto-resize": "",
|
|
210
|
+
"row-id": _vm.valueField,
|
|
211
|
+
"select-config": _vm.buildSelectConfig(),
|
|
212
|
+
"radio-config": _vm.buildRadioConfig(),
|
|
213
|
+
"highlight-current-row": true,
|
|
214
|
+
"columns": ((_vm$gridOp = _vm.gridOp) === null || _vm$gridOp === void 0 ? void 0 : _vm$gridOp.columns) || [],
|
|
215
|
+
"data": Array.isArray(_vm.state.gridData) ? _vm.state.gridData : ((_vm$state$gridData = _vm.state.gridData) === null || _vm$state$gridData === void 0 ? void 0 : _vm$state$gridData.data) || _vm.state.gridData || []
|
|
216
|
+
},
|
|
217
|
+
on: {
|
|
218
|
+
"select-all": _vm.selectChange,
|
|
219
|
+
"select-change": _vm.selectChange,
|
|
220
|
+
"radio-change": _vm.radioChange,
|
|
221
|
+
"mousedown": function mousedown($event) {
|
|
222
|
+
$event.stopPropagation();
|
|
223
|
+
}
|
|
224
|
+
}
|
|
225
|
+
}, "tiny-grid", _vm.gridOp, false))];
|
|
226
|
+
},
|
|
227
|
+
proxy: true
|
|
228
|
+
}]),
|
|
229
|
+
model: {
|
|
230
|
+
value: _vm.state.modelValue,
|
|
231
|
+
callback: function callback($$v) {
|
|
232
|
+
_vm.$set(_vm.state, "modelValue", $$v);
|
|
233
|
+
},
|
|
234
|
+
expression: "state.modelValue"
|
|
235
|
+
}
|
|
236
|
+
});
|
|
237
|
+
};
|
|
238
|
+
var staticRenderFns = [];
|
|
239
|
+
var __cssModules = {};
|
|
240
|
+
var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles);
|
|
241
|
+
function __vue2_injectStyles(context) {
|
|
242
|
+
for (var o in __cssModules) {
|
|
243
|
+
this[o] = __cssModules[o];
|
|
244
|
+
}
|
|
245
|
+
}
|
|
246
|
+
var mobileFirst = /* @__PURE__ */ (function() {
|
|
247
|
+
return __component__.exports;
|
|
248
|
+
})();
|
|
249
|
+
|
|
250
|
+
export { mobileFirst as default };
|
package/lib/pc.js
ADDED
|
@@ -0,0 +1,250 @@
|
|
|
1
|
+
import { defineComponent, $prefix, props, setup } from '@opentinyvue/vue-common';
|
|
2
|
+
import { renderless, api } from '@opentinyvue/vue-renderless/grid-select/vue';
|
|
3
|
+
import Grid from '@opentinyvue/vue-grid';
|
|
4
|
+
import BaseSelect from '@opentinyvue/vue-base-select';
|
|
5
|
+
|
|
6
|
+
function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
|
|
7
|
+
var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
|
|
8
|
+
if (render) {
|
|
9
|
+
options.render = render;
|
|
10
|
+
options.staticRenderFns = staticRenderFns;
|
|
11
|
+
options._compiled = true;
|
|
12
|
+
}
|
|
13
|
+
var hook;
|
|
14
|
+
if (injectStyles) {
|
|
15
|
+
hook = injectStyles;
|
|
16
|
+
}
|
|
17
|
+
if (hook) {
|
|
18
|
+
if (options.functional) {
|
|
19
|
+
options._injectStyles = hook;
|
|
20
|
+
var originalRender = options.render;
|
|
21
|
+
options.render = function renderWithStyleInjection(h, context) {
|
|
22
|
+
hook.call(context);
|
|
23
|
+
return originalRender(h, context);
|
|
24
|
+
};
|
|
25
|
+
} else {
|
|
26
|
+
var existing = options.beforeCreate;
|
|
27
|
+
options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
return {
|
|
31
|
+
exports: scriptExports,
|
|
32
|
+
options
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
function _extends() {
|
|
37
|
+
return _extends = Object.assign ? Object.assign.bind() : function(n) {
|
|
38
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
39
|
+
var t = arguments[e];
|
|
40
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
41
|
+
}
|
|
42
|
+
return n;
|
|
43
|
+
}, _extends.apply(null, arguments);
|
|
44
|
+
}
|
|
45
|
+
var __vue2_script = defineComponent({
|
|
46
|
+
name: $prefix + "GridSelect",
|
|
47
|
+
components: {
|
|
48
|
+
TinyGrid: Grid,
|
|
49
|
+
TinyBaseSelect: BaseSelect
|
|
50
|
+
},
|
|
51
|
+
props: _extends({}, props, {
|
|
52
|
+
// 基础 props
|
|
53
|
+
clearable: Boolean,
|
|
54
|
+
disabled: Boolean,
|
|
55
|
+
size: String,
|
|
56
|
+
placeholder: String,
|
|
57
|
+
readonly: Boolean,
|
|
58
|
+
modelValue: {},
|
|
59
|
+
multiple: Boolean,
|
|
60
|
+
// 弹框相关
|
|
61
|
+
popperClass: String,
|
|
62
|
+
popperAppendToBody: {
|
|
63
|
+
type: Boolean,
|
|
64
|
+
default: true
|
|
65
|
+
},
|
|
66
|
+
placement: {
|
|
67
|
+
type: String,
|
|
68
|
+
default: "bottom-start"
|
|
69
|
+
},
|
|
70
|
+
dropStyle: {
|
|
71
|
+
type: Object,
|
|
72
|
+
default: function _default() {
|
|
73
|
+
return {};
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
// 标签相关
|
|
77
|
+
collapseTags: Boolean,
|
|
78
|
+
copyable: Boolean,
|
|
79
|
+
textSplit: {
|
|
80
|
+
type: String,
|
|
81
|
+
default: ","
|
|
82
|
+
},
|
|
83
|
+
hoverExpand: Boolean,
|
|
84
|
+
clickExpand: Boolean,
|
|
85
|
+
showTips: {
|
|
86
|
+
type: Boolean,
|
|
87
|
+
default: true
|
|
88
|
+
},
|
|
89
|
+
// 搜索和过滤
|
|
90
|
+
filterable: Boolean,
|
|
91
|
+
filterMethod: Function,
|
|
92
|
+
searchable: Boolean,
|
|
93
|
+
// 远程搜索
|
|
94
|
+
remote: Boolean,
|
|
95
|
+
remoteMethod: Function,
|
|
96
|
+
remoteConfig: {
|
|
97
|
+
type: Object,
|
|
98
|
+
default: function _default2() {
|
|
99
|
+
return {
|
|
100
|
+
showIcon: false,
|
|
101
|
+
clearData: false,
|
|
102
|
+
autoSearch: false
|
|
103
|
+
};
|
|
104
|
+
}
|
|
105
|
+
},
|
|
106
|
+
reserveKeyword: Boolean,
|
|
107
|
+
extraQueryParams: {
|
|
108
|
+
type: [Object, String, Boolean, Array, Number],
|
|
109
|
+
default: ""
|
|
110
|
+
},
|
|
111
|
+
initQuery: Function,
|
|
112
|
+
// 表格配置
|
|
113
|
+
gridOp: {
|
|
114
|
+
type: Object,
|
|
115
|
+
default: function _default3() {
|
|
116
|
+
return {};
|
|
117
|
+
}
|
|
118
|
+
},
|
|
119
|
+
selectConfig: {
|
|
120
|
+
type: Object,
|
|
121
|
+
default: function _default4() {
|
|
122
|
+
return {
|
|
123
|
+
checkMethod: function checkMethod() {
|
|
124
|
+
return true;
|
|
125
|
+
}
|
|
126
|
+
};
|
|
127
|
+
}
|
|
128
|
+
},
|
|
129
|
+
radioConfig: {
|
|
130
|
+
type: Object,
|
|
131
|
+
default: function _default5() {
|
|
132
|
+
return {
|
|
133
|
+
checkMethod: function checkMethod() {
|
|
134
|
+
return true;
|
|
135
|
+
}
|
|
136
|
+
};
|
|
137
|
+
}
|
|
138
|
+
},
|
|
139
|
+
// 字段映射
|
|
140
|
+
textField: {
|
|
141
|
+
type: String,
|
|
142
|
+
default: "label"
|
|
143
|
+
},
|
|
144
|
+
valueField: {
|
|
145
|
+
type: String,
|
|
146
|
+
default: "value"
|
|
147
|
+
},
|
|
148
|
+
// 多选相关
|
|
149
|
+
multipleLimit: {
|
|
150
|
+
type: Number,
|
|
151
|
+
default: 0
|
|
152
|
+
}
|
|
153
|
+
}),
|
|
154
|
+
setup: function setup$1(props2, context) {
|
|
155
|
+
return setup({
|
|
156
|
+
props: props2,
|
|
157
|
+
context,
|
|
158
|
+
renderless,
|
|
159
|
+
api
|
|
160
|
+
});
|
|
161
|
+
}
|
|
162
|
+
});
|
|
163
|
+
var render = function render2() {
|
|
164
|
+
var _vm = this;
|
|
165
|
+
var _h = _vm.$createElement;
|
|
166
|
+
var _c = _vm._self._c || _h;
|
|
167
|
+
return _c("tiny-base-select", {
|
|
168
|
+
ref: "baseSelectRef",
|
|
169
|
+
staticClass: "tiny-grid-select",
|
|
170
|
+
attrs: {
|
|
171
|
+
"clearable": _vm.clearable,
|
|
172
|
+
"multiple": _vm.multiple,
|
|
173
|
+
"filterable": _vm.filterable,
|
|
174
|
+
"filter-method": _vm.filter,
|
|
175
|
+
"text-field": _vm.textField,
|
|
176
|
+
"value-field": _vm.valueField,
|
|
177
|
+
"size": _vm.size,
|
|
178
|
+
"disabled": _vm.disabled,
|
|
179
|
+
"placeholder": _vm.placeholder,
|
|
180
|
+
"readonly": _vm.readonly,
|
|
181
|
+
"popper-class": _vm.popperClass,
|
|
182
|
+
"popper-append-to-body": _vm.popperAppendToBody,
|
|
183
|
+
"placement": _vm.placement,
|
|
184
|
+
"drop-style": _vm.dropStyle,
|
|
185
|
+
"hover-expand": _vm.hoverExpand,
|
|
186
|
+
"click-expand": _vm.clickExpand,
|
|
187
|
+
"collapse-tags": _vm.collapseTags,
|
|
188
|
+
"copyable": _vm.copyable,
|
|
189
|
+
"text-split": _vm.textSplit,
|
|
190
|
+
"show-tips": _vm.showTips,
|
|
191
|
+
"searchable": _vm.searchable,
|
|
192
|
+
"multiple-limit": _vm.multipleLimit,
|
|
193
|
+
"remote": _vm.remote,
|
|
194
|
+
"remote-method": _vm.remoteMethod,
|
|
195
|
+
"init-query": _vm.initQuery,
|
|
196
|
+
"extra-query-params": _vm.extraQueryParams,
|
|
197
|
+
"remote-config": _vm.remoteConfig
|
|
198
|
+
},
|
|
199
|
+
on: {
|
|
200
|
+
"visible-change": _vm.handleVisibleChange
|
|
201
|
+
},
|
|
202
|
+
scopedSlots: _vm._u([{
|
|
203
|
+
key: "panel",
|
|
204
|
+
fn: function fn() {
|
|
205
|
+
var _vm$gridOp, _vm$state$gridData;
|
|
206
|
+
return [_c("tiny-grid", _vm._b({
|
|
207
|
+
ref: "gridRef",
|
|
208
|
+
attrs: {
|
|
209
|
+
"auto-resize": "",
|
|
210
|
+
"row-id": _vm.valueField,
|
|
211
|
+
"select-config": _vm.buildSelectConfig(),
|
|
212
|
+
"radio-config": _vm.buildRadioConfig(),
|
|
213
|
+
"highlight-current-row": true,
|
|
214
|
+
"columns": ((_vm$gridOp = _vm.gridOp) === null || _vm$gridOp === void 0 ? void 0 : _vm$gridOp.columns) || [],
|
|
215
|
+
"data": Array.isArray(_vm.state.gridData) ? _vm.state.gridData : ((_vm$state$gridData = _vm.state.gridData) === null || _vm$state$gridData === void 0 ? void 0 : _vm$state$gridData.data) || _vm.state.gridData || []
|
|
216
|
+
},
|
|
217
|
+
on: {
|
|
218
|
+
"select-all": _vm.selectChange,
|
|
219
|
+
"select-change": _vm.selectChange,
|
|
220
|
+
"radio-change": _vm.radioChange,
|
|
221
|
+
"mousedown": function mousedown($event) {
|
|
222
|
+
$event.stopPropagation();
|
|
223
|
+
}
|
|
224
|
+
}
|
|
225
|
+
}, "tiny-grid", _vm.gridOp, false))];
|
|
226
|
+
},
|
|
227
|
+
proxy: true
|
|
228
|
+
}]),
|
|
229
|
+
model: {
|
|
230
|
+
value: _vm.state.modelValue,
|
|
231
|
+
callback: function callback($$v) {
|
|
232
|
+
_vm.$set(_vm.state, "modelValue", $$v);
|
|
233
|
+
},
|
|
234
|
+
expression: "state.modelValue"
|
|
235
|
+
}
|
|
236
|
+
});
|
|
237
|
+
};
|
|
238
|
+
var staticRenderFns = [];
|
|
239
|
+
var __cssModules = {};
|
|
240
|
+
var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles);
|
|
241
|
+
function __vue2_injectStyles(context) {
|
|
242
|
+
for (var o in __cssModules) {
|
|
243
|
+
this[o] = __cssModules[o];
|
|
244
|
+
}
|
|
245
|
+
}
|
|
246
|
+
var pc = /* @__PURE__ */ (function() {
|
|
247
|
+
return __component__.exports;
|
|
248
|
+
})();
|
|
249
|
+
|
|
250
|
+
export { pc as default };
|
package/package.json
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opentinyvue/vue-grid-select",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "2.
|
|
4
|
+
"version": "2.28.0",
|
|
5
5
|
"description": "",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"sideEffects": false,
|
|
8
8
|
"main": "./lib/index.js",
|
|
9
9
|
"module": "./lib/index.js",
|
|
10
10
|
"dependencies": {
|
|
11
|
-
"@opentinyvue/vue-base-select": "~2.
|
|
12
|
-
"@opentinyvue/vue-common": "~2.
|
|
13
|
-
"@opentinyvue/vue-grid": "~2.
|
|
14
|
-
"@opentinyvue/vue-renderless": "~3.
|
|
11
|
+
"@opentinyvue/vue-base-select": "~2.28.0",
|
|
12
|
+
"@opentinyvue/vue-common": "~2.28.0",
|
|
13
|
+
"@opentinyvue/vue-grid": "~2.28.0",
|
|
14
|
+
"@opentinyvue/vue-renderless": "~3.28.0"
|
|
15
15
|
},
|
|
16
16
|
"types": "index.d.ts",
|
|
17
17
|
"scripts": {
|
package/src/index.d.ts
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2022 - present TinyVue Authors.
|
|
3
|
+
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license.
|
|
6
|
+
*
|
|
7
|
+
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
|
8
|
+
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
|
9
|
+
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
|
10
|
+
*
|
|
11
|
+
*/
|
|
12
|
+
declare const _default: any;
|
|
13
|
+
export default _default;
|