@opentinyvue/vue-cascader-view 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 (4) hide show
  1. package/lib/index.js +583 -468
  2. package/package.json +7 -7
  3. package/src/mobile-first.vue.d.ts +248 -1
  4. package/src/option.vue.d.ts +29 -1
package/lib/index.js CHANGED
@@ -5,36 +5,40 @@ import Button from '@opentinyvue/vue-button';
5
5
  import ActionSheet from '@opentinyvue/vue-action-sheet';
6
6
  import Exception from '@opentinyvue/vue-exception';
7
7
  import Checkbox from '@opentinyvue/vue-checkbox';
8
+ import { resolveComponent, openBlock, createElementBlock, withModifiers, createVNode, createCommentVNode, createElementVNode, normalizeClass, renderSlot, toDisplayString, withCtx, withDirectives, withKeys, vModelText, Fragment, renderList, vShow, createTextVNode, createBlock } from 'vue';
8
9
 
9
- function normalizeComponent(scriptExports, render, staticRenderFns, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
10
- var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
11
- if (render) {
12
- options.render = render;
13
- options.staticRenderFns = staticRenderFns;
14
- options._compiled = true;
10
+ function _createForOfIteratorHelperLoose(r, e) {
11
+ var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
12
+ if (t) return (t = t.call(r)).next.bind(t);
13
+ if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
14
+ t && (r = t);
15
+ var o = 0;
16
+ return function() {
17
+ return o >= r.length ? { done: true } : { done: false, value: r[o++] };
18
+ };
15
19
  }
16
- var hook;
17
- if (injectStyles) {
18
- hook = injectStyles;
19
- }
20
- if (hook) {
21
- if (options.functional) {
22
- options._injectStyles = hook;
23
- var originalRender = options.render;
24
- options.render = function renderWithStyleInjection(h, context) {
25
- hook.call(context);
26
- return originalRender(h, context);
27
- };
28
- } else {
29
- var existing = options.beforeCreate;
30
- options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
31
- }
20
+ throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
21
+ }
22
+ function _unsupportedIterableToArray(r, a) {
23
+ if (r) {
24
+ if ("string" == typeof r) return _arrayLikeToArray(r, a);
25
+ var t = {}.toString.call(r).slice(8, -1);
26
+ 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;
32
27
  }
33
- return {
34
- exports: scriptExports,
35
- options
36
- };
37
28
  }
29
+ function _arrayLikeToArray(r, a) {
30
+ (null == a || a > r.length) && (a = r.length);
31
+ for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
32
+ return n;
33
+ }
34
+ var _export_sfc = function _export_sfc2(sfc, props) {
35
+ var target = sfc.__vccOpts || sfc;
36
+ for (var _iterator = _createForOfIteratorHelperLoose(props), _step; !(_step = _iterator()).done; ) {
37
+ var _step$value = _step.value, key = _step$value[0], val = _step$value[1];
38
+ target[key] = val;
39
+ }
40
+ return target;
41
+ };
38
42
 
39
43
  function _extends() {
40
44
  return _extends = Object.assign ? Object.assign.bind() : function(n) {
@@ -45,91 +49,7 @@ function _extends() {
45
49
  return n;
46
50
  }, _extends.apply(null, arguments);
47
51
  }
48
- var render$1 = function render$12() {
49
- var _vm = this;
50
- var _h = _vm.$createElement;
51
- var _c = _vm._self._c || _h;
52
- return _c("div", {
53
- staticClass: "flex items-start leading-5.5 cursor-pointer select-none",
54
- on: {
55
- "click": function click($event) {
56
- return _vm.$emit("click", $event);
57
- }
58
- }
59
- }, [_vm.option ? _c("span", {
60
- staticClass: "w-11 h-11 flex-none flex items-center justify-center relative",
61
- on: {
62
- "click": function click($event) {
63
- $event.stopPropagation();
64
- return _vm.$emit("check", _vm.option);
65
- }
66
- }
67
- }, [_c("div", {
68
- staticClass: "absolute left-0 right-0 top-0 bottom-0 z-20"
69
- }), _c("tiny-checkbox", {
70
- attrs: {
71
- "custom-class": "flex h-full w-full items-center justify-center",
72
- "model-value": !_vm.option.indeterminate && _vm.option.checked,
73
- "indeterminate": _vm.option.indeterminate,
74
- "disabled": _vm.data.disabled
75
- }
76
- })], 1) : _vm._e(), _c("div", {
77
- class: ["flex-auto flex w-full text-sm py-3", {
78
- "truncate": _vm.ellipsis
79
- }],
80
- on: {
81
- "click": function click($event) {
82
- $event.stopPropagation();
83
- return _vm.$emit("expand", _vm.option);
84
- }
85
- }
86
- }, [_vm._t("default", function() {
87
- return [_c("div", {
88
- class: ["flex-auto", {
89
- "truncate": _vm.ellipsis
90
- }]
91
- }, [_c("div", {
92
- staticClass: "flex"
93
- }, [_c("div", {
94
- class: [{
95
- "min-w-[theme(spacing.14)]": !_vm.textField3
96
- }, {
97
- "truncate": _vm.ellipsis
98
- }]
99
- }, [_vm._v(" " + _vm._s(_vm.data[_vm.textField]) + " ")]), _vm.textField2 ? _c("div", {
100
- class: ["ml-5 text-color-text-placeholder", {
101
- "truncate": _vm.ellipsis
102
- }]
103
- }, [_vm._v(" " + _vm._s(_vm.data[_vm.textField2]) + " ")]) : _vm._e()]), _vm.textField3 ? _c("div", {
104
- class: ["text-color-text-placeholder", {
105
- "truncate": _vm.ellipsis
106
- }]
107
- }, [_vm._v(" " + _vm._s(_vm.data[_vm.textField3]) + " ")]) : _vm._e()]), !_vm.loading && !_vm.option.isLeaf ? _c("div", {
108
- staticClass: "flex flex-none w-8 items-center justify-end ml-2"
109
- }, [_c("IconChevronRight", {
110
- attrs: {
111
- "custom-class": "w-4 h-4 fill-current"
112
- }
113
- })], 1) : _vm._e(), _vm.option.loading ? _c("div", {
114
- staticClass: "flex flex-none w-5 items-center justify-center ml-2"
115
- }, [_c("svg", {
116
- staticClass: "animate-[spin_1.5s_linear_infinite] fill-current",
117
- attrs: {
118
- "viewBox": "25 25 50 50"
119
- }
120
- }, [_c("circle", {
121
- staticClass: "stroke-color-brand tiny-loading-path",
122
- attrs: {
123
- "cx": "50",
124
- "cy": "50",
125
- "r": "24",
126
- "fill": "none"
127
- }
128
- })])]) : _vm._e()];
129
- })], 2)]);
130
- };
131
- var staticRenderFns$1 = [];
132
- var __vue2_script$1 = {
52
+ var _sfc_main$1 = {
133
53
  emits: ["click"],
134
54
  components: {
135
55
  TinyCheckbox: Checkbox,
@@ -142,16 +62,126 @@ var __vue2_script$1 = {
142
62
  }
143
63
  }
144
64
  };
145
- var __cssModules$1 = {};
146
- var __component__$1 = /* @__PURE__ */ normalizeComponent(__vue2_script$1, render$1, staticRenderFns$1, false, __vue2_injectStyles$1);
147
- function __vue2_injectStyles$1(context) {
148
- for (var o in __cssModules$1) {
149
- this[o] = __cssModules$1[o];
150
- }
65
+ var _hoisted_1$1 = /* @__PURE__ */ createElementVNode(
66
+ "div",
67
+ {
68
+ class: "absolute left-0 right-0 top-0 bottom-0 z-20"
69
+ },
70
+ null,
71
+ -1
72
+ /* HOISTED */
73
+ );
74
+ var _hoisted_2$1 = {
75
+ class: "flex"
76
+ };
77
+ var _hoisted_3$1 = {
78
+ key: 0,
79
+ class: "flex flex-none w-8 items-center justify-end ml-2"
80
+ };
81
+ var _hoisted_4$1 = {
82
+ key: 1,
83
+ class: "flex flex-none w-5 items-center justify-center ml-2"
84
+ };
85
+ var _hoisted_5$1 = /* @__PURE__ */ createElementVNode(
86
+ "svg",
87
+ {
88
+ class: "animate-[spin_1.5s_linear_infinite] fill-current",
89
+ viewBox: "25 25 50 50"
90
+ },
91
+ [/* @__PURE__ */ createElementVNode("circle", {
92
+ class: "stroke-color-brand tiny-loading-path",
93
+ cx: "50",
94
+ cy: "50",
95
+ r: "24",
96
+ fill: "none"
97
+ })],
98
+ -1
99
+ /* HOISTED */
100
+ );
101
+ var _hoisted_6$1 = [_hoisted_5$1];
102
+ function _sfc_render$1(_ctx, _cache, $props2, $setup, $data, $options) {
103
+ var _component_tiny_checkbox = resolveComponent("tiny-checkbox");
104
+ var _component_IconChevronRight = resolveComponent("IconChevronRight");
105
+ return openBlock(), createElementBlock("div", {
106
+ class: "flex items-start leading-5.5 cursor-pointer select-none",
107
+ onClick: _cache[2] || (_cache[2] = function($event) {
108
+ return _ctx.$emit("click", $event);
109
+ })
110
+ }, [$props2.option ? (openBlock(), createElementBlock("span", {
111
+ key: 0,
112
+ class: "w-11 h-11 flex-none flex items-center justify-center relative",
113
+ onClick: _cache[0] || (_cache[0] = withModifiers(function($event) {
114
+ return _ctx.$emit("check", $props2.option);
115
+ }, ["stop"]))
116
+ }, [_hoisted_1$1, createVNode(_component_tiny_checkbox, {
117
+ "custom-class": "flex h-full w-full items-center justify-center",
118
+ "model-value": !$props2.option.indeterminate && $props2.option.checked,
119
+ indeterminate: $props2.option.indeterminate,
120
+ disabled: $options.data.disabled
121
+ }, null, 8, ["model-value", "indeterminate", "disabled"])])) : createCommentVNode("v-if", true), createElementVNode(
122
+ "div",
123
+ {
124
+ class: normalizeClass(["flex-auto flex w-full text-sm py-3", {
125
+ "truncate": $props2.ellipsis
126
+ }]),
127
+ onClick: _cache[1] || (_cache[1] = withModifiers(function($event) {
128
+ return _ctx.$emit("expand", $props2.option);
129
+ }, ["stop"]))
130
+ },
131
+ [renderSlot(_ctx.$slots, "default", {}, function() {
132
+ return [createElementVNode(
133
+ "div",
134
+ {
135
+ class: normalizeClass(["flex-auto", {
136
+ "truncate": $props2.ellipsis
137
+ }])
138
+ },
139
+ [createElementVNode("div", _hoisted_2$1, [createElementVNode(
140
+ "div",
141
+ {
142
+ class: normalizeClass([{
143
+ "min-w-[theme(spacing.14)]": !$props2.textField3
144
+ }, {
145
+ "truncate": $props2.ellipsis
146
+ }])
147
+ },
148
+ toDisplayString($options.data[$props2.textField]),
149
+ 3
150
+ /* TEXT, CLASS */
151
+ ), $props2.textField2 ? (openBlock(), createElementBlock(
152
+ "div",
153
+ {
154
+ key: 0,
155
+ class: normalizeClass(["ml-5 text-color-text-placeholder", {
156
+ "truncate": $props2.ellipsis
157
+ }])
158
+ },
159
+ toDisplayString($options.data[$props2.textField2]),
160
+ 3
161
+ /* TEXT, CLASS */
162
+ )) : createCommentVNode("v-if", true)]), $props2.textField3 ? (openBlock(), createElementBlock(
163
+ "div",
164
+ {
165
+ key: 0,
166
+ class: normalizeClass(["text-color-text-placeholder", {
167
+ "truncate": $props2.ellipsis
168
+ }])
169
+ },
170
+ toDisplayString($options.data[$props2.textField3]),
171
+ 3
172
+ /* TEXT, CLASS */
173
+ )) : createCommentVNode("v-if", true)],
174
+ 2
175
+ /* CLASS */
176
+ ), !$props2.loading && !$props2.option.isLeaf ? (openBlock(), createElementBlock("div", _hoisted_3$1, [createVNode(_component_IconChevronRight, {
177
+ "custom-class": "w-4 h-4 fill-current"
178
+ })])) : createCommentVNode("v-if", true), $props2.option.loading ? (openBlock(), createElementBlock("div", _hoisted_4$1, _hoisted_6$1)) : createCommentVNode("v-if", true)];
179
+ })],
180
+ 2
181
+ /* CLASS */
182
+ )]);
151
183
  }
152
- var Option = /* @__PURE__ */ function() {
153
- return __component__$1.exports;
154
- }();
184
+ var Option = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
155
185
  var $constants = {
156
186
  defaultNodeConfig: {
157
187
  lazy: false,
@@ -168,7 +198,7 @@ var $constants = {
168
198
  filterNodeMethod: null
169
199
  }
170
200
  };
171
- var __vue2_script = defineComponent({
201
+ var _sfc_main = defineComponent({
172
202
  name: $prefix + "CascaderView",
173
203
  emits: ["click", "update:text", "update:visible", "close", "update:modelValue", "search-click", "confirm"],
174
204
  components: {
@@ -273,358 +303,443 @@ var __vue2_script = defineComponent({
273
303
  });
274
304
  }
275
305
  });
276
- var render = function render2() {
277
- var _vm = this;
278
- var _h = _vm.$createElement;
279
- var _c = _vm._self._c || _h;
280
- return _c("div", {
281
- attrs: {
282
- "data-tag": "tiny-cascader-view"
283
- }
284
- }, [_c("tiny-action-sheet", {
306
+ var _hoisted_1 = {
307
+ "data-tag": "tiny-cascader-view"
308
+ };
309
+ var _hoisted_2 = /* @__PURE__ */ createElementVNode(
310
+ "div",
311
+ null,
312
+ null,
313
+ -1
314
+ /* HOISTED */
315
+ );
316
+ var _hoisted_3 = {
317
+ "data-tag": "search-header",
318
+ class: "flex leading-6 pb-4 px-4 text-base items-center border-b-0.5 border-color-border-separator"
319
+ };
320
+ var _hoisted_4 = {
321
+ class: "flex-auto flex items-center h-8 py-1 px-3 bg-color-bg-4 rounded"
322
+ };
323
+ var _hoisted_5 = ["placeholder"];
324
+ var _hoisted_6 = {
325
+ class: "flex items-center pl-3 cursor-pointer"
326
+ };
327
+ var _hoisted_7 = {
328
+ "data-tag": "nav-box",
329
+ class: "h-11 flex flex-none items-center border-b-0.5 border-color-border-separator overflow-auto whitespace-nowrap scrollbar-size-0"
330
+ };
331
+ var _hoisted_8 = {
332
+ class: "px-4 flex"
333
+ };
334
+ var _hoisted_9 = {
335
+ key: 0,
336
+ class: "px-2 text-color-text-placeholder flex items-center"
337
+ };
338
+ var _hoisted_10 = ["onClick"];
339
+ var _hoisted_11 = /* @__PURE__ */ createElementVNode(
340
+ "div",
341
+ {
342
+ class: "flex-auto"
343
+ },
344
+ null,
345
+ -1
346
+ /* HOISTED */
347
+ );
348
+ var _hoisted_12 = {
349
+ "data-tag": "view-footer",
350
+ class: "flex items-center py-4 px-3 border-t border-color-bg-4 shadow-sm"
351
+ };
352
+ var _hoisted_13 = /* @__PURE__ */ createElementVNode(
353
+ "div",
354
+ {
355
+ class: "flex-auto"
356
+ },
357
+ null,
358
+ -1
359
+ /* HOISTED */
360
+ );
361
+ var _hoisted_14 = {
362
+ "data-tag": "tabs",
363
+ class: "flex-auto"
364
+ };
365
+ var _hoisted_15 = {
366
+ "data-tag": "search-body",
367
+ class: "flex-auto overflow-auto flex flex-col"
368
+ };
369
+ var _hoisted_16 = {
370
+ class: /* @__PURE__ */ normalizeClass(["flex flex-col px-4"])
371
+ };
372
+ var _hoisted_17 = {
373
+ key: 0,
374
+ class: "text-color-brand"
375
+ };
376
+ var _hoisted_18 = {
377
+ class: "w-full flex justify-center items-center text-center flex-auto"
378
+ };
379
+ var _hoisted_19 = {
380
+ class: "h-full overflow-auto scrollbar-size-0"
381
+ };
382
+ var _hoisted_20 = {
383
+ class: "flex flex-auto px-4 items-center overflow-hidden"
384
+ };
385
+ var _hoisted_21 = {
386
+ class: "flex-auto truncate min-w-[theme(spacing.14)]"
387
+ };
388
+ var _hoisted_22 = {
389
+ class: "flex-none pl-4 text-right"
390
+ };
391
+ function _sfc_render(_ctx, _cache, $props2, $setup, $data, $options) {
392
+ var _component_IconChevronLeft = resolveComponent("IconChevronLeft");
393
+ var _component_IconSearch = resolveComponent("IconSearch");
394
+ var _component_IconChevronRight = resolveComponent("IconChevronRight");
395
+ var _component_IconChevronUp = resolveComponent("IconChevronUp");
396
+ var _component_tiny_button = resolveComponent("tiny-button");
397
+ var _component_tiny_option = resolveComponent("tiny-option");
398
+ var _component_tiny_exception = resolveComponent("tiny-exception");
399
+ var _component_tiny_action_sheet = resolveComponent("tiny-action-sheet");
400
+ var _component_IconOperationfaild = resolveComponent("IconOperationfaild");
401
+ return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_tiny_action_sheet, {
285
402
  ref: "actionSheet",
286
- attrs: {
287
- "title": _vm.title,
288
- "lock-scroll": _vm.lockScroll,
289
- "mask": _vm.mask,
290
- "show-header": _vm.showHeader,
291
- "custom-class": _vm.m("h-full max-h-full rounded-none text-color-text-primary pb-0", _vm.customClass),
292
- "visible": _vm.visible
293
- },
294
- on: {
295
- "update:visible": function updateVisible($event) {
296
- return _vm.$emit("update:visible", $event);
297
- }
298
- },
299
- scopedSlots: _vm._u([{
300
- key: "header-left",
301
- fn: function fn() {
302
- return [_c("IconChevronLeft", {
303
- staticClass: "h-5 w-5 fill-color-text-primary cursor-pointer",
304
- on: {
305
- "click": _vm.close
306
- }
307
- })];
308
- },
309
- proxy: true
310
- }, {
311
- key: "header-right",
312
- fn: function fn() {
313
- return [_c("div")];
314
- },
315
- proxy: true
316
- }, {
317
- key: "body-top",
318
- fn: function fn() {
319
- return [_c("div", {
320
- staticClass: "flex leading-6 pb-4 px-4 text-base items-center border-b-0.5 border-color-border-separator",
321
- attrs: {
322
- "data-tag": "search-header"
323
- }
324
- }, [_c("div", {
325
- staticClass: "flex-auto flex items-center h-8 py-1 px-3 bg-color-bg-4 rounded"
326
- }, [_c("IconSearch", {
327
- staticClass: "mr-1 fill-color-icon-disabled",
328
- attrs: {
329
- "custom-class": "h-4 w-4"
330
- }
331
- }), _c("input", {
332
- directives: [{
333
- name: "model",
334
- rawName: "v-model",
335
- value: _vm.state.search.input,
336
- expression: "state.search.input"
337
- }],
338
- staticClass: "h-5 flex-auto text-xs bg-transparent outline-0",
339
- attrs: {
340
- "placeholder": _vm.t("ui.select.pleaseSearch")
341
- },
342
- domProps: {
343
- "value": _vm.state.search.input
344
- },
345
- on: {
346
- "input": [function($event) {
347
- if ($event.target.composing) return;
348
- _vm.$set(_vm.state.search, "input", $event.target.value);
349
- }, _vm.inputKeyword],
350
- "keyup": function keyup($event) {
351
- if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
352
- return _vm.searchMethod.apply(null, arguments);
353
- }
354
- }
355
- })], 1), _c("div", {
356
- staticClass: "flex items-center pl-3 cursor-pointer"
357
- }, [_c("div", {
358
- on: {
359
- "click": _vm.searchMethod
360
- }
361
- }, [_vm._v(_vm._s(_vm.t("ui.select.search")))])])]), _c("div", {
362
- directives: [{
363
- name: "show",
364
- rawName: "v-show",
365
- value: !_vm.state.search.show,
366
- expression: "!state.search.show"
367
- }],
368
- staticClass: "h-11 flex flex-none items-center border-b-0.5 border-color-border-separator overflow-auto whitespace-nowrap scrollbar-size-0",
369
- attrs: {
370
- "data-tag": "nav-box"
371
- }
372
- }, [_c("div", {
373
- staticClass: "px-4 flex"
374
- }, [_vm._l(_vm.state.computedNavList, function(option, index) {
375
- return _c("div", {
376
- key: index,
377
- staticClass: "flex-none flex items-center"
378
- }, [index !== 0 ? _c("span", {
379
- staticClass: "px-2 text-color-text-placeholder flex items-center"
380
- }, [_c("IconChevronRight", {
381
- attrs: {
403
+ title: _ctx.title,
404
+ "lock-scroll": _ctx.lockScroll,
405
+ mask: _ctx.mask,
406
+ "show-header": _ctx.showHeader,
407
+ "custom-class": _ctx.m("h-full max-h-full rounded-none text-color-text-primary pb-0", _ctx.customClass),
408
+ visible: _ctx.visible,
409
+ "onUpdate:visible": _cache[5] || (_cache[5] = function($event) {
410
+ return _ctx.$emit("update:visible", $event);
411
+ })
412
+ }, {
413
+ "header-left": withCtx(function() {
414
+ return [createVNode(_component_IconChevronLeft, {
415
+ class: "h-5 w-5 fill-color-text-primary cursor-pointer",
416
+ onClick: _ctx.close
417
+ }, null, 8, ["onClick"])];
418
+ }),
419
+ "header-right": withCtx(function() {
420
+ return [_hoisted_2];
421
+ }),
422
+ "body-top": withCtx(function() {
423
+ return [createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [createVNode(_component_IconSearch, {
424
+ "custom-class": "h-4 w-4",
425
+ class: "mr-1 fill-color-icon-disabled"
426
+ }), withDirectives(createElementVNode("input", {
427
+ "onUpdate:modelValue": _cache[0] || (_cache[0] = function($event) {
428
+ return _ctx.state.search.input = $event;
429
+ }),
430
+ class: "h-5 flex-auto text-xs bg-transparent outline-0",
431
+ placeholder: _ctx.t("ui.select.pleaseSearch"),
432
+ onInput: _cache[1] || (_cache[1] = function() {
433
+ return _ctx.inputKeyword && _ctx.inputKeyword.apply(_ctx, arguments);
434
+ }),
435
+ onKeyup: _cache[2] || (_cache[2] = withKeys(function() {
436
+ return _ctx.searchMethod && _ctx.searchMethod.apply(_ctx, arguments);
437
+ }, ["enter"]))
438
+ }, null, 40, _hoisted_5), [[vModelText, _ctx.state.search.input]])]), createElementVNode("div", _hoisted_6, [createElementVNode(
439
+ "div",
440
+ {
441
+ onClick: _cache[3] || (_cache[3] = function() {
442
+ return _ctx.searchMethod && _ctx.searchMethod.apply(_ctx, arguments);
443
+ })
444
+ },
445
+ toDisplayString(_ctx.t("ui.select.search")),
446
+ 1
447
+ /* TEXT */
448
+ )])]), withDirectives(createElementVNode(
449
+ "div",
450
+ _hoisted_7,
451
+ [createElementVNode("div", _hoisted_8, [(openBlock(true), createElementBlock(
452
+ Fragment,
453
+ null,
454
+ renderList(_ctx.state.computedNavList, function(option, index) {
455
+ return openBlock(), createElementBlock("div", {
456
+ key: index,
457
+ class: "flex-none flex items-center"
458
+ }, [index !== 0 ? (openBlock(), createElementBlock("span", _hoisted_9, [createVNode(_component_IconChevronRight, {
382
459
  "custom-class": "w-4 h-4 fill-current"
383
- }
384
- })], 1) : _vm._e(), _c("span", {
385
- class: ["flex-none max-w-[theme(spacing.24)] truncate", {
386
- "text-color-brand": index === _vm.state.level
387
- }, _vm.disabledNavOption(index, option) ? "text-color-text-disabled" : "cursor-pointer"],
388
- on: {
389
- "click": function click($event) {
390
- return _vm.setLevel(index, option);
460
+ })])) : createCommentVNode("v-if", true), createElementVNode("span", {
461
+ class: normalizeClass(["flex-none max-w-[theme(spacing.24)] truncate", {
462
+ "text-color-brand": index === _ctx.state.level
463
+ }, _ctx.disabledNavOption(index, option) ? "text-color-text-disabled" : "cursor-pointer"]),
464
+ onClick: function onClick($event) {
465
+ return _ctx.setLevel(index, option);
391
466
  }
392
- }
393
- }, [_vm._v(_vm._s(option.data[_vm.textField]))])]);
394
- }), _c("div", {
395
- staticClass: "flex-auto"
396
- })], 2)])];
397
- },
398
- proxy: true
399
- }, {
400
- key: "body-bottom",
401
- fn: function fn() {
402
- return [_c("div", {
403
- staticClass: "flex items-center py-4 px-3 border-t border-color-bg-4 shadow-sm",
404
- attrs: {
405
- "data-tag": "view-footer"
406
- }
407
- }, [_c("div", {
408
- staticClass: "cursor-pointer pr-2 leading-5.5",
409
- on: {
410
- "click": function click($event) {
411
- $event.stopPropagation();
412
- return _vm.toggleCheckList(true);
413
- }
414
- }
415
- }, [_c("span", [_vm._v(_vm._s(_vm.t("ui.select.selectedNum", {
416
- num: _vm.state.computedCheckList.length
417
- })))]), _c("IconChevronUp", {
418
- directives: [{
419
- name: "show",
420
- rawName: "v-show",
421
- value: _vm.state.computedCheckList.length,
422
- expression: "state.computedCheckList.length"
423
- }],
424
- staticClass: "flex-none w-4 h-4 ml-2 fill-current"
425
- })], 1), _c("div", {
426
- staticClass: "flex-auto"
427
- }), _c("tiny-button", {
428
- staticClass: "flex-none ml-3 w-28",
429
- attrs: {
430
- "tiny_mode": "mobile-first",
431
- "type": "primary",
432
- "size": "medium",
433
- "reset-time": 0
434
- },
435
- on: {
436
- "click": _vm.confirm
437
- }
438
- }, [_vm._v(" " + _vm._s(_vm.t("ui.button.confirm")) + " ")])], 1)];
439
- },
440
- proxy: true
441
- }])
442
- }, [_c("div", {
443
- directives: [{
444
- name: "show",
445
- rawName: "v-show",
446
- value: !_vm.state.search.show,
447
- expression: "!state.search.show"
448
- }],
449
- staticClass: "flex-auto",
450
- attrs: {
451
- "data-tag": "tabs"
452
- }
453
- }, _vm._l(_vm.state.options, function(currentList, index) {
454
- return _c("div", {
455
- directives: [{
456
- name: "show",
457
- rawName: "v-show",
458
- value: index === _vm.state.level,
459
- expression: "index === state.level"
460
- }],
461
- key: index,
462
- staticClass: "flex flex-col px-4 overflow-auto pt-2",
463
- attrs: {
464
- "data-tag": "tab-item"
465
- }
466
- }, _vm._l(currentList, function(item, OptIndex) {
467
- return _c("tiny-option", {
468
- key: item.data[_vm.valueField],
469
- attrs: {
470
- "ellipsis": _vm.ellipsis,
471
- "text-field": _vm.textField,
472
- "text-field2": _vm.textField2,
473
- "text-field3": _vm.textField3,
474
- "loading": _vm.state.loading,
475
- "option": item
467
+ }, toDisplayString(option.data[_ctx.textField]), 11, _hoisted_10)]);
468
+ }),
469
+ 128
470
+ /* KEYED_FRAGMENT */
471
+ )), _hoisted_11])],
472
+ 512
473
+ /* NEED_PATCH */
474
+ ), [[vShow, !_ctx.state.search.show]])];
475
+ }),
476
+ "body-bottom": withCtx(function() {
477
+ return [createElementVNode("div", _hoisted_12, [createElementVNode("div", {
478
+ class: "cursor-pointer pr-2 leading-5.5",
479
+ onClick: _cache[4] || (_cache[4] = withModifiers(function($event) {
480
+ return _ctx.toggleCheckList(true);
481
+ }, ["stop"]))
482
+ }, [createElementVNode(
483
+ "span",
484
+ null,
485
+ toDisplayString(_ctx.t("ui.select.selectedNum", {
486
+ num: _ctx.state.computedCheckList.length
487
+ })),
488
+ 1
489
+ /* TEXT */
490
+ ), withDirectives(createVNode(
491
+ _component_IconChevronUp,
492
+ {
493
+ class: "flex-none w-4 h-4 ml-2 fill-current"
476
494
  },
477
- on: {
478
- "check": function check($event) {
479
- return _vm.selectOption(item);
480
- },
481
- "expand": _vm.nodeExpand
482
- }
483
- }, [_vm._t("default", null, {
484
- "item": item,
485
- "index": OptIndex
486
- })], 2);
487
- }), 1);
488
- }), 0), _c("div", {
489
- class: [_vm.state.search.show ? "flex flex-col flex-auto" : "hidden"],
490
- attrs: {
491
- "data-tag": "search-box"
492
- }
493
- }, [_c("div", {
494
- staticClass: "flex-auto overflow-auto flex flex-col",
495
- attrs: {
496
- "data-tag": "search-body"
497
- }
498
- }, [_c("div", {
499
- class: ["flex flex-col px-4"]
500
- }, _vm._l(_vm.state.search.filterOptions, function(item, index) {
501
- return _c("tiny-option", {
502
- key: index,
503
- attrs: {
504
- "ellipsis": _vm.ellipsis,
505
- "text-field": _vm.textField,
506
- "text-field2": _vm.textField2,
507
- "text-field3": _vm.textField3,
508
- "option": item.node
509
- },
510
- on: {
511
- "check": function check($event) {
512
- return _vm.searchSelectHandler(item.node, index);
513
- }
514
- }
515
- }, [_vm.searchConfig.openSearchSlot ? _vm._t("search-item", null, {
516
- "item": item,
517
- "index": index
518
- }) : _vm._t("default", function() {
519
- return [_c("div", {
520
- class: ["flex-auto", {
521
- "truncate": _vm.ellipsis
522
- }]
523
- }, _vm._l(_vm.renderSearchOption(item.data[_vm.textField]), function(text, spanIndex) {
524
- return _c("span", {
525
- key: spanIndex
526
- }, [spanIndex ? _c("span", {
527
- staticClass: "text-color-brand"
528
- }, [_vm._v(_vm._s(_vm.state.search.input))]) : _vm._e(), _vm._v(_vm._s(text))]);
529
- }), 0)];
530
- }, {
531
- "item": item,
532
- "index": index
533
- })], 2);
534
- }), 1), _c("div", {
535
- directives: [{
536
- name: "show",
537
- rawName: "v-show",
538
- value: _vm.state.search.loaded && !_vm.state.search.filterOptions.length,
539
- expression: "state.search.loaded && !state.search.filterOptions.length"
540
- }],
541
- staticClass: "w-full flex justify-center items-center text-center flex-auto"
542
- }, [_c("tiny-exception", {
543
- attrs: {
544
- "component-page": "",
545
- "type": "noresult",
546
- "tiny_mode": "mobile-first",
547
- "tiny_mode_root": ""
548
- }
549
- })], 1)])])]), _c("tiny-action-sheet", {
550
- attrs: {
551
- "data-tag": "selected-box",
552
- "custom-class": "h-3/4 text-color-text-primary",
553
- "title": _vm.t("ui.select.selected"),
554
- "show-footer": "",
555
- "lock-scroll": false,
556
- "menus": _vm.state.selected.options,
557
- "visible": _vm.state.selected.show
558
- },
559
- on: {
560
- "update:visible": function updateVisible($event) {
561
- _vm.state.selected.show = $event;
562
- }
563
- },
564
- scopedSlots: _vm._u([{
565
- key: "header-left",
566
- fn: function fn() {
567
- return [_c("div", {
568
- staticClass: "cursor-pointer text-color-brand",
569
- on: {
570
- "click": _vm.clean
571
- }
572
- }, [_vm._v(_vm._s(_vm.t("ui.datepicker.clear")))])];
573
- },
574
- proxy: true
575
- }, {
576
- key: "footer",
577
- fn: function fn() {
578
- return [_c("tiny-button", {
579
- attrs: {
580
- "tiny_mode": "mobile-first",
581
- "custom-class": "flex-1 w-full mx-4 sm:mx-0",
582
- "type": "primary",
583
- "size": "medium",
584
- "reset-time": 0
585
- },
586
- on: {
587
- "click": function click($event) {
588
- return _vm.toggleCheckList(false);
589
- }
590
- }
591
- }, [_vm._v(" " + _vm._s(_vm.t("ui.button.confirm")) + " ")])];
592
- },
593
- proxy: true
594
- }])
595
- }, [_c("div", {
596
- staticClass: "h-full overflow-auto scrollbar-size-0"
597
- }, _vm._l(_vm.state.computedSelectedList, function(item, index) {
598
- return _c("tiny-option", {
599
- key: index
600
- }, [_c("div", {
601
- staticClass: "flex flex-auto px-4 items-center overflow-hidden"
602
- }, [_c("div", {
603
- staticClass: "flex-auto truncate min-w-[theme(spacing.14)]"
604
- }, [_vm._v(" " + _vm._s(item.waitLoad ? item.data[_vm.valueField] : item.getPathText(_vm.textField, " / ")) + " ")]), _c("div", {
605
- staticClass: "flex-none pl-4 text-right"
606
- }, [_c("IconOperationfaild", {
607
- staticClass: "w-5 h-5 fill-color-text-placeholder",
608
- on: {
609
- "click": function click($event) {
610
- return _vm.removeOption(item);
611
- }
612
- }
613
- })], 1)])]);
614
- }), 1)])], 1);
615
- };
616
- var staticRenderFns = [];
617
- var __cssModules = {};
618
- var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles);
619
- function __vue2_injectStyles(context) {
620
- for (var o in __cssModules) {
621
- this[o] = __cssModules[o];
622
- }
495
+ null,
496
+ 512
497
+ /* NEED_PATCH */
498
+ ), [[vShow, _ctx.state.computedCheckList.length]])]), _hoisted_13, createVNode(_component_tiny_button, {
499
+ tiny_mode: "mobile-first",
500
+ class: "flex-none ml-3 w-28",
501
+ type: "primary",
502
+ size: "medium",
503
+ "reset-time": 0,
504
+ onClick: _ctx.confirm
505
+ }, {
506
+ default: withCtx(function() {
507
+ return [createTextVNode(
508
+ toDisplayString(_ctx.t("ui.button.confirm")),
509
+ 1
510
+ /* TEXT */
511
+ )];
512
+ }),
513
+ _: 1
514
+ /* STABLE */
515
+ }, 8, ["onClick"])])];
516
+ }),
517
+ default: withCtx(function() {
518
+ return [withDirectives(createElementVNode(
519
+ "div",
520
+ _hoisted_14,
521
+ [(openBlock(true), createElementBlock(
522
+ Fragment,
523
+ null,
524
+ renderList(_ctx.state.options, function(currentList, index) {
525
+ return withDirectives((openBlock(), createElementBlock("div", {
526
+ "data-tag": "tab-item",
527
+ key: index,
528
+ class: "flex flex-col px-4 overflow-auto pt-2"
529
+ }, [(openBlock(true), createElementBlock(
530
+ Fragment,
531
+ null,
532
+ renderList(currentList, function(item, OptIndex) {
533
+ return openBlock(), createBlock(_component_tiny_option, {
534
+ key: item.data[_ctx.valueField],
535
+ ellipsis: _ctx.ellipsis,
536
+ "text-field": _ctx.textField,
537
+ "text-field2": _ctx.textField2,
538
+ "text-field3": _ctx.textField3,
539
+ loading: _ctx.state.loading,
540
+ option: item,
541
+ onCheck: function onCheck($event) {
542
+ return _ctx.selectOption(item);
543
+ },
544
+ onExpand: _ctx.nodeExpand
545
+ }, {
546
+ default: withCtx(function() {
547
+ return [renderSlot(_ctx.$slots, "default", {
548
+ item,
549
+ index: OptIndex
550
+ })];
551
+ }),
552
+ _: 2
553
+ /* DYNAMIC */
554
+ }, 1032, ["ellipsis", "text-field", "text-field2", "text-field3", "loading", "option", "onCheck", "onExpand"]);
555
+ }),
556
+ 128
557
+ /* KEYED_FRAGMENT */
558
+ ))])), [[vShow, index === _ctx.state.level]]);
559
+ }),
560
+ 128
561
+ /* KEYED_FRAGMENT */
562
+ ))],
563
+ 512
564
+ /* NEED_PATCH */
565
+ ), [[vShow, !_ctx.state.search.show]]), createElementVNode(
566
+ "div",
567
+ {
568
+ "data-tag": "search-box",
569
+ class: normalizeClass([_ctx.state.search.show ? "flex flex-col flex-auto" : "hidden"])
570
+ },
571
+ [createElementVNode("div", _hoisted_15, [createElementVNode("div", _hoisted_16, [(openBlock(true), createElementBlock(
572
+ Fragment,
573
+ null,
574
+ renderList(_ctx.state.search.filterOptions, function(item, index) {
575
+ return openBlock(), createBlock(_component_tiny_option, {
576
+ key: index,
577
+ ellipsis: _ctx.ellipsis,
578
+ "text-field": _ctx.textField,
579
+ "text-field2": _ctx.textField2,
580
+ "text-field3": _ctx.textField3,
581
+ option: item.node,
582
+ onCheck: function onCheck($event) {
583
+ return _ctx.searchSelectHandler(item.node, index);
584
+ }
585
+ }, {
586
+ default: withCtx(function() {
587
+ return [_ctx.searchConfig.openSearchSlot ? renderSlot(_ctx.$slots, "search-item", {
588
+ key: 0,
589
+ item,
590
+ index
591
+ }) : renderSlot(_ctx.$slots, "default", {
592
+ key: 1,
593
+ item,
594
+ index
595
+ }, function() {
596
+ return [createElementVNode(
597
+ "div",
598
+ {
599
+ class: normalizeClass(["flex-auto", {
600
+ "truncate": _ctx.ellipsis
601
+ }])
602
+ },
603
+ [(openBlock(true), createElementBlock(
604
+ Fragment,
605
+ null,
606
+ renderList(_ctx.renderSearchOption(item.data[_ctx.textField]), function(text, spanIndex) {
607
+ return openBlock(), createElementBlock("span", {
608
+ key: spanIndex
609
+ }, [spanIndex ? (openBlock(), createElementBlock(
610
+ "span",
611
+ _hoisted_17,
612
+ toDisplayString(_ctx.state.search.input),
613
+ 1
614
+ /* TEXT */
615
+ )) : createCommentVNode("v-if", true), createTextVNode(
616
+ toDisplayString(text),
617
+ 1
618
+ /* TEXT */
619
+ )]);
620
+ }),
621
+ 128
622
+ /* KEYED_FRAGMENT */
623
+ ))],
624
+ 2
625
+ /* CLASS */
626
+ )];
627
+ })];
628
+ }),
629
+ _: 2
630
+ /* DYNAMIC */
631
+ }, 1032, ["ellipsis", "text-field", "text-field2", "text-field3", "option", "onCheck"]);
632
+ }),
633
+ 128
634
+ /* KEYED_FRAGMENT */
635
+ ))]), withDirectives(createElementVNode(
636
+ "div",
637
+ _hoisted_18,
638
+ [createVNode(_component_tiny_exception, {
639
+ "component-page": "",
640
+ type: "noresult",
641
+ tiny_mode: "mobile-first",
642
+ tiny_mode_root: ""
643
+ })],
644
+ 512
645
+ /* NEED_PATCH */
646
+ ), [[vShow, _ctx.state.search.loaded && !_ctx.state.search.filterOptions.length]])])],
647
+ 2
648
+ /* CLASS */
649
+ )];
650
+ }),
651
+ _: 3
652
+ /* FORWARDED */
653
+ }, 8, ["title", "lock-scroll", "mask", "show-header", "custom-class", "visible"]), createVNode(_component_tiny_action_sheet, {
654
+ "data-tag": "selected-box",
655
+ "custom-class": "h-3/4 text-color-text-primary",
656
+ title: _ctx.t("ui.select.selected"),
657
+ "show-footer": "",
658
+ "lock-scroll": false,
659
+ menus: _ctx.state.selected.options,
660
+ visible: _ctx.state.selected.show,
661
+ "onUpdate:visible": _cache[8] || (_cache[8] = function($event) {
662
+ return _ctx.state.selected.show = $event;
663
+ })
664
+ }, {
665
+ "header-left": withCtx(function() {
666
+ return [createElementVNode(
667
+ "div",
668
+ {
669
+ class: "cursor-pointer text-color-brand",
670
+ onClick: _cache[6] || (_cache[6] = function() {
671
+ return _ctx.clean && _ctx.clean.apply(_ctx, arguments);
672
+ })
673
+ },
674
+ toDisplayString(_ctx.t("ui.datepicker.clear")),
675
+ 1
676
+ /* TEXT */
677
+ )];
678
+ }),
679
+ footer: withCtx(function() {
680
+ return [createVNode(_component_tiny_button, {
681
+ tiny_mode: "mobile-first",
682
+ "custom-class": "flex-1 w-full mx-4 sm:mx-0",
683
+ type: "primary",
684
+ size: "medium",
685
+ "reset-time": 0,
686
+ onClick: _cache[7] || (_cache[7] = function($event) {
687
+ return _ctx.toggleCheckList(false);
688
+ })
689
+ }, {
690
+ default: withCtx(function() {
691
+ return [createTextVNode(
692
+ toDisplayString(_ctx.t("ui.button.confirm")),
693
+ 1
694
+ /* TEXT */
695
+ )];
696
+ }),
697
+ _: 1
698
+ /* STABLE */
699
+ })];
700
+ }),
701
+ default: withCtx(function() {
702
+ return [createElementVNode("div", _hoisted_19, [(openBlock(true), createElementBlock(
703
+ Fragment,
704
+ null,
705
+ renderList(_ctx.state.computedSelectedList, function(item, index) {
706
+ return openBlock(), createBlock(
707
+ _component_tiny_option,
708
+ {
709
+ key: index
710
+ },
711
+ {
712
+ default: withCtx(function() {
713
+ return [createElementVNode("div", _hoisted_20, [createElementVNode(
714
+ "div",
715
+ _hoisted_21,
716
+ toDisplayString(item.waitLoad ? item.data[_ctx.valueField] : item.getPathText(_ctx.textField, " / ")),
717
+ 1
718
+ /* TEXT */
719
+ ), createElementVNode("div", _hoisted_22, [createVNode(_component_IconOperationfaild, {
720
+ class: "w-5 h-5 fill-color-text-placeholder",
721
+ onClick: function onClick($event) {
722
+ return _ctx.removeOption(item);
723
+ }
724
+ }, null, 8, ["onClick"])])])];
725
+ }),
726
+ _: 2
727
+ /* DYNAMIC */
728
+ },
729
+ 1024
730
+ /* DYNAMIC_SLOTS */
731
+ );
732
+ }),
733
+ 128
734
+ /* KEYED_FRAGMENT */
735
+ ))])];
736
+ }),
737
+ _: 1
738
+ /* STABLE */
739
+ }, 8, ["title", "menus", "visible"])]);
623
740
  }
624
- var CascaderView = /* @__PURE__ */ function() {
625
- return __component__.exports;
626
- }();
627
- var version = "2.22.0";
741
+ var CascaderView = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
742
+ var version = "3.22.0";
628
743
  CascaderView.model = {
629
744
  prop: "modelValue",
630
745
  event: "update:modelValue"