@opentinyvue/vue-dialog-select 2.22.0 → 3.22.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.
Files changed (5) hide show
  1. package/lib/index.js +1 -1
  2. package/lib/pc.js +327 -287
  3. package/package.json +11 -11
  4. package/src/index.d.ts +1 -1
  5. package/src/pc.vue.d.ts +98 -1
package/lib/index.js CHANGED
@@ -114,7 +114,7 @@ var DialogSelect = defineComponent({
114
114
  });
115
115
  }
116
116
  });
117
- var version = "2.22.0";
117
+ var version = "3.22.0";
118
118
  DialogSelect.install = function(Vue) {
119
119
  Vue.component(DialogSelect.name, DialogSelect);
120
120
  };
package/lib/pc.js CHANGED
@@ -10,38 +10,42 @@ import Input from '@opentinyvue/vue-input';
10
10
  import Tree from '@opentinyvue/vue-tree';
11
11
  import { iconSearch } from '@opentinyvue/vue-icon';
12
12
  import '@opentinyvue/vue-theme/dialog-select/index.css';
13
+ import { resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, createElementVNode, createCommentVNode, createVNode, createTextVNode, toDisplayString, createElementBlock, normalizeStyle, normalizeProps, guardReactiveProps } from 'vue';
13
14
 
14
- function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
15
- var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
16
- if (render) {
17
- options.render = render;
18
- options.staticRenderFns = staticRenderFns;
19
- options._compiled = true;
15
+ function _createForOfIteratorHelperLoose(r, e) {
16
+ var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
17
+ if (t) return (t = t.call(r)).next.bind(t);
18
+ if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
19
+ t && (r = t);
20
+ var o = 0;
21
+ return function() {
22
+ return o >= r.length ? { done: true } : { done: false, value: r[o++] };
23
+ };
20
24
  }
21
- var hook;
22
- if (injectStyles) {
23
- hook = injectStyles;
24
- }
25
- if (hook) {
26
- if (options.functional) {
27
- options._injectStyles = hook;
28
- var originalRender = options.render;
29
- options.render = function renderWithStyleInjection(h, context) {
30
- hook.call(context);
31
- return originalRender(h, context);
32
- };
33
- } else {
34
- var existing = options.beforeCreate;
35
- options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
36
- }
25
+ throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
26
+ }
27
+ function _unsupportedIterableToArray(r, a) {
28
+ if (r) {
29
+ if ("string" == typeof r) return _arrayLikeToArray(r, a);
30
+ var t = {}.toString.call(r).slice(8, -1);
31
+ return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
37
32
  }
38
- return {
39
- exports: scriptExports,
40
- options
41
- };
42
33
  }
34
+ function _arrayLikeToArray(r, a) {
35
+ (null == a || a > r.length) && (a = r.length);
36
+ for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
37
+ return n;
38
+ }
39
+ var _export_sfc = function _export_sfc2(sfc, props) {
40
+ var target = sfc.__vccOpts || sfc;
41
+ for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
42
+ var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
43
+ target[key] = val;
44
+ }
45
+ return target;
46
+ };
43
47
 
44
- var __vue2_script = defineComponent({
48
+ var _sfc_main = defineComponent({
45
49
  emits: [
46
50
  "open",
47
51
  "close",
@@ -81,273 +85,309 @@ var __vue2_script = defineComponent({
81
85
  });
82
86
  }
83
87
  });
84
- var render = function render2() {
85
- var _vm = this;
86
- var _h = _vm.$createElement;
87
- var _c = _vm._self._c || _h;
88
- return _c("tiny-dialog-box", _vm._b({
88
+ var _hoisted_1 = {
89
+ class: "tiny-dialog-select__body"
90
+ };
91
+ var _hoisted_2 = {
92
+ key: 0,
93
+ class: "tiny-dialog-select__body-search"
94
+ };
95
+ var _hoisted_3 = {
96
+ class: "tiny-dialog-select__body-selector"
97
+ };
98
+ var _hoisted_4 = {
99
+ class: "tiny-dialog-select__footer"
100
+ };
101
+ var _hoisted_5 = {
102
+ class: "tiny-dialog-select__footer-pager"
103
+ };
104
+ var _hoisted_6 = {
105
+ class: "tiny-dialog-select__footer-buttons"
106
+ };
107
+ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
108
+ var _component_tiny_grid = resolveComponent("tiny-grid");
109
+ var _component_tiny_icon_search = resolveComponent("tiny-icon-search");
110
+ var _component_tiny_input = resolveComponent("tiny-input");
111
+ var _component_tiny_tree = resolveComponent("tiny-tree");
112
+ var _component_tiny_selected_box = resolveComponent("tiny-selected-box");
113
+ var _component_tiny_split = resolveComponent("tiny-split");
114
+ var _component_tiny_pager = resolveComponent("tiny-pager");
115
+ var _component_tiny_button = resolveComponent("tiny-button");
116
+ var _component_tiny_dialog_box = resolveComponent("tiny-dialog-box");
117
+ return openBlock(), createBlock(_component_tiny_dialog_box, mergeProps({
89
118
  class: ["tiny-dialog-select", {
90
- "radio-check": !_vm.multi
119
+ "radio-check": !_ctx.multi
91
120
  }, {
92
- "is-grid": _vm.popseletor === "grid"
121
+ "is-grid": _ctx.popseletor === "grid"
93
122
  }, {
94
- "is-tree": _vm.popseletor === "tree"
123
+ "is-tree": _ctx.popseletor === "tree"
95
124
  }],
96
- attrs: {
97
- "visible": _vm.visible,
98
- "modal": "",
99
- "draggable": "",
100
- "append-to-body": "",
101
- "modal-append-to-body": "",
102
- "close-on-press-escape": false,
103
- "close-on-click-modal": false
104
- },
105
- on: {
106
- "update:visible": function updateVisible($event) {
107
- return _vm.$emit("update:visible", $event);
108
- },
109
- "open": function open($event) {
110
- return _vm.$emit("open", $event);
111
- },
112
- "close": function close($event) {
113
- return _vm.$emit("close", $event);
114
- },
115
- "opened": function opened($event) {
116
- return _vm.$emit("opened", $event);
117
- },
118
- "closed": function closed($event) {
119
- return _vm.$emit("closed", $event);
120
- },
121
- "drag-start": function dragStart($event) {
122
- return _vm.$emit("drag-start", $event);
123
- },
124
- "drag-end": function dragEnd($event) {
125
- return _vm.$emit("drag-end", $event);
126
- },
127
- "drag-move": function dragMove($event) {
128
- return _vm.$emit("drag-move", $event);
129
- },
130
- "resize": function resize($event) {
131
- return _vm.$emit("resize", $event);
132
- }
133
- },
134
- scopedSlots: _vm._u([_vm.slots.title ? {
135
- key: "title",
136
- fn: function fn(params) {
137
- return [_vm._t("title", null, null, params)];
138
- }
139
- } : null, {
140
- key: "footer",
141
- fn: function fn(params) {
142
- return [_vm._t("footer", function() {
143
- return [_c("div", {
144
- staticClass: "tiny-dialog-select__footer"
145
- }, [_c("div", {
146
- staticClass: "tiny-dialog-select__footer-pager"
147
- }, [_vm.popseletor === "grid" && _vm.showPager ? _c("tiny-pager", _vm._b({
148
- ref: "pager",
149
- attrs: {
150
- "pager-count": 7
151
- },
152
- on: {
153
- "size-change": function sizeChange($event) {
154
- return _vm.$emit("size-change", $event);
155
- },
156
- "current-change": function currentChange($event) {
157
- return _vm.$emit("current-change", $event);
158
- },
159
- "prev-click": function prevClick($event) {
160
- return _vm.$emit("prev-click", $event);
161
- },
162
- "next-click": function nextClick($event) {
163
- return _vm.$emit("next-click", $event);
164
- },
165
- "before-page-change": function beforePageChange($event) {
166
- return _vm.$emit("before-page-change", $event);
167
- }
168
- }
169
- }, "tiny-pager", _vm.pagerOp, false)) : _vm._e()], 1), _c("div", {
170
- staticClass: "tiny-dialog-select__footer-buttons"
171
- }, [_vm._t("footer-buttons", function() {
172
- return [_c("tiny-button", {
173
- on: {
174
- "click": _vm.onFooterCancel
175
- }
176
- }, [_vm._v(_vm._s(_vm.t("ui.button.cancel")))]), _c("tiny-button", {
177
- attrs: {
178
- "type": "primary"
179
- },
180
- on: {
181
- "click": _vm.onFooterConfirm
182
- }
183
- }, [_vm._v(_vm._s(_vm.t("ui.button.confirm")))])];
125
+ visible: _ctx.visible,
126
+ "onUpdate:visible": _cache[7] || (_cache[7] = function($event) {
127
+ return _ctx.$emit("update:visible", $event);
128
+ }),
129
+ modal: "",
130
+ draggable: "",
131
+ "append-to-body": "",
132
+ "modal-append-to-body": "",
133
+ "close-on-press-escape": false,
134
+ "close-on-click-modal": false
135
+ }, _ctx.dialogOp, {
136
+ onOpen: _cache[8] || (_cache[8] = function($event) {
137
+ return _ctx.$emit("open", $event);
138
+ }),
139
+ onClose: _cache[9] || (_cache[9] = function($event) {
140
+ return _ctx.$emit("close", $event);
141
+ }),
142
+ onOpened: _cache[10] || (_cache[10] = function($event) {
143
+ return _ctx.$emit("opened", $event);
144
+ }),
145
+ onClosed: _cache[11] || (_cache[11] = function($event) {
146
+ return _ctx.$emit("closed", $event);
147
+ }),
148
+ onDragStart: _cache[12] || (_cache[12] = function($event) {
149
+ return _ctx.$emit("drag-start", $event);
150
+ }),
151
+ onDragEnd: _cache[13] || (_cache[13] = function($event) {
152
+ return _ctx.$emit("drag-end", $event);
153
+ }),
154
+ onDragMove: _cache[14] || (_cache[14] = function($event) {
155
+ return _ctx.$emit("drag-move", $event);
156
+ }),
157
+ onResize: _cache[15] || (_cache[15] = function($event) {
158
+ return _ctx.$emit("resize", $event);
159
+ })
160
+ }), createSlots({
161
+ footer: withCtx(function(params) {
162
+ return [renderSlot(_ctx.$slots, "footer", mergeProps(params, {
163
+ cancel: _ctx.onFooterCancel,
164
+ confirm: _ctx.onFooterConfirm
165
+ }), function() {
166
+ return [createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [_ctx.popseletor === "grid" && _ctx.showPager ? (openBlock(), createBlock(
167
+ _component_tiny_pager,
168
+ mergeProps({
169
+ key: 0,
170
+ ref: "pager"
171
+ }, _ctx.pagerOp, {
172
+ "pager-count": 7,
173
+ onSizeChange: _cache[2] || (_cache[2] = function($event) {
174
+ return _ctx.$emit("size-change", $event);
175
+ }),
176
+ onCurrentChange: _cache[3] || (_cache[3] = function($event) {
177
+ return _ctx.$emit("current-change", $event);
178
+ }),
179
+ onPrevClick: _cache[4] || (_cache[4] = function($event) {
180
+ return _ctx.$emit("prev-click", $event);
181
+ }),
182
+ onNextClick: _cache[5] || (_cache[5] = function($event) {
183
+ return _ctx.$emit("next-click", $event);
184
+ }),
185
+ onBeforePageChange: _cache[6] || (_cache[6] = function($event) {
186
+ return _ctx.$emit("before-page-change", $event);
187
+ })
188
+ }),
189
+ null,
190
+ 16
191
+ /* FULL_PROPS */
192
+ )) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_6, [renderSlot(_ctx.$slots, "footer-buttons", {
193
+ cancel: _ctx.onFooterCancel,
194
+ confirm: _ctx.onFooterConfirm
195
+ }, function() {
196
+ return [createVNode(_component_tiny_button, {
197
+ onClick: _ctx.onFooterCancel
198
+ }, {
199
+ default: withCtx(function() {
200
+ return [createTextVNode(
201
+ toDisplayString(_ctx.t("ui.button.cancel")),
202
+ 1
203
+ /* TEXT */
204
+ )];
205
+ }),
206
+ _: 1
207
+ /* STABLE */
208
+ }, 8, ["onClick"]), createVNode(_component_tiny_button, {
209
+ onClick: _ctx.onFooterConfirm,
210
+ type: "primary"
184
211
  }, {
185
- "cancel": _vm.onFooterCancel,
186
- "confirm": _vm.onFooterConfirm
187
- })], 2)])];
188
- }, {
189
- "cancel": _vm.onFooterCancel,
190
- "confirm": _vm.onFooterConfirm
191
- }, params)];
192
- }
193
- }], null, true)
194
- }, "tiny-dialog-box", _vm.dialogOp, false), [_c("div", {
195
- staticClass: "tiny-dialog-select__body"
196
- }, [_vm.popseletor === "grid" && _vm.slots.search ? _c("div", {
197
- staticClass: "tiny-dialog-select__body-search"
198
- }, [_vm._t("search")], 2) : _vm._e(), _c("div", {
199
- staticClass: "tiny-dialog-select__body-selector"
200
- }, [_c("tiny-split", {
201
- style: "height:" + _vm.mainHeight + "px",
202
- attrs: {
203
- "trigger-simple": "",
204
- "disabled": !_vm.multi
205
- },
206
- scopedSlots: _vm._u([{
207
- key: "left",
208
- fn: function fn() {
209
- return [_vm.popseletor === "grid" ? _c("div", {
210
- staticClass: "tiny-dialog-select__body-grid",
211
- style: "height:" + _vm.mainHeight + "px"
212
- }, [_vm.visible || _vm.state.multiGridStore.inited ? _c("tiny-grid", _vm._b({
213
- ref: "multiGrid",
214
- attrs: {
215
- "border": _vm.state.isBorder,
216
- "stripe": false,
217
- "auto-resize": "",
218
- "height": _vm.mainHeight + "px",
219
- "loading": _vm.state.multiGridStore.loading,
220
- "row-id": _vm.valueField,
221
- "columns": _vm.state.gridColumns,
222
- "select-config": _vm.state.multiGridStore.selectConfig,
223
- "radio-config": _vm.state.multiGridStore.radioConfig
224
- },
225
- on: {
226
- "select-all": _vm.multiGridSelectAll,
227
- "select-change": _vm.multiGridSelectChange,
228
- "radio-change": _vm.multiGridRadioChange
229
- }
230
- }, "tiny-grid", _vm.gridOp, false)) : _vm._e()], 1) : _vm._e(), _vm.popseletor === "tree" ? _c("div", {
231
- staticClass: "tiny-dialog-select__body-tree",
232
- style: "height:" + _vm.mainHeight + "px"
233
- }, [_c("tiny-input", {
234
- attrs: {
235
- "placeholder": _vm.t("ui.dialogSelect.treeSearch"),
236
- "clearable": ""
237
- },
238
- on: {
239
- "change": _vm.doMultiTreeFilter
240
- },
241
- scopedSlots: _vm._u([_vm.state.theme !== "saas" ? {
242
- key: "prefix",
243
- fn: function fn2() {
244
- return [_c("tiny-icon-search")];
212
+ default: withCtx(function() {
213
+ return [createTextVNode(
214
+ toDisplayString(_ctx.t("ui.button.confirm")),
215
+ 1
216
+ /* TEXT */
217
+ )];
218
+ }),
219
+ _: 1
220
+ /* STABLE */
221
+ }, 8, ["onClick"])];
222
+ })])])];
223
+ })];
224
+ }),
225
+ default: withCtx(function() {
226
+ return [createElementVNode("div", _hoisted_1, [_ctx.popseletor === "grid" && _ctx.slots.search ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "search")])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_3, [createVNode(_component_tiny_split, {
227
+ modelValue: _ctx.state.splitValue,
228
+ "onUpdate:modelValue": _cache[1] || (_cache[1] = function($event) {
229
+ return _ctx.state.splitValue = $event;
230
+ }),
231
+ "trigger-simple": "",
232
+ style: normalizeStyle("height:" + _ctx.mainHeight + "px"),
233
+ disabled: !_ctx.multi
234
+ }, {
235
+ left: withCtx(function() {
236
+ return [_ctx.popseletor === "grid" ? (openBlock(), createElementBlock(
237
+ "div",
238
+ {
239
+ key: 0,
240
+ style: normalizeStyle("height:" + _ctx.mainHeight + "px"),
241
+ class: "tiny-dialog-select__body-grid"
245
242
  },
246
- proxy: true
247
- } : null], null, true),
248
- model: {
249
- value: _vm.state.multiTreeStore.filterText,
250
- callback: function callback($$v) {
251
- _vm.$set(_vm.state.multiTreeStore, "filterText", $$v);
243
+ [_ctx.visible || _ctx.state.multiGridStore.inited ? (openBlock(), createBlock(_component_tiny_grid, mergeProps({
244
+ key: 0,
245
+ ref: "multiGrid"
246
+ }, _ctx.gridOp, {
247
+ border: _ctx.state.isBorder,
248
+ stripe: false,
249
+ "auto-resize": "",
250
+ height: _ctx.mainHeight + "px",
251
+ loading: _ctx.state.multiGridStore.loading,
252
+ "row-id": _ctx.valueField,
253
+ columns: _ctx.state.gridColumns,
254
+ "select-config": _ctx.state.multiGridStore.selectConfig,
255
+ "radio-config": _ctx.state.multiGridStore.radioConfig,
256
+ onSelectAll: _ctx.multiGridSelectAll,
257
+ onSelectChange: _ctx.multiGridSelectChange,
258
+ onRadioChange: _ctx.multiGridRadioChange
259
+ }), null, 16, ["border", "height", "loading", "row-id", "columns", "select-config", "radio-config", "onSelectAll", "onSelectChange", "onRadioChange"])) : createCommentVNode("v-if", true)],
260
+ 4
261
+ /* STYLE */
262
+ )) : createCommentVNode("v-if", true), _ctx.popseletor === "tree" ? (openBlock(), createElementBlock(
263
+ "div",
264
+ {
265
+ key: 1,
266
+ style: normalizeStyle("height:" + _ctx.mainHeight + "px"),
267
+ class: "tiny-dialog-select__body-tree"
252
268
  },
253
- expression: "state.multiTreeStore.filterText"
254
- }
255
- }), _c("div", {
256
- staticClass: "tiny-dialog-select__body-tree-wrapper",
257
- style: {
258
- height: "calc(100% - " + _vm.state.constants.INPUT_HEIGHT + " - " + _vm.state.constants.INPUT_MARGIN_BOTTOM + " )"
259
- }
260
- }, [_c("div", [_vm.visible || _vm.state.multiTreeStore.inited ? _c("tiny-tree", _vm._b({
261
- ref: "multiTree",
262
- attrs: {
263
- "show-checkbox": _vm.multi,
264
- "show-radio": !_vm.multi,
265
- "lazy-current": "",
266
- "lazy": "",
267
- "after-load": _vm.multiTreeAfterLoad,
268
- "view-type": _vm.state.multiTreeStore.viewType,
269
- "default-expanded-keys": _vm.state.multiTreeStore.expandedKeys,
270
- "default-expanded-keys-highlight": _vm.state.multiTreeStore.highlight,
271
- "filter-node-method": _vm.multiTreeFilterNode,
272
- "filter-plain-method": _vm.multiTreeFilterPlain,
273
- "default-checked-keys": _vm.state.multiTreeStore.checkedKeys
274
- },
275
- on: {
276
- "leave-plain-view": _vm.multiTreeLeavePlain,
277
- "check": _vm.multiTreeCheck,
278
- "node-expand": _vm.multiTreeCheck,
279
- "node-collapse": _vm.multiTreeCheck,
280
- "check-plain": _vm.multiTreeCheck,
281
- "check-change": _vm.multiTreeRadio
282
- }
283
- }, "tiny-tree", _vm.treeOp, false)) : _vm._e()], 1)])], 1) : _vm._e()];
284
- },
285
- proxy: true
286
- }, {
287
- key: "right",
288
- fn: function fn() {
289
- return [_vm.multi ? _c("div", {
290
- staticClass: "tiny-dialog-select__body-box",
291
- style: "height:" + _vm.mainHeight + "px"
292
- }, [_vm.showSelectedBox ? _c("tiny-selected-box", _vm._b({
293
- ref: "selectedBox",
294
- attrs: {
295
- "select": _vm.state.selectedDatas
296
- },
297
- on: {
298
- "clear": _vm.selectedBoxClear,
299
- "delete": _vm.selectedBoxDelete,
300
- "drag": _vm.selectedBoxDrag
301
- },
302
- scopedSlots: _vm._u([_vm.slots.select ? {
303
- key: "select",
304
- fn: function fn2(params) {
305
- return [_vm._t("select", null, null, params)];
306
- }
307
- } : null, _vm.slots.button ? {
308
- key: "button",
309
- fn: function fn2(params) {
310
- return [_vm._t("button", null, null, params)];
311
- }
312
- } : null, _vm.slots.clear ? {
313
- key: "clear",
314
- fn: function fn2(params) {
315
- return [_vm._t("clear", null, null, params)];
316
- }
317
- } : null, _vm.slots.option ? {
318
- key: "option",
319
- fn: function fn2(params) {
320
- return [_vm._t("option", null, null, params)];
321
- }
322
- } : null, _vm.slots.close ? {
323
- key: "close",
324
- fn: function fn2(params) {
325
- return [_vm._t("close", null, null, params)];
326
- }
327
- } : null], null, true)
328
- }, "tiny-selected-box", _vm.selectedBoxOp, false)) : _vm._e()], 1) : _vm._e()];
329
- },
330
- proxy: true
331
- }]),
332
- model: {
333
- value: _vm.state.splitValue,
334
- callback: function callback($$v) {
335
- _vm.$set(_vm.state, "splitValue", $$v);
336
- },
337
- expression: "state.splitValue"
338
- }
339
- })], 1)])]);
340
- };
341
- var staticRenderFns = [];
342
- var __cssModules = {};
343
- var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles);
344
- function __vue2_injectStyles(context) {
345
- for (var o in __cssModules) {
346
- this[o] = __cssModules[o];
347
- }
269
+ [createVNode(_component_tiny_input, {
270
+ placeholder: _ctx.t("ui.dialogSelect.treeSearch"),
271
+ modelValue: _ctx.state.multiTreeStore.filterText,
272
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = function($event) {
273
+ return _ctx.state.multiTreeStore.filterText = $event;
274
+ }),
275
+ onChange: _ctx.doMultiTreeFilter,
276
+ clearable: ""
277
+ }, createSlots({
278
+ _: 2
279
+ /* DYNAMIC */
280
+ }, [_ctx.state.theme !== "saas" ? {
281
+ name: "prefix",
282
+ fn: withCtx(function() {
283
+ return [createVNode(_component_tiny_icon_search)];
284
+ }),
285
+ key: "0"
286
+ } : void 0]), 1032, ["placeholder", "modelValue", "onChange"]), createElementVNode(
287
+ "div",
288
+ {
289
+ style: normalizeStyle({
290
+ height: "calc(100% - " + _ctx.state.constants.INPUT_HEIGHT + " - " + _ctx.state.constants.INPUT_MARGIN_BOTTOM + " )"
291
+ }),
292
+ class: "tiny-dialog-select__body-tree-wrapper"
293
+ },
294
+ [createElementVNode("div", null, [_ctx.visible || _ctx.state.multiTreeStore.inited ? (openBlock(), createBlock(_component_tiny_tree, mergeProps({
295
+ key: 0,
296
+ ref: "multiTree",
297
+ "show-checkbox": _ctx.multi,
298
+ "show-radio": !_ctx.multi,
299
+ "lazy-current": "",
300
+ lazy: "",
301
+ "after-load": _ctx.multiTreeAfterLoad,
302
+ "view-type": _ctx.state.multiTreeStore.viewType,
303
+ "default-expanded-keys": _ctx.state.multiTreeStore.expandedKeys,
304
+ "default-expanded-keys-highlight": _ctx.state.multiTreeStore.highlight,
305
+ "filter-node-method": _ctx.multiTreeFilterNode,
306
+ "filter-plain-method": _ctx.multiTreeFilterPlain,
307
+ "default-checked-keys": _ctx.state.multiTreeStore.checkedKeys
308
+ }, _ctx.treeOp, {
309
+ onLeavePlainView: _ctx.multiTreeLeavePlain,
310
+ onCheck: _ctx.multiTreeCheck,
311
+ onNodeExpand: _ctx.multiTreeCheck,
312
+ onNodeCollapse: _ctx.multiTreeCheck,
313
+ onCheckPlain: _ctx.multiTreeCheck,
314
+ onCheckChange: _ctx.multiTreeRadio
315
+ }), null, 16, ["show-checkbox", "show-radio", "after-load", "view-type", "default-expanded-keys", "default-expanded-keys-highlight", "filter-node-method", "filter-plain-method", "default-checked-keys", "onLeavePlainView", "onCheck", "onNodeExpand", "onNodeCollapse", "onCheckPlain", "onCheckChange"])) : createCommentVNode("v-if", true)])],
316
+ 4
317
+ /* STYLE */
318
+ )],
319
+ 4
320
+ /* STYLE */
321
+ )) : createCommentVNode("v-if", true)];
322
+ }),
323
+ right: withCtx(function() {
324
+ return [_ctx.multi ? (openBlock(), createElementBlock(
325
+ "div",
326
+ {
327
+ key: 0,
328
+ style: normalizeStyle("height:" + _ctx.mainHeight + "px"),
329
+ class: "tiny-dialog-select__body-box"
330
+ },
331
+ [_ctx.showSelectedBox ? (openBlock(), createBlock(_component_tiny_selected_box, mergeProps({
332
+ key: 0,
333
+ ref: "selectedBox",
334
+ select: _ctx.state.selectedDatas
335
+ }, _ctx.selectedBoxOp, {
336
+ onClear: _ctx.selectedBoxClear,
337
+ onDelete: _ctx.selectedBoxDelete,
338
+ onDrag: _ctx.selectedBoxDrag
339
+ }), createSlots({
340
+ _: 2
341
+ /* DYNAMIC */
342
+ }, [_ctx.slots.select ? {
343
+ name: "select",
344
+ fn: withCtx(function(params) {
345
+ return [renderSlot(_ctx.$slots, "select", normalizeProps(guardReactiveProps(params)))];
346
+ }),
347
+ key: "0"
348
+ } : void 0, _ctx.slots.button ? {
349
+ name: "button",
350
+ fn: withCtx(function(params) {
351
+ return [renderSlot(_ctx.$slots, "button", normalizeProps(guardReactiveProps(params)))];
352
+ }),
353
+ key: "1"
354
+ } : void 0, _ctx.slots.clear ? {
355
+ name: "clear",
356
+ fn: withCtx(function(params) {
357
+ return [renderSlot(_ctx.$slots, "clear", normalizeProps(guardReactiveProps(params)))];
358
+ }),
359
+ key: "2"
360
+ } : void 0, _ctx.slots.option ? {
361
+ name: "option",
362
+ fn: withCtx(function(params) {
363
+ return [renderSlot(_ctx.$slots, "option", normalizeProps(guardReactiveProps(params)))];
364
+ }),
365
+ key: "3"
366
+ } : void 0, _ctx.slots.close ? {
367
+ name: "close",
368
+ fn: withCtx(function(params) {
369
+ return [renderSlot(_ctx.$slots, "close", normalizeProps(guardReactiveProps(params)))];
370
+ }),
371
+ key: "4"
372
+ } : void 0]), 1040, ["select", "onClear", "onDelete", "onDrag"])) : createCommentVNode("v-if", true)],
373
+ 4
374
+ /* STYLE */
375
+ )) : createCommentVNode("v-if", true)];
376
+ }),
377
+ _: 3
378
+ /* FORWARDED */
379
+ }, 8, ["modelValue", "style", "disabled"])])])];
380
+ }),
381
+ _: 2
382
+ /* DYNAMIC */
383
+ }, [_ctx.slots.title ? {
384
+ name: "title",
385
+ fn: withCtx(function(params) {
386
+ return [renderSlot(_ctx.$slots, "title", normalizeProps(guardReactiveProps(params)))];
387
+ }),
388
+ key: "0"
389
+ } : void 0]), 1040, ["class", "visible"]);
348
390
  }
349
- var pc = /* @__PURE__ */ function() {
350
- return __component__.exports;
351
- }();
391
+ var pc = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
352
392
 
353
393
  export { pc as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opentinyvue/vue-dialog-select",
3
- "version": "2.22.0",
3
+ "version": "3.22.0",
4
4
  "description": "",
5
5
  "main": "./lib/index.js",
6
6
  "module": "./lib/index.js",
@@ -8,17 +8,17 @@
8
8
  "type": "module",
9
9
  "dependencies": {
10
10
  "@opentinyvue/vue-renderless": "~3.22.0",
11
- "@opentinyvue/vue-common": "~2.22.0",
12
- "@opentinyvue/vue-dialog-box": "~2.22.0",
13
- "@opentinyvue/vue-button": "~2.22.0",
14
- "@opentinyvue/vue-pager": "~2.22.0",
15
- "@opentinyvue/vue-grid": "~2.22.0",
16
- "@opentinyvue/vue-split": "~2.22.0",
17
- "@opentinyvue/vue-selected-box": "~2.22.0",
18
- "@opentinyvue/vue-input": "~2.22.0",
19
- "@opentinyvue/vue-tree": "~2.22.0",
11
+ "@opentinyvue/vue-common": "~3.22.0",
12
+ "@opentinyvue/vue-dialog-box": "~3.22.0",
13
+ "@opentinyvue/vue-button": "~3.22.0",
14
+ "@opentinyvue/vue-pager": "~3.22.0",
15
+ "@opentinyvue/vue-grid": "~3.22.0",
16
+ "@opentinyvue/vue-split": "~3.22.0",
17
+ "@opentinyvue/vue-selected-box": "~3.22.0",
18
+ "@opentinyvue/vue-input": "~3.22.0",
19
+ "@opentinyvue/vue-tree": "~3.22.0",
20
20
  "@opentinyvue/vue-theme": "~3.22.0",
21
- "@opentinyvue/vue-icon": "~2.22.0"
21
+ "@opentinyvue/vue-icon": "~3.22.0"
22
22
  },
23
23
  "license": "MIT",
24
24
  "types": "index.d.ts"
package/src/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: any;
1
+ declare const _default: import("@vue/runtime-core").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("@vue/runtime-core").PublicProps>;
2
2
  export default _default;
package/src/pc.vue.d.ts CHANGED
@@ -1,2 +1,99 @@
1
- declare const _default: any;
1
+ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
2
+ visible?: any;
3
+ tiny_mode?: any;
4
+ tiny_mode_root?: any;
5
+ tiny_template?: any;
6
+ tiny_renderless?: any;
7
+ _constants?: any;
8
+ tiny_theme?: any;
9
+ tiny_chart_theme?: any;
10
+ textField?: any;
11
+ valueField?: any;
12
+ beforeClose?: any;
13
+ gridOp?: any;
14
+ treeOp?: any;
15
+ textSplit?: any;
16
+ selectedBoxOp?: any;
17
+ popseletor?: any;
18
+ multi?: any;
19
+ remoteSearch?: any;
20
+ showSelectedBox?: any;
21
+ autoLookup?: any;
22
+ lookupMethod?: any;
23
+ valueSplit?: any;
24
+ dialogOp?: any;
25
+ showPager?: any;
26
+ pagerOp?: any;
27
+ mainHeight?: any;
28
+ }>, any, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("resize" | "change" | "close" | "update:visible" | "open" | "closed" | "opened" | "drag-start" | "drag-move" | "drag-end" | "current-change" | "size-change" | "before-page-change" | "prev-click" | "next-click")[], "resize" | "change" | "close" | "update:visible" | "open" | "closed" | "opened" | "drag-start" | "drag-move" | "drag-end" | "current-change" | "size-change" | "before-page-change" | "prev-click" | "next-click", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
29
+ visible?: any;
30
+ tiny_mode?: any;
31
+ tiny_mode_root?: any;
32
+ tiny_template?: any;
33
+ tiny_renderless?: any;
34
+ _constants?: any;
35
+ tiny_theme?: any;
36
+ tiny_chart_theme?: any;
37
+ textField?: any;
38
+ valueField?: any;
39
+ beforeClose?: any;
40
+ gridOp?: any;
41
+ treeOp?: any;
42
+ textSplit?: any;
43
+ selectedBoxOp?: any;
44
+ popseletor?: any;
45
+ multi?: any;
46
+ remoteSearch?: any;
47
+ showSelectedBox?: any;
48
+ autoLookup?: any;
49
+ lookupMethod?: any;
50
+ valueSplit?: any;
51
+ dialogOp?: any;
52
+ showPager?: any;
53
+ pagerOp?: any;
54
+ mainHeight?: any;
55
+ }>>> & {
56
+ onResize?: ((...args: any[]) => any) | undefined;
57
+ onChange?: ((...args: any[]) => any) | undefined;
58
+ onClose?: ((...args: any[]) => any) | undefined;
59
+ "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
60
+ onOpen?: ((...args: any[]) => any) | undefined;
61
+ onClosed?: ((...args: any[]) => any) | undefined;
62
+ onOpened?: ((...args: any[]) => any) | undefined;
63
+ "onDrag-start"?: ((...args: any[]) => any) | undefined;
64
+ "onDrag-move"?: ((...args: any[]) => any) | undefined;
65
+ "onDrag-end"?: ((...args: any[]) => any) | undefined;
66
+ "onCurrent-change"?: ((...args: any[]) => any) | undefined;
67
+ "onSize-change"?: ((...args: any[]) => any) | undefined;
68
+ "onBefore-page-change"?: ((...args: any[]) => any) | undefined;
69
+ "onPrev-click"?: ((...args: any[]) => any) | undefined;
70
+ "onNext-click"?: ((...args: any[]) => any) | undefined;
71
+ }, {
72
+ readonly visible?: any;
73
+ readonly tiny_mode?: any;
74
+ readonly tiny_mode_root?: any;
75
+ readonly tiny_template?: any;
76
+ readonly tiny_renderless?: any;
77
+ readonly _constants?: any;
78
+ readonly tiny_theme?: any;
79
+ readonly tiny_chart_theme?: any;
80
+ readonly textField?: any;
81
+ readonly valueField?: any;
82
+ readonly beforeClose?: any;
83
+ readonly gridOp?: any;
84
+ readonly treeOp?: any;
85
+ readonly textSplit?: any;
86
+ readonly selectedBoxOp?: any;
87
+ readonly popseletor?: any;
88
+ readonly multi?: any;
89
+ readonly remoteSearch?: any;
90
+ readonly showSelectedBox?: any;
91
+ readonly autoLookup?: any;
92
+ readonly lookupMethod?: any;
93
+ readonly valueSplit?: any;
94
+ readonly dialogOp?: any;
95
+ readonly showPager?: any;
96
+ readonly pagerOp?: any;
97
+ readonly mainHeight?: any;
98
+ }, {}>;
2
99
  export default _default;