@das-fed/ui 1.1.4 → 6.3.0-beta.1
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/global/icons/index.local.js +1 -1
- package/global/style/index.css +1 -1
- package/global/style/scrollbar.css +22 -22
- package/global/theme/index.js +12 -12
- package/global/theme/module/color.js +31 -31
- package/global/theme/module/fontSize.js +5 -5
- package/global/theme/module/scrollbar.js +6 -6
- package/package.json +15 -9
- package/packages/business-components/app-container/index.js +154 -147
- package/packages/business-components/change-enterprises/index.css +1 -0
- package/packages/business-components/change-enterprises/index.js +241 -0
- package/packages/business-components/change-pwd/index.css +1 -0
- package/packages/business-components/change-pwd/index.js +330 -0
- package/packages/business-components/currency-page/index.css +1 -0
- package/packages/business-components/currency-page/index.js +99 -0
- package/packages/business-components/device-panel/index.css +1 -0
- package/packages/business-components/device-panel/index.js +115939 -0
- package/packages/business-components/echarts/index.js +93 -122
- package/packages/business-components/export-button/index.js +73 -66
- package/packages/business-components/import-button/index.js +213 -170
- package/packages/business-components/index.js +8 -1
- package/packages/business-components/layout-breadcrumb/index.js +82 -66
- package/packages/business-components/model-table-dialog/index.js +299 -289
- package/packages/business-components/process-configuration/index.css +1 -0
- package/packages/business-components/process-configuration/index.js +612 -0
- package/packages/business-components/process-form/index.css +1 -0
- package/packages/business-components/process-form/index.js +524 -0
- package/packages/business-components/process-search-form/index.js +73 -315
- package/packages/business-components/process-table/index.css +1 -1
- package/packages/business-components/process-table/index.js +186 -152
- package/packages/business-components/urgent-panel/index.css +1 -0
- package/packages/business-components/urgent-panel/index.js +3914 -0
- package/packages/business-components/user-org-dialog/index.js +466 -375
- package/packages/business-components/video-dialog/index.css +1 -0
- package/packages/business-components/video-dialog/index.js +1041 -0
- package/packages/business.js +1 -2
- package/packages/components/alert/index.js +449 -633
- package/packages/components/audio-video/index.css +1 -1
- package/packages/components/audio-video/index.js +312 -126
- package/packages/components/autocomplete/index.css +1 -1
- package/packages/components/autocomplete/index.js +312 -2923
- package/packages/components/breadcrumb/index.js +97 -82
- package/packages/components/button/index.css +1 -1
- package/packages/components/button/index.js +646 -787
- package/packages/components/calendar/index.css +1 -1
- package/packages/components/calendar/index.js +655 -3879
- package/packages/components/cascader/index.js +209 -203
- package/packages/components/checkbox/index.css +1 -1
- package/packages/components/checkbox/index.js +710 -872
- package/packages/components/collapse-panel/index.css +1 -1
- package/packages/components/collapse-panel/index.js +419 -601
- package/packages/components/collapse-transition/index.js +23 -21
- package/packages/components/collaspe/index.css +1 -1
- package/packages/components/collaspe/index.js +413 -595
- package/packages/components/color-picker/index.css +1 -1
- package/packages/components/color-picker/index.js +176 -133
- package/packages/components/custom-search-item/index.js +43 -37
- package/packages/components/date-picker/index.js +1338 -1459
- package/packages/components/dialog/index.js +429 -215
- package/packages/components/dimple-layout/index.css +1 -1
- package/packages/components/dimple-layout/index.js +1298 -1794
- package/packages/components/drawer/index.js +105 -77
- package/packages/components/dropdown/index.js +129 -109
- package/packages/components/edit-table/index.css +1 -1
- package/packages/components/edit-table/index.js +868 -752
- package/packages/components/empty/index.js +83 -78
- package/packages/components/form/index.js +22 -15
- package/packages/components/form-item/index.css +1 -1
- package/packages/components/form-item/index.js +601 -440
- package/packages/components/icon/index.css +1 -1
- package/packages/components/icon/index.js +38 -22
- package/packages/components/image-preview/index.css +1 -0
- package/packages/components/image-preview/index.js +2714 -0
- package/packages/components/image-upload/index.js +601 -765
- package/packages/components/image-viewer/index.css +1 -1
- package/packages/components/image-viewer/index.js +909 -990
- package/packages/components/index.js +2 -2
- package/packages/components/input/index.css +1 -1
- package/packages/components/input/index.js +284 -256
- package/packages/components/input-dialog-select/index.css +1 -1
- package/packages/components/input-dialog-select/index.js +179 -156
- package/packages/components/input-number/index.css +1 -1
- package/packages/components/input-number/index.js +157 -170
- package/packages/components/live-player/index.css +1 -0
- package/packages/components/live-player/index.js +170 -0
- package/packages/components/loading/index.js +17 -26
- package/packages/components/map/index.css +1 -1
- package/packages/components/map/index.js +18913 -461
- package/packages/components/menu-aside/index.css +1 -1
- package/packages/components/menu-aside/index.js +648 -713
- package/packages/components/menu-header/index.js +446 -629
- package/packages/components/message/index.js +25 -16
- package/packages/components/notification/index.js +386 -575
- package/packages/components/overlay/index.js +112 -103
- package/packages/components/pagination/index.js +260 -330
- package/packages/components/popover/index.js +104 -93
- package/packages/components/popup-mask/index.css +1 -1
- package/packages/components/popup-mask/index.js +77 -72
- package/packages/components/preview/index.js +33 -28
- package/packages/components/progress/index.js +214 -221
- package/packages/components/radio/index.css +1 -1
- package/packages/components/radio/index.js +699 -862
- package/packages/components/radio-tabs/index.js +144 -107
- package/packages/components/rich-editor/index.css +1 -1
- package/packages/components/rich-editor/index.js +105 -106
- package/packages/components/scrollbar/index.css +3 -2
- package/packages/components/scrollbar/index.js +2262 -1201
- package/packages/components/search/index.js +500 -664
- package/packages/components/search-form/index.css +1 -1
- package/packages/components/search-form/index.js +724 -626
- package/packages/components/select/index.css +1 -1
- package/packages/components/select/index.js +1052 -950
- package/packages/components/select-input/index.js +63 -53
- package/packages/components/select-list/index.css +1 -1
- package/packages/components/select-list/index.js +258 -235
- package/packages/components/special-range-picker-month/index.css +1 -1
- package/packages/components/special-range-picker-month/index.js +3068 -72555
- package/packages/components/special-range-picker-year/index.css +1 -1
- package/packages/components/special-range-picker-year/index.js +345 -339
- package/packages/components/spin/index.js +415 -594
- package/packages/components/split-panel/index.css +1 -1
- package/packages/components/split-panel/index.js +146 -127
- package/packages/components/step/index.js +414 -597
- package/packages/components/steps/index.js +407 -590
- package/packages/components/switch/index.js +23 -23
- package/packages/components/table/index.css +1 -1
- package/packages/components/table/index.js +80813 -27734
- package/packages/components/tabs/index.css +1 -1
- package/packages/components/tabs/index.js +620 -813
- package/packages/components/tag/index.js +63 -63
- package/packages/components/text-tooltip/index.css +9 -0
- package/packages/components/text-tooltip/index.js +2739 -33
- package/packages/components/time-line/index.js +464 -643
- package/packages/components/tooltip/index.css +1 -1
- package/packages/components/tooltip/index.js +108 -79
- package/packages/components/tree/index.css +1 -1
- package/packages/components/tree/index.js +840 -809
- package/packages/components/tree-select/index.js +271 -303
- package/packages/components/tree-table/index.js +461 -352
- package/packages/components/upload/index.js +682 -858
- package/packages/components/virtual-tree/index.css +1 -1
- package/packages/components/virtual-tree/index.js +144 -126
- package/packages/index.d.ts +1 -0
- package/packages/index.js +2 -2
- package/style/business.css +11 -4
- package/style/index.css +52 -42
- package/packages/business-components/low-code/index.css +0 -1
- package/packages/business-components/low-code/index.js +0 -60
- package/packages/components/audio-video-player/index.css +0 -1
- package/packages/components/audio-video-player/index.js +0 -83
- package/packages/components/table-column/index.css +0 -1
- package/packages/components/table-column/index.js +0 -82021
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent, openBlock, createElementBlock, createElementVNode, warn, inject, ref, computed, unref as unref$1, isRef, getCurrentInstance, watch as watch$1, onMounted, shallowRef, onBeforeUnmount, onBeforeMount, provide, mergeProps, renderSlot, toRef, onUnmounted, normalizeClass, normalizeStyle, withDirectives, cloneVNode, Fragment, Text, Comment, createVNode, createBlock, withCtx, createCommentVNode, nextTick, Teleport, Transition, vShow, readonly, onDeactivated, toDisplayString, toRaw, useSlots, resolveDynamicComponent, withModifiers, vModelCheckbox, createTextVNode, toRefs, toHandlers, reactive, h, resolveComponent, renderList, onUpdated, createApp, useAttrs, createSlots } from 'vue';
|
|
2
2
|
import { withInstall as withInstall$1 } from '@das-fed/utils';
|
|
3
3
|
import { setThemeRule } from '@das-fed/web';
|
|
4
|
-
import { DasIcon, DasInput,
|
|
4
|
+
import { DasIcon, DasInput, vOverlay, vDasTooltip } from '@das-fed/ui';
|
|
5
5
|
import { arrUnique } from '@das-fed/utils/common-tools';
|
|
6
6
|
import { unref, getCurrentScope, onScopeDispose, watch } from 'vue-demi';
|
|
7
7
|
|
|
@@ -197,11 +197,13 @@ __spreadValues({
|
|
|
197
197
|
}, _TransitionPresets);
|
|
198
198
|
|
|
199
199
|
/**
|
|
200
|
-
* @vue/shared v3.4.
|
|
200
|
+
* @vue/shared v3.4.27
|
|
201
201
|
* (c) 2018-present Yuxi (Evan) You and Vue contributors
|
|
202
202
|
* @license MIT
|
|
203
203
|
**/
|
|
204
204
|
|
|
205
|
+
|
|
206
|
+
|
|
205
207
|
!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
|
|
206
208
|
!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
|
|
207
209
|
const NOOP = () => {
|
|
@@ -1245,7 +1247,7 @@ function arrayLikeKeys(value, inherited) {
|
|
|
1245
1247
|
length = result.length;
|
|
1246
1248
|
|
|
1247
1249
|
for (var key in value) {
|
|
1248
|
-
if ((
|
|
1250
|
+
if ((hasOwnProperty$5.call(value, key)) &&
|
|
1249
1251
|
!(skipIndexes && (
|
|
1250
1252
|
// Safari 9 has enumerable `arguments.length` in strict mode.
|
|
1251
1253
|
key == 'length' ||
|
|
@@ -2036,14 +2038,11 @@ function baseFlatten(array, depth, predicate, isStrict, result) {
|
|
|
2036
2038
|
|
|
2037
2039
|
while (++index < length) {
|
|
2038
2040
|
var value = array[index];
|
|
2039
|
-
if (
|
|
2040
|
-
|
|
2041
|
-
// Recursively flatten arrays (susceptible to call stack limits).
|
|
2042
|
-
baseFlatten(value, depth - 1, predicate, isStrict, result);
|
|
2043
|
-
} else {
|
|
2041
|
+
if (predicate(value)) {
|
|
2042
|
+
{
|
|
2044
2043
|
arrayPush(result, value);
|
|
2045
2044
|
}
|
|
2046
|
-
} else
|
|
2045
|
+
} else {
|
|
2047
2046
|
result[result.length] = value;
|
|
2048
2047
|
}
|
|
2049
2048
|
}
|
|
@@ -2066,7 +2065,7 @@ function baseFlatten(array, depth, predicate, isStrict, result) {
|
|
|
2066
2065
|
*/
|
|
2067
2066
|
function flatten(array) {
|
|
2068
2067
|
var length = array == null ? 0 : array.length;
|
|
2069
|
-
return length ? baseFlatten(array
|
|
2068
|
+
return length ? baseFlatten(array) : [];
|
|
2070
2069
|
}
|
|
2071
2070
|
|
|
2072
2071
|
/**
|
|
@@ -3041,7 +3040,7 @@ function baseSet(object, path, value, customizer) {
|
|
|
3041
3040
|
|
|
3042
3041
|
if (index != lastIndex) {
|
|
3043
3042
|
var objValue = nested[key];
|
|
3044
|
-
newValue =
|
|
3043
|
+
newValue = undefined;
|
|
3045
3044
|
if (newValue === undefined) {
|
|
3046
3045
|
newValue = isObject(objValue)
|
|
3047
3046
|
? objValue
|
|
@@ -4000,12 +3999,7 @@ const configProviderContextKey = Symbol();
|
|
|
4000
3999
|
const globalConfig = ref();
|
|
4001
4000
|
function useGlobalConfig(key, defaultValue = void 0) {
|
|
4002
4001
|
const config = getCurrentInstance() ? inject(configProviderContextKey, globalConfig) : globalConfig;
|
|
4003
|
-
|
|
4004
|
-
return computed(() => {
|
|
4005
|
-
var _a, _b;
|
|
4006
|
-
return (_b = (_a = config.value) == null ? void 0 : _a[key]) != null ? _b : defaultValue;
|
|
4007
|
-
});
|
|
4008
|
-
} else {
|
|
4002
|
+
{
|
|
4009
4003
|
return config;
|
|
4010
4004
|
}
|
|
4011
4005
|
}
|
|
@@ -4039,7 +4033,7 @@ const provideGlobalConfig = (config, app, global = false) => {
|
|
|
4039
4033
|
var _a;
|
|
4040
4034
|
const inSetup = !!getCurrentInstance();
|
|
4041
4035
|
const oldConfig = inSetup ? useGlobalConfig() : void 0;
|
|
4042
|
-
const provideFn = (_a =
|
|
4036
|
+
const provideFn = (_a = void 0 ) != null ? _a : inSetup ? provide : void 0;
|
|
4043
4037
|
if (!provideFn) {
|
|
4044
4038
|
debugWarn("provideGlobalConfig", "provideGlobalConfig() can only be used inside setup().");
|
|
4045
4039
|
return;
|
|
@@ -4859,10 +4853,10 @@ const _sfc_main$h = defineComponent({
|
|
|
4859
4853
|
};
|
|
4860
4854
|
}
|
|
4861
4855
|
});
|
|
4862
|
-
function _sfc_render$
|
|
4856
|
+
function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4863
4857
|
return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
|
|
4864
4858
|
}
|
|
4865
|
-
var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["render", _sfc_render$
|
|
4859
|
+
var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["render", _sfc_render$7], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/focus-trap/src/focus-trap.vue"]]);
|
|
4866
4860
|
|
|
4867
4861
|
const POSITIONING_STRATEGIES = ["fixed", "absolute"];
|
|
4868
4862
|
const popperCoreConfigProps = buildProps({
|
|
@@ -6376,19 +6370,19 @@ const _CollapseTransition = CollapseTransition;
|
|
|
6376
6370
|
const _sfc_main$8 = /* @__PURE__ */ defineComponent({
|
|
6377
6371
|
inheritAttrs: false
|
|
6378
6372
|
});
|
|
6379
|
-
function _sfc_render$
|
|
6373
|
+
function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
|
|
6380
6374
|
return renderSlot(_ctx.$slots, "default");
|
|
6381
6375
|
}
|
|
6382
|
-
var Collection = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["render", _sfc_render$
|
|
6376
|
+
var Collection = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["render", _sfc_render$6], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/collection/src/collection.vue"]]);
|
|
6383
6377
|
|
|
6384
6378
|
const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
6385
6379
|
name: "ElCollectionItem",
|
|
6386
6380
|
inheritAttrs: false
|
|
6387
6381
|
});
|
|
6388
|
-
function _sfc_render$
|
|
6382
|
+
function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
|
|
6389
6383
|
return renderSlot(_ctx.$slots, "default");
|
|
6390
6384
|
}
|
|
6391
|
-
var CollectionItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["render", _sfc_render$
|
|
6385
|
+
var CollectionItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["render", _sfc_render$5], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/collection/src/collection-item.vue"]]);
|
|
6392
6386
|
|
|
6393
6387
|
const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
|
|
6394
6388
|
const createCollectionWithScope = (name) => {
|
|
@@ -7840,7 +7834,7 @@ const _sfc_main$4 = defineComponent({
|
|
|
7840
7834
|
});
|
|
7841
7835
|
const _hoisted_1$2 = ["aria-expanded", "aria-disabled", "aria-checked", "draggable", "data-key"];
|
|
7842
7836
|
const _hoisted_2$2 = ["aria-expanded"];
|
|
7843
|
-
function _sfc_render$
|
|
7837
|
+
function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
|
|
7844
7838
|
const _component_el_icon = resolveComponent("el-icon");
|
|
7845
7839
|
const _component_el_checkbox = resolveComponent("el-checkbox");
|
|
7846
7840
|
const _component_loading = resolveComponent("loading");
|
|
@@ -7945,7 +7939,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
7945
7939
|
[vShow, _ctx.node.visible]
|
|
7946
7940
|
]);
|
|
7947
7941
|
}
|
|
7948
|
-
var ElTreeNode = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["render", _sfc_render$
|
|
7942
|
+
var ElTreeNode = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["render", _sfc_render$4], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/tree/src/tree-node.vue"]]);
|
|
7949
7943
|
|
|
7950
7944
|
function useKeydown({ el$ }, store) {
|
|
7951
7945
|
const ns = useNamespace("tree");
|
|
@@ -8299,7 +8293,7 @@ const _sfc_main$3 = defineComponent({
|
|
|
8299
8293
|
};
|
|
8300
8294
|
}
|
|
8301
8295
|
});
|
|
8302
|
-
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
8296
|
+
function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
|
|
8303
8297
|
const _component_el_tree_node = resolveComponent("el-tree-node");
|
|
8304
8298
|
return openBlock(), createElementBlock("div", {
|
|
8305
8299
|
ref: "el$",
|
|
@@ -8345,7 +8339,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
8345
8339
|
])
|
|
8346
8340
|
], 2);
|
|
8347
8341
|
}
|
|
8348
|
-
var Tree$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["render", _sfc_render], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/tree/src/tree.vue"]]);
|
|
8342
|
+
var Tree$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["render", _sfc_render$3], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/tree/src/tree.vue"]]);
|
|
8349
8343
|
|
|
8350
8344
|
Tree$1.install = (app) => {
|
|
8351
8345
|
app.component(Tree$1.name, Tree$1);
|
|
@@ -8634,14 +8628,13 @@ const ElLoading = {
|
|
|
8634
8628
|
|
|
8635
8629
|
var _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
8636
8630
|
__name: "expand-icon",
|
|
8637
|
-
setup(__props) {
|
|
8638
|
-
|
|
8639
|
-
|
|
8640
|
-
|
|
8641
|
-
|
|
8642
|
-
|
|
8643
|
-
|
|
8644
|
-
};
|
|
8631
|
+
setup(__props, { expose: __expose }) {
|
|
8632
|
+
__expose();
|
|
8633
|
+
const __returned__ = { get DasIcon() {
|
|
8634
|
+
return DasIcon;
|
|
8635
|
+
} };
|
|
8636
|
+
Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
|
|
8637
|
+
return __returned__;
|
|
8645
8638
|
}
|
|
8646
8639
|
});
|
|
8647
8640
|
|
|
@@ -8653,33 +8646,45 @@ var _export_sfc = (sfc, props) => {
|
|
|
8653
8646
|
return target;
|
|
8654
8647
|
};
|
|
8655
8648
|
|
|
8656
|
-
|
|
8649
|
+
function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
|
|
8650
|
+
return openBlock(), createBlock($setup["DasIcon"], {
|
|
8651
|
+
class: "das-tree__expand-icon",
|
|
8652
|
+
icon: "caretRight",
|
|
8653
|
+
size: "medium"
|
|
8654
|
+
});
|
|
8655
|
+
}
|
|
8656
|
+
var ExpandIcon = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-f6a954b2"], ["__file", "/Users/xiecp/das/das-fe/framework/packages/das-ui/packages/components/tree/src/expand-icon.vue"]]);
|
|
8657
8657
|
|
|
8658
|
-
const _hoisted_1$1 = { class: "tree-empty-block" };
|
|
8659
|
-
const _hoisted_2$1 = { class: "tree-empty-text" };
|
|
8660
8658
|
var _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
8661
8659
|
__name: "empty",
|
|
8662
8660
|
props: {
|
|
8663
8661
|
emptyText: { type: String, required: false }
|
|
8664
8662
|
},
|
|
8665
|
-
setup(__props) {
|
|
8666
|
-
|
|
8667
|
-
|
|
8668
|
-
|
|
8669
|
-
|
|
8670
|
-
|
|
8671
|
-
toDisplayString(_ctx.emptyText),
|
|
8672
|
-
1
|
|
8673
|
-
/* TEXT */
|
|
8674
|
-
)
|
|
8675
|
-
], true)
|
|
8676
|
-
])
|
|
8677
|
-
]);
|
|
8678
|
-
};
|
|
8663
|
+
setup(__props, { expose: __expose }) {
|
|
8664
|
+
__expose();
|
|
8665
|
+
const props = __props;
|
|
8666
|
+
const __returned__ = { props };
|
|
8667
|
+
Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
|
|
8668
|
+
return __returned__;
|
|
8679
8669
|
}
|
|
8680
8670
|
});
|
|
8681
8671
|
|
|
8682
|
-
|
|
8672
|
+
const _hoisted_1$1 = { class: "tree-empty-block" };
|
|
8673
|
+
const _hoisted_2$1 = { class: "tree-empty-text" };
|
|
8674
|
+
function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
8675
|
+
return openBlock(), createElementBlock("div", _hoisted_1$1, [
|
|
8676
|
+
createElementVNode("div", _hoisted_2$1, [
|
|
8677
|
+
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
8678
|
+
createTextVNode(
|
|
8679
|
+
toDisplayString($props.emptyText),
|
|
8680
|
+
1
|
|
8681
|
+
/* TEXT */
|
|
8682
|
+
)
|
|
8683
|
+
], true)
|
|
8684
|
+
])
|
|
8685
|
+
]);
|
|
8686
|
+
}
|
|
8687
|
+
var TreeEmpty = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-4eb51dc8"], ["__file", "/Users/xiecp/das/das-fe/framework/packages/das-ui/packages/components/tree/src/empty.vue"]]);
|
|
8683
8688
|
|
|
8684
8689
|
const hasCssUnit = (value) => {
|
|
8685
8690
|
const regex = /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/;
|
|
@@ -25913,7 +25918,7 @@ lodash.exports;
|
|
|
25913
25918
|
|
|
25914
25919
|
var lodashExports = lodash.exports;
|
|
25915
25920
|
|
|
25916
|
-
const useTree = (props, emit, treeRef, treePath, innerValue, isLazy, innerExpandedKeys,
|
|
25921
|
+
const useTree = (props, emit, treeRef, treePath, innerValue, isLazy, innerExpandedKeys, onCheck, rootNodeAllLeft) => {
|
|
25917
25922
|
const dasTree = ref(null);
|
|
25918
25923
|
const filterList = ref([]);
|
|
25919
25924
|
const changeFromInner = ref(false);
|
|
@@ -25931,16 +25936,13 @@ const useTree = (props, emit, treeRef, treePath, innerValue, isLazy, innerExpand
|
|
|
25931
25936
|
});
|
|
25932
25937
|
const realHeight = computed(() => {
|
|
25933
25938
|
let height = "100%";
|
|
25934
|
-
if (props.height)
|
|
25935
|
-
height = handleUnit(props.height);
|
|
25939
|
+
if (props.height) height = handleUnit(props.height);
|
|
25936
25940
|
return height;
|
|
25937
25941
|
});
|
|
25938
25942
|
const customLabel = (type, node, data) => {
|
|
25939
|
-
if (!props.operationsLabel)
|
|
25940
|
-
return;
|
|
25943
|
+
if (!props.operationsLabel) return;
|
|
25941
25944
|
const label = props.operationsLabel[type];
|
|
25942
|
-
if (!label)
|
|
25943
|
-
return;
|
|
25945
|
+
if (!label) return;
|
|
25944
25946
|
if (typeof label === "function") {
|
|
25945
25947
|
return label(node, data);
|
|
25946
25948
|
} else {
|
|
@@ -25979,16 +25981,15 @@ const useTree = (props, emit, treeRef, treePath, innerValue, isLazy, innerExpand
|
|
|
25979
25981
|
} else {
|
|
25980
25982
|
result.list = [];
|
|
25981
25983
|
}
|
|
25984
|
+
if (result.list?.length) result.list = result.list.filter((item) => !item.hidden);
|
|
25982
25985
|
if (props.mergeOprations?.position) {
|
|
25983
25986
|
if (typeof props.mergeOprations.position !== "function") {
|
|
25984
25987
|
result.position = props.mergeOprations.position;
|
|
25985
25988
|
} else {
|
|
25986
25989
|
result.position = props.mergeOprations.position(node, data);
|
|
25987
25990
|
}
|
|
25988
|
-
if (result.position === "left")
|
|
25989
|
-
|
|
25990
|
-
if (result.position === "right")
|
|
25991
|
-
result.position = "bottom";
|
|
25991
|
+
if (result.position === "left") result.position = "top";
|
|
25992
|
+
if (result.position === "right") result.position = "bottom";
|
|
25992
25993
|
} else {
|
|
25993
25994
|
result.position = POSITION;
|
|
25994
25995
|
}
|
|
@@ -26023,11 +26024,10 @@ const useTree = (props, emit, treeRef, treePath, innerValue, isLazy, innerExpand
|
|
|
26023
26024
|
}
|
|
26024
26025
|
];
|
|
26025
26026
|
} else {
|
|
26026
|
-
|
|
26027
|
+
typeof props.operations === "function" ? operations = props.operations(node, data) : operations = props.operations;
|
|
26027
26028
|
}
|
|
26028
26029
|
}
|
|
26029
|
-
if (!operations)
|
|
26030
|
-
return [];
|
|
26030
|
+
if (!operations || !operations.length) return [];
|
|
26031
26031
|
if (!props.operations) {
|
|
26032
26032
|
let layoutArr = [];
|
|
26033
26033
|
if (props.operationsLayout) {
|
|
@@ -26036,26 +26036,31 @@ const useTree = (props, emit, treeRef, treePath, innerValue, isLazy, innerExpand
|
|
|
26036
26036
|
if (operations?.length && layoutArr?.length) {
|
|
26037
26037
|
layoutArr.forEach((item) => {
|
|
26038
26038
|
const currentItem = operations.find((ele) => ele.value === item);
|
|
26039
|
-
if (currentItem)
|
|
26040
|
-
result.push(currentItem);
|
|
26039
|
+
if (currentItem) result.push(currentItem);
|
|
26041
26040
|
});
|
|
26042
26041
|
}
|
|
26043
26042
|
} else {
|
|
26044
26043
|
result = operations;
|
|
26045
26044
|
}
|
|
26046
|
-
if (node.level === Number(props.maxNodeLevel))
|
|
26045
|
+
if (node.level === Number(props.maxNodeLevel)) {
|
|
26047
26046
|
result = result.filter((item) => item.icon !== "addItem" && item.name !== "\u65B0\u589E\u5B50\u7EA7");
|
|
26047
|
+
}
|
|
26048
|
+
if (result.length) result = result.filter((item) => !item.hidden);
|
|
26048
26049
|
return result;
|
|
26049
26050
|
};
|
|
26050
26051
|
const handleOperation = (item, node, data) => {
|
|
26051
|
-
if (item.disabled)
|
|
26052
|
-
|
|
26053
|
-
|
|
26054
|
-
|
|
26052
|
+
if (item.disabled) return;
|
|
26053
|
+
oprationsPopoverRefs.value.forEach((currentPoppver) => {
|
|
26054
|
+
currentPoppver.el?.hide();
|
|
26055
|
+
});
|
|
26055
26056
|
currentOprationKey.value = "";
|
|
26056
|
-
emit("handleOperation", item, node, data);
|
|
26057
|
+
setTimeout(() => emit("handleOperation", item, node, data), 0);
|
|
26057
26058
|
};
|
|
26058
|
-
const
|
|
26059
|
+
const defaultFilterNodeMethod = (value, data) => {
|
|
26060
|
+
if (!value) return true;
|
|
26061
|
+
return data[defaultProps.value.label].toLowerCase().includes(value.toLowerCase());
|
|
26062
|
+
};
|
|
26063
|
+
const filterNodeMethodFn = computed(() => props?.filterNodeMethod ?? defaultFilterNodeMethod);
|
|
26059
26064
|
const filterInnerValue = computed({
|
|
26060
26065
|
get: () => props.filterValue,
|
|
26061
26066
|
set: (val) => {
|
|
@@ -26070,18 +26075,11 @@ const useTree = (props, emit, treeRef, treePath, innerValue, isLazy, innerExpand
|
|
|
26070
26075
|
}
|
|
26071
26076
|
const child = defaultProps.value.children;
|
|
26072
26077
|
if (realVal && props.data) {
|
|
26073
|
-
|
|
26074
|
-
|
|
26075
|
-
|
|
26076
|
-
});
|
|
26077
|
-
} else {
|
|
26078
|
-
filterList.value = flatTree(props.data, child).filter((item) => {
|
|
26079
|
-
return filterNodeMethodFn.value && filterNodeMethodFn.value(realVal, item);
|
|
26080
|
-
});
|
|
26081
|
-
}
|
|
26078
|
+
filterList.value = flatTree(props.data, child).filter((item) => {
|
|
26079
|
+
return filterNodeMethodFn.value(realVal, item);
|
|
26080
|
+
});
|
|
26082
26081
|
} else {
|
|
26083
|
-
if (props.data)
|
|
26084
|
-
filterList.value = flatTree(props.data, child);
|
|
26082
|
+
if (props.data) filterList.value = flatTree(props.data, child);
|
|
26085
26083
|
}
|
|
26086
26084
|
if (!filterList.value.length)
|
|
26087
26085
|
filterList.value.push({ [defaultProps.value.label]: "\u6682\u65E0\u6570\u636E", id: "nodata" });
|
|
@@ -26090,8 +26088,7 @@ const useTree = (props, emit, treeRef, treePath, innerValue, isLazy, innerExpand
|
|
|
26090
26088
|
filterList.value = [];
|
|
26091
26089
|
};
|
|
26092
26090
|
const filterMethod = (value, data) => {
|
|
26093
|
-
if (!value)
|
|
26094
|
-
return true;
|
|
26091
|
+
if (!value) return true;
|
|
26095
26092
|
return data[defaultProps.value?.label].includes(value);
|
|
26096
26093
|
};
|
|
26097
26094
|
const disabledFlag = (item, node) => {
|
|
@@ -26103,6 +26100,15 @@ const useTree = (props, emit, treeRef, treePath, innerValue, isLazy, innerExpand
|
|
|
26103
26100
|
}
|
|
26104
26101
|
return disabled;
|
|
26105
26102
|
};
|
|
26103
|
+
const findSelectableParentNode = (node, parentIdProps = "parentId") => {
|
|
26104
|
+
const parentId = node[parentIdProps];
|
|
26105
|
+
const nodesMap = treeRef.value?.store.nodesMap;
|
|
26106
|
+
const parentNode = nodesMap?.[parentId] ?? null;
|
|
26107
|
+
if (!parentNode) return [null, null];
|
|
26108
|
+
if (!disabledFlag(parentNode.data, parentNode)) return [parentNode.data, parentNode];
|
|
26109
|
+
const res = findSelectableParentNode(parentNode.data, parentIdProps);
|
|
26110
|
+
if (res) return res;
|
|
26111
|
+
};
|
|
26106
26112
|
const isLeafFlag = (item, node) => {
|
|
26107
26113
|
let isLeaf = false;
|
|
26108
26114
|
if (typeof defaultProps.value.isLeaf === "string") {
|
|
@@ -26121,6 +26127,11 @@ const useTree = (props, emit, treeRef, treePath, innerValue, isLazy, innerExpand
|
|
|
26121
26127
|
}
|
|
26122
26128
|
return allowUnSelect;
|
|
26123
26129
|
};
|
|
26130
|
+
const isAllowDrag = (node) => {
|
|
26131
|
+
if (!props.draggable) return false;
|
|
26132
|
+
if (!props.allowDrag) return true;
|
|
26133
|
+
return props.allowDrag(node);
|
|
26134
|
+
};
|
|
26124
26135
|
const filterCustomClass = (item, index) => {
|
|
26125
26136
|
if (typeof props.filterItemClass === "string") {
|
|
26126
26137
|
return props.filterItemClass;
|
|
@@ -26130,13 +26141,10 @@ const useTree = (props, emit, treeRef, treePath, innerValue, isLazy, innerExpand
|
|
|
26130
26141
|
};
|
|
26131
26142
|
let treeClickCount = 0;
|
|
26132
26143
|
const nodeClick = async (item, node) => {
|
|
26133
|
-
if (disabledFlag(item, node) || props.showCheckbox)
|
|
26134
|
-
return;
|
|
26144
|
+
if (disabledFlag(item, node) || props.showCheckbox) return;
|
|
26135
26145
|
let flag = true;
|
|
26136
|
-
if (props.changeNodeConfirm)
|
|
26137
|
-
|
|
26138
|
-
if (!flag)
|
|
26139
|
-
return;
|
|
26146
|
+
if (props.changeNodeConfirm) flag = await props.changeNodeConfirm(item);
|
|
26147
|
+
if (!flag) return;
|
|
26140
26148
|
treeClickCount++;
|
|
26141
26149
|
nodeClickListener(item, node);
|
|
26142
26150
|
};
|
|
@@ -26154,28 +26162,35 @@ const useTree = (props, emit, treeRef, treePath, innerValue, isLazy, innerExpand
|
|
|
26154
26162
|
};
|
|
26155
26163
|
const clickNode = (item, node) => {
|
|
26156
26164
|
changeFromInner.value = true;
|
|
26157
|
-
|
|
26158
|
-
|
|
26159
|
-
if (item.path)
|
|
26160
|
-
|
|
26165
|
+
innerValue.value = item[props.nodeKey];
|
|
26166
|
+
treeRef.value?.setCurrentKey(innerValue.value);
|
|
26167
|
+
if (item.path) treePath.value = item.path;
|
|
26168
|
+
emit("change", item[props.nodeKey]);
|
|
26161
26169
|
emit("node-click", item, node);
|
|
26162
26170
|
emit("node-change", item);
|
|
26163
26171
|
};
|
|
26172
|
+
const currentChange = async (item, node) => {
|
|
26173
|
+
await nextTick();
|
|
26174
|
+
if (isLazy.value && !props.showCheckbox) {
|
|
26175
|
+
if (innerValue.value && item[props.nodeKey] !== innerValue.value) return;
|
|
26176
|
+
emit("current-change", item, node);
|
|
26177
|
+
} else {
|
|
26178
|
+
emit("current-change", item, node);
|
|
26179
|
+
}
|
|
26180
|
+
};
|
|
26164
26181
|
const isActive = (data, list = false) => {
|
|
26165
26182
|
let flag = false;
|
|
26166
26183
|
if (props?.nodeKey) {
|
|
26167
26184
|
if (!props.showCheckbox) {
|
|
26168
26185
|
flag = !!(innerValue.value === data[props.nodeKey]);
|
|
26169
26186
|
} else {
|
|
26170
|
-
if (list)
|
|
26171
|
-
flag = !!innerValue.value.includes(data[props.nodeKey]);
|
|
26187
|
+
if (list) flag = !!innerValue.value.includes(data[props.nodeKey]);
|
|
26172
26188
|
}
|
|
26173
26189
|
}
|
|
26174
26190
|
return flag;
|
|
26175
26191
|
};
|
|
26176
26192
|
const selectItem = async (item, index) => {
|
|
26177
|
-
if (disabledFlag(item, null))
|
|
26178
|
-
return;
|
|
26193
|
+
if (disabledFlag(item, null)) return;
|
|
26179
26194
|
if (!props.showCheckbox) {
|
|
26180
26195
|
nodeClick(item);
|
|
26181
26196
|
} else {
|
|
@@ -26185,9 +26200,8 @@ const useTree = (props, emit, treeRef, treePath, innerValue, isLazy, innerExpand
|
|
|
26185
26200
|
if (props?.nodeKey) {
|
|
26186
26201
|
if (!preCheckVal.includes(item[props.nodeKey])) {
|
|
26187
26202
|
const checkVal = preCheckVal.concat(item[props.nodeKey]) || [];
|
|
26188
|
-
if (props.showCheckbox)
|
|
26189
|
-
|
|
26190
|
-
checkChange(item, true);
|
|
26203
|
+
if (props.showCheckbox) treeRef.value?.setCheckedKeys(checkVal);
|
|
26204
|
+
onCheck(item, { checkedKeys: [...checkVal] }, true);
|
|
26191
26205
|
}
|
|
26192
26206
|
}
|
|
26193
26207
|
}
|
|
@@ -26207,25 +26221,21 @@ const useTree = (props, emit, treeRef, treePath, innerValue, isLazy, innerExpand
|
|
|
26207
26221
|
customClass = defaultProps.value.class(data, node);
|
|
26208
26222
|
}
|
|
26209
26223
|
}
|
|
26210
|
-
if (customClass)
|
|
26211
|
-
|
|
26212
|
-
if (
|
|
26213
|
-
className = `${className} is-active`;
|
|
26224
|
+
if (customClass) className = `${className} ${customClass}`;
|
|
26225
|
+
if (isActive(data)) className = `${className} is-active`;
|
|
26226
|
+
if (isAllowDrag(node)) className = `${className} show-draggable-icon`;
|
|
26214
26227
|
return className;
|
|
26215
26228
|
};
|
|
26216
26229
|
const expandParent = async () => {
|
|
26217
26230
|
await nextTick();
|
|
26218
|
-
if (changeFromInner.value)
|
|
26219
|
-
|
|
26220
|
-
if (!props.showCheckbox)
|
|
26221
|
-
treeRef.value?.setCurrentKey(innerValue.value, true);
|
|
26231
|
+
if (changeFromInner.value) return changeFromInner.value = false;
|
|
26232
|
+
if (!props.showCheckbox) treeRef.value?.setCurrentKey(innerValue.value, true);
|
|
26222
26233
|
return true;
|
|
26223
26234
|
};
|
|
26224
26235
|
watch$1(
|
|
26225
26236
|
() => props.data,
|
|
26226
26237
|
(newVal, oldVal) => {
|
|
26227
|
-
if (isLazy.value)
|
|
26228
|
-
return;
|
|
26238
|
+
if (isLazy.value) return;
|
|
26229
26239
|
if (!props.showOperations) {
|
|
26230
26240
|
if (newVal && newVal.length) {
|
|
26231
26241
|
const hasChild = newVal.find(
|
|
@@ -26236,8 +26246,7 @@ const useTree = (props, emit, treeRef, treePath, innerValue, isLazy, innerExpand
|
|
|
26236
26246
|
rootNodeAllLeft.value = false;
|
|
26237
26247
|
}
|
|
26238
26248
|
}
|
|
26239
|
-
if (JSON.stringify(newVal) === JSON.stringify(oldVal))
|
|
26240
|
-
return;
|
|
26249
|
+
if (JSON.stringify(newVal) === JSON.stringify(oldVal)) return;
|
|
26241
26250
|
if (newVal && newVal.length) {
|
|
26242
26251
|
if (props.defaultExpandRoot) {
|
|
26243
26252
|
const ids = newVal.map((item) => item[props.nodeKey]);
|
|
@@ -26264,6 +26273,7 @@ const useTree = (props, emit, treeRef, treePath, innerValue, isLazy, innerExpand
|
|
|
26264
26273
|
nodeClick,
|
|
26265
26274
|
defaultProps,
|
|
26266
26275
|
filterSeach,
|
|
26276
|
+
filterNodeMethodFn,
|
|
26267
26277
|
filterClear,
|
|
26268
26278
|
isActive,
|
|
26269
26279
|
expandParent,
|
|
@@ -26273,11 +26283,13 @@ const useTree = (props, emit, treeRef, treePath, innerValue, isLazy, innerExpand
|
|
|
26273
26283
|
setOprationsPopoverRefs,
|
|
26274
26284
|
isLeafFlag,
|
|
26275
26285
|
filterCustomClass,
|
|
26276
|
-
allowUnSelectFlag
|
|
26286
|
+
allowUnSelectFlag,
|
|
26287
|
+
findSelectableParentNode,
|
|
26288
|
+
currentChange
|
|
26277
26289
|
};
|
|
26278
26290
|
};
|
|
26279
26291
|
|
|
26280
|
-
const useLazyTree = (props, emit, treeRef, DasTree, isLazy, filterInnerValue, innerValue, defaultProps, treePath, nodeClick, treeNextTick, disabledFlag, isActive, isLeafFlag, lazyData,
|
|
26292
|
+
const useLazyTree = (props, emit, treeRef, DasTree, isLazy, filterInnerValue, innerValue, defaultProps, treePath, nodeClick, treeNextTick, disabledFlag, isActive, isLeafFlag, lazyData, onCheck, innerExpandedKeys, getGrandChildrenFn, rootNodeAllLeft) => {
|
|
26281
26293
|
const searchData = ref([]);
|
|
26282
26294
|
const loading = ref(false);
|
|
26283
26295
|
const firstLoadingInstance = ref(null);
|
|
@@ -26286,8 +26298,7 @@ const useLazyTree = (props, emit, treeRef, DasTree, isLazy, filterInnerValue, in
|
|
|
26286
26298
|
() => loading.value,
|
|
26287
26299
|
(newValue) => {
|
|
26288
26300
|
if (!newValue) {
|
|
26289
|
-
if (loadingInstance.value)
|
|
26290
|
-
loadingInstance.value.close();
|
|
26301
|
+
if (loadingInstance.value) loadingInstance.value.close();
|
|
26291
26302
|
return;
|
|
26292
26303
|
}
|
|
26293
26304
|
loadingInstance.value = DasTree.value && ElLoading.service({
|
|
@@ -26296,13 +26307,11 @@ const useLazyTree = (props, emit, treeRef, DasTree, isLazy, filterInnerValue, in
|
|
|
26296
26307
|
}
|
|
26297
26308
|
);
|
|
26298
26309
|
const load = async (data, level) => {
|
|
26299
|
-
if (!props.load)
|
|
26300
|
-
return;
|
|
26310
|
+
if (!props.load) return;
|
|
26301
26311
|
return await props.load(data, level);
|
|
26302
26312
|
};
|
|
26303
26313
|
const search = async () => {
|
|
26304
|
-
if (!props.search)
|
|
26305
|
-
return;
|
|
26314
|
+
if (!props.search) return;
|
|
26306
26315
|
return await props.search(filterInnerValue.value);
|
|
26307
26316
|
};
|
|
26308
26317
|
const rootLevelData = ref([]);
|
|
@@ -26328,8 +26337,7 @@ const useLazyTree = (props, emit, treeRef, DasTree, isLazy, filterInnerValue, in
|
|
|
26328
26337
|
firstLoading.value = false;
|
|
26329
26338
|
}
|
|
26330
26339
|
let { data } = res;
|
|
26331
|
-
if (!data)
|
|
26332
|
-
data = [];
|
|
26340
|
+
if (!data) data = [];
|
|
26333
26341
|
let allList = [];
|
|
26334
26342
|
const preData = node?.childNodes?.map((ele) => ele.data) || [];
|
|
26335
26343
|
if (preData && data && preData.length && data.length && preData.length === data.length) {
|
|
@@ -26379,34 +26387,32 @@ const useLazyTree = (props, emit, treeRef, DasTree, isLazy, filterInnerValue, in
|
|
|
26379
26387
|
return;
|
|
26380
26388
|
}
|
|
26381
26389
|
const data = await search();
|
|
26382
|
-
if (data.length === 0)
|
|
26383
|
-
data.push({ [defaultProps.value.label]: "\u6682\u65E0\u6570\u636E", id: "nodata" });
|
|
26390
|
+
if (data.length === 0) data.push({ [defaultProps.value.label]: "\u6682\u65E0\u6570\u636E", id: "nodata" });
|
|
26384
26391
|
searchData.value = data;
|
|
26385
26392
|
};
|
|
26386
26393
|
const handleSearchClear = () => {
|
|
26387
26394
|
searchData.value = [];
|
|
26388
26395
|
};
|
|
26389
|
-
const handleSearchResultItemClick = async (
|
|
26396
|
+
const handleSearchResultItemClick = async (data, treeCheck = false) => {
|
|
26397
|
+
let item = data ?? {};
|
|
26390
26398
|
searchData.value = [];
|
|
26391
26399
|
filterInnerValue.value = "";
|
|
26392
|
-
if (loading.value)
|
|
26393
|
-
|
|
26394
|
-
if (
|
|
26395
|
-
|
|
26396
|
-
const
|
|
26397
|
-
if (
|
|
26398
|
-
|
|
26399
|
-
|
|
26400
|
-
|
|
26401
|
-
pathArr.unshift(props.rootNodeId);
|
|
26400
|
+
if (loading.value) return;
|
|
26401
|
+
if (treeCheck && disabledFlag(item, null)) return;
|
|
26402
|
+
if (!item.path) item.path = item[props.nodeKey] ?? "";
|
|
26403
|
+
if (!item.path) return;
|
|
26404
|
+
const pathArr = item.path.split(/[\/,]/);
|
|
26405
|
+
if (pathArr[0] !== props.rootNodeId) pathArr.unshift(props.rootNodeId + "");
|
|
26406
|
+
const nodesMap = treeRef.value?.store.nodesMap;
|
|
26407
|
+
const currentNode = item[props.nodeKey] ? nodesMap[item[props.nodeKey]] : null;
|
|
26408
|
+
if (!currentNode) {
|
|
26402
26409
|
let lasetNodeKey = "", currentItem = {};
|
|
26403
26410
|
loading.value = true;
|
|
26404
26411
|
for (const id of pathArr) {
|
|
26405
26412
|
await nextTick();
|
|
26406
|
-
const
|
|
26407
|
-
const node =
|
|
26408
|
-
if (!node)
|
|
26409
|
-
continue;
|
|
26413
|
+
const currentNodesMap = treeRef.value?.store.nodesMap;
|
|
26414
|
+
const node = currentNodesMap[id];
|
|
26415
|
+
if (!node) continue;
|
|
26410
26416
|
if (node.loaded) {
|
|
26411
26417
|
lasetNodeKey = id;
|
|
26412
26418
|
continue;
|
|
@@ -26414,9 +26420,8 @@ const useLazyTree = (props, emit, treeRef, DasTree, isLazy, filterInnerValue, in
|
|
|
26414
26420
|
node.loading = true;
|
|
26415
26421
|
node.childNodes = [];
|
|
26416
26422
|
node.shouldLoadData();
|
|
26417
|
-
const
|
|
26418
|
-
if (
|
|
26419
|
-
node.doCreateChildren(data);
|
|
26423
|
+
const data2 = await lazyLoad(node);
|
|
26424
|
+
if (data2 && data2.length) node.doCreateChildren(data2);
|
|
26420
26425
|
node.loaded = true;
|
|
26421
26426
|
node.loading = false;
|
|
26422
26427
|
node.expand();
|
|
@@ -26424,14 +26429,14 @@ const useLazyTree = (props, emit, treeRef, DasTree, isLazy, filterInnerValue, in
|
|
|
26424
26429
|
lasetNodeKey = id;
|
|
26425
26430
|
currentItem = node.data;
|
|
26426
26431
|
}
|
|
26427
|
-
if (
|
|
26432
|
+
if (treeCheck && currentItem) {
|
|
26428
26433
|
if (!props.showCheckbox) {
|
|
26429
26434
|
nodeClick(currentItem);
|
|
26430
26435
|
} else {
|
|
26431
26436
|
const checkVal = innerValue.value.includes(lasetNodeKey) ? lodashExports.cloneDeep(innerValue.value) : lodashExports.cloneDeep([...innerValue.value, lasetNodeKey]);
|
|
26432
26437
|
treeRef.value?.setCheckedKeys(checkVal);
|
|
26433
|
-
|
|
26434
|
-
treeRef.value?.setCurrentKey(currentItem[props.nodeKey]);
|
|
26438
|
+
onCheck(currentItem, { checkedKeys: [...checkVal] }, treeCheck);
|
|
26439
|
+
if (currentItem[props.nodeKey]) treeRef.value?.setCurrentKey(currentItem[props.nodeKey]);
|
|
26435
26440
|
}
|
|
26436
26441
|
emit("filter-node-click", currentItem);
|
|
26437
26442
|
}
|
|
@@ -26439,14 +26444,14 @@ const useLazyTree = (props, emit, treeRef, DasTree, isLazy, filterInnerValue, in
|
|
|
26439
26444
|
if (!props.showCheckbox) {
|
|
26440
26445
|
nodeClick(item);
|
|
26441
26446
|
} else {
|
|
26442
|
-
if (
|
|
26447
|
+
if (treeCheck) {
|
|
26443
26448
|
const isRootNode = rootLevelData.value?.find((node) => node[props.nodeKey] === item[props.nodeKey]);
|
|
26444
26449
|
if (!(props.hideRootCheckbox && isRootNode)) {
|
|
26445
26450
|
const checkVal = innerValue.value.includes(item.id) ? lodashExports.cloneDeep(innerValue.value) : lodashExports.cloneDeep([...innerValue.value, item.id]);
|
|
26446
26451
|
treeRef.value?.setCheckedKeys(checkVal);
|
|
26447
|
-
|
|
26452
|
+
onCheck(item, { checkedKeys: [...checkVal] }, treeCheck);
|
|
26448
26453
|
}
|
|
26449
|
-
treeRef.value?.setCurrentKey(item[props.nodeKey]);
|
|
26454
|
+
if (item[props.nodeKey]) treeRef.value?.setCurrentKey(item[props.nodeKey]);
|
|
26450
26455
|
}
|
|
26451
26456
|
}
|
|
26452
26457
|
emit("filter-node-click", item);
|
|
@@ -26457,11 +26462,9 @@ const useLazyTree = (props, emit, treeRef, DasTree, isLazy, filterInnerValue, in
|
|
|
26457
26462
|
const getDefaultNode = async () => {
|
|
26458
26463
|
let paths = props.defaultExpandedPaths || [];
|
|
26459
26464
|
if (props.showCheckbox) {
|
|
26460
|
-
if (treePath.value && treePath.value.length)
|
|
26461
|
-
paths = [...paths, ...treePath.value];
|
|
26465
|
+
if (treePath.value && treePath.value.length) paths = [...paths, ...treePath.value];
|
|
26462
26466
|
} else {
|
|
26463
|
-
if (treePath.value)
|
|
26464
|
-
paths = paths?.concat(treePath.value);
|
|
26467
|
+
if (treePath.value) paths = paths?.concat(treePath.value);
|
|
26465
26468
|
}
|
|
26466
26469
|
if (paths.length) {
|
|
26467
26470
|
paths = Array.from(new Set(paths));
|
|
@@ -26474,8 +26477,7 @@ const useLazyTree = (props, emit, treeRef, DasTree, isLazy, filterInnerValue, in
|
|
|
26474
26477
|
const rootDataNextTick = () => {
|
|
26475
26478
|
return new Promise((res) => {
|
|
26476
26479
|
const check = () => {
|
|
26477
|
-
if (rootLevelData.value && rootLevelData.value.length)
|
|
26478
|
-
return res(true);
|
|
26480
|
+
if (rootLevelData.value && rootLevelData.value.length) return res(true);
|
|
26479
26481
|
setTimeout(() => check(), 50);
|
|
26480
26482
|
};
|
|
26481
26483
|
check();
|
|
@@ -26489,10 +26491,10 @@ const useLazyTree = (props, emit, treeRef, DasTree, isLazy, filterInnerValue, in
|
|
|
26489
26491
|
const initTree = async () => {
|
|
26490
26492
|
await treeNextTick();
|
|
26491
26493
|
await getDefaultNode();
|
|
26492
|
-
if (!props.showOperations)
|
|
26493
|
-
await calcLazyRootNode();
|
|
26494
|
+
if (!props.showOperations) await calcLazyRootNode();
|
|
26494
26495
|
};
|
|
26495
26496
|
const resetLazyLoad = async () => {
|
|
26497
|
+
if (treeRef.value?.store?.nodesMap) treeRef.value.store.nodesMap = {};
|
|
26496
26498
|
if (rootNode.value.length) {
|
|
26497
26499
|
for (let i = 0; i < rootNode.value.length; i++) {
|
|
26498
26500
|
rootNode.value[i].childNodes = [];
|
|
@@ -26505,13 +26507,11 @@ const useLazyTree = (props, emit, treeRef, DasTree, isLazy, filterInnerValue, in
|
|
|
26505
26507
|
watch$1(
|
|
26506
26508
|
() => props.renderDom,
|
|
26507
26509
|
(newVal) => {
|
|
26508
|
-
if (newVal)
|
|
26509
|
-
resetLazyLoad();
|
|
26510
|
+
if (newVal) resetLazyLoad();
|
|
26510
26511
|
}
|
|
26511
26512
|
);
|
|
26512
26513
|
onMounted(async () => {
|
|
26513
|
-
if (!isLazy.value)
|
|
26514
|
-
return;
|
|
26514
|
+
if (!isLazy.value) return;
|
|
26515
26515
|
await initTree();
|
|
26516
26516
|
});
|
|
26517
26517
|
return {
|
|
@@ -26531,12 +26531,10 @@ const useStyle = (dasTree, treeRef, props) => {
|
|
|
26531
26531
|
let nodeLength = 0;
|
|
26532
26532
|
let currentOverflow = "";
|
|
26533
26533
|
const setTreeNodeChildrenOverflow = (overflow = "visible", forceSet) => {
|
|
26534
|
-
if (!props.isEllipsis)
|
|
26535
|
-
return;
|
|
26534
|
+
if (!props.isEllipsis) return;
|
|
26536
26535
|
const nodeList = treeRef.value?.$el.querySelectorAll(".el-tree-node__children");
|
|
26537
26536
|
const currentNodeLength = nodeList?.length ?? 0;
|
|
26538
|
-
if (!forceSet && currentOverflow === overflow && nodeLength === currentNodeLength)
|
|
26539
|
-
return;
|
|
26537
|
+
if (!forceSet && currentOverflow === overflow && nodeLength === currentNodeLength) return;
|
|
26540
26538
|
nodeLength = currentNodeLength;
|
|
26541
26539
|
currentOverflow = overflow;
|
|
26542
26540
|
if (nodeList && nodeList.length) {
|
|
@@ -26549,92 +26547,17 @@ const useStyle = (dasTree, treeRef, props) => {
|
|
|
26549
26547
|
const controller = new AbortController();
|
|
26550
26548
|
const { signal } = controller;
|
|
26551
26549
|
onMounted(() => {
|
|
26552
|
-
if (!props.isEllipsis)
|
|
26553
|
-
return;
|
|
26550
|
+
if (!props.isEllipsis) return;
|
|
26554
26551
|
const treeContainer = dasTree.value?.querySelector(".das-tree-container");
|
|
26555
|
-
if (treeContainer)
|
|
26556
|
-
treeContainer.addEventListener("mousemove", () => setTreeNodeChildrenOverflow("visible"), { signal });
|
|
26552
|
+
if (treeContainer) treeContainer.addEventListener("mousemove", () => setTreeNodeChildrenOverflow("visible"), { signal });
|
|
26557
26553
|
});
|
|
26558
26554
|
onBeforeUnmount(() => {
|
|
26559
|
-
if (!props.isEllipsis)
|
|
26560
|
-
return;
|
|
26555
|
+
if (!props.isEllipsis) return;
|
|
26561
26556
|
controller.abort();
|
|
26562
26557
|
});
|
|
26563
26558
|
return { setTreeNodeChildrenOverflow };
|
|
26564
26559
|
};
|
|
26565
26560
|
|
|
26566
|
-
const _hoisted_1 = { class: "das-tree-box" };
|
|
26567
|
-
const _hoisted_2 = { class: "das-tree-container das-ce-scrollbar" };
|
|
26568
|
-
const _hoisted_3 = {
|
|
26569
|
-
ref: "treeParentRef",
|
|
26570
|
-
class: "tree-parent-container"
|
|
26571
|
-
};
|
|
26572
|
-
const _hoisted_4 = {
|
|
26573
|
-
key: 0,
|
|
26574
|
-
class: "tree-oprations-node"
|
|
26575
|
-
};
|
|
26576
|
-
const _hoisted_5 = {
|
|
26577
|
-
key: 0,
|
|
26578
|
-
class: "tree-oprations-label"
|
|
26579
|
-
};
|
|
26580
|
-
const _hoisted_6 = {
|
|
26581
|
-
key: 1,
|
|
26582
|
-
class: "tree-oprations-label"
|
|
26583
|
-
};
|
|
26584
|
-
const _hoisted_7 = {
|
|
26585
|
-
key: 0,
|
|
26586
|
-
class: "oprations-box"
|
|
26587
|
-
};
|
|
26588
|
-
const _hoisted_8 = { class: "opration-list" };
|
|
26589
|
-
const _hoisted_9 = ["disabled", "onClick"];
|
|
26590
|
-
const _hoisted_10 = { class: "icon" };
|
|
26591
|
-
const _hoisted_11 = { class: "label" };
|
|
26592
|
-
const _hoisted_12 = ["disabled", "onClick"];
|
|
26593
|
-
const _hoisted_13 = { class: "icon" };
|
|
26594
|
-
const _hoisted_14 = { class: "label" };
|
|
26595
|
-
const _hoisted_15 = ["disabled", "onClick"];
|
|
26596
|
-
const _hoisted_16 = { class: "icon" };
|
|
26597
|
-
const _hoisted_17 = { class: "label" };
|
|
26598
|
-
const _hoisted_18 = {
|
|
26599
|
-
key: 0,
|
|
26600
|
-
class: "tree-normal-node"
|
|
26601
|
-
};
|
|
26602
|
-
const _hoisted_19 = {
|
|
26603
|
-
key: 1,
|
|
26604
|
-
class: "tree-normal-node"
|
|
26605
|
-
};
|
|
26606
|
-
const _hoisted_20 = {
|
|
26607
|
-
key: 0,
|
|
26608
|
-
class: "empty-box"
|
|
26609
|
-
};
|
|
26610
|
-
const _hoisted_21 = {
|
|
26611
|
-
key: 0,
|
|
26612
|
-
class: "search-result-container das-ce-scrollbar"
|
|
26613
|
-
};
|
|
26614
|
-
const _hoisted_22 = ["onMousedown"];
|
|
26615
|
-
const _hoisted_23 = { class: "name" };
|
|
26616
|
-
const _hoisted_24 = {
|
|
26617
|
-
key: 0,
|
|
26618
|
-
class: "path-name"
|
|
26619
|
-
};
|
|
26620
|
-
const _hoisted_25 = {
|
|
26621
|
-
key: 1,
|
|
26622
|
-
class: "search-result-container"
|
|
26623
|
-
};
|
|
26624
|
-
const _hoisted_26 = {
|
|
26625
|
-
key: 0,
|
|
26626
|
-
class: "search-result-container das-ce-scrollbar"
|
|
26627
|
-
};
|
|
26628
|
-
const _hoisted_27 = ["onMousedown"];
|
|
26629
|
-
const _hoisted_28 = { class: "name" };
|
|
26630
|
-
const _hoisted_29 = {
|
|
26631
|
-
key: 0,
|
|
26632
|
-
class: "path-name"
|
|
26633
|
-
};
|
|
26634
|
-
const _hoisted_30 = {
|
|
26635
|
-
key: 1,
|
|
26636
|
-
class: "search-result-container"
|
|
26637
|
-
};
|
|
26638
26561
|
const __default__ = {
|
|
26639
26562
|
name: "DasTree",
|
|
26640
26563
|
inheritAttrs: false
|
|
@@ -26650,6 +26573,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
26650
26573
|
height: { type: [String, Number], required: false },
|
|
26651
26574
|
isEllipsis: { type: Boolean, required: false },
|
|
26652
26575
|
draggable: { type: Boolean, required: false },
|
|
26576
|
+
allowDrag: { type: Function, required: false },
|
|
26653
26577
|
currentNodeKey: { type: [String, Number], required: false, default: "" },
|
|
26654
26578
|
defaultCheckedKeys: { type: Array, required: false },
|
|
26655
26579
|
defaultExpandedKeys: { type: Array, required: false, default: () => [] },
|
|
@@ -26659,6 +26583,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
26659
26583
|
checkStrictly: { type: Boolean, required: false, default: void 0 },
|
|
26660
26584
|
parentLinkChildrenStrictly: { type: Boolean, required: false },
|
|
26661
26585
|
getGrandChildren: { type: Function, required: false },
|
|
26586
|
+
childLinkParentStrictly: { type: Boolean, required: false },
|
|
26662
26587
|
props: { type: Object, required: false, default: () => ({}) },
|
|
26663
26588
|
showCheckbox: { type: Boolean, required: false },
|
|
26664
26589
|
hideRootCheckbox: { type: Boolean, required: false },
|
|
@@ -26671,7 +26596,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
26671
26596
|
showFilterInput: { type: Boolean, required: false, default: true },
|
|
26672
26597
|
isFilter: { type: Boolean, required: false },
|
|
26673
26598
|
filterNodeMethod: { type: Function, required: false },
|
|
26674
|
-
filterMode: { type: String, required: false },
|
|
26675
26599
|
filterValue: { type: String, required: false },
|
|
26676
26600
|
filterItemClass: { type: [String, Function], required: false },
|
|
26677
26601
|
inputOptions: { type: null, required: false, default: () => ({}) },
|
|
@@ -26686,7 +26610,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
26686
26610
|
notAutoresetLazyLoad: { type: Boolean, required: false },
|
|
26687
26611
|
changeNodeConfirm: { type: Function, required: false }
|
|
26688
26612
|
},
|
|
26689
|
-
emits: ["update:filterValue", "update:modelValue", "update:path", "handleOperation", "filter-value-change", "filter-node-click", "node-change", "node-click", "node-db-click", "check-node-change"],
|
|
26613
|
+
emits: ["update:filterValue", "update:modelValue", "update:path", "change", "handleOperation", "filter-value-change", "filter-node-click", "node-change", "node-click", "node-db-click", "current-change", "check-node-change"],
|
|
26690
26614
|
setup(__props, { expose: __expose, emit: __emit }) {
|
|
26691
26615
|
const props = __props;
|
|
26692
26616
|
const emit = __emit;
|
|
@@ -26700,8 +26624,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
26700
26624
|
const treeRef = ref();
|
|
26701
26625
|
const innerValue = computed({
|
|
26702
26626
|
get() {
|
|
26703
|
-
if (props.showCheckbox && !props.modelValue)
|
|
26704
|
-
return [];
|
|
26627
|
+
if (props.showCheckbox && !props.modelValue) return [];
|
|
26705
26628
|
return props.modelValue;
|
|
26706
26629
|
},
|
|
26707
26630
|
set(value) {
|
|
@@ -26723,8 +26646,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
26723
26646
|
return new Promise((res) => {
|
|
26724
26647
|
const check = () => {
|
|
26725
26648
|
if (treeRef.value?.store?.nodesMap) {
|
|
26726
|
-
if (Object.keys(treeRef.value?.store.nodesMap)?.length > 0)
|
|
26727
|
-
return res(true);
|
|
26649
|
+
if (Object.keys(treeRef.value?.store.nodesMap)?.length > 0) return res(true);
|
|
26728
26650
|
}
|
|
26729
26651
|
setTimeout(() => check(), 50);
|
|
26730
26652
|
};
|
|
@@ -26735,16 +26657,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
26735
26657
|
return new Promise((res) => {
|
|
26736
26658
|
let nextTickTime = 0;
|
|
26737
26659
|
const check = () => {
|
|
26738
|
-
if (!lazyData.value || !lazyData.value.length)
|
|
26739
|
-
return;
|
|
26660
|
+
if (!lazyData.value || !lazyData.value.length) return;
|
|
26740
26661
|
if (Array.isArray(val)) {
|
|
26741
26662
|
const result = lazyData.value.filter((item) => val.includes(item[props.nodeKey]));
|
|
26742
|
-
if (result.length === val.length)
|
|
26743
|
-
return res(result);
|
|
26663
|
+
if (result.length === val.length) return res(result);
|
|
26744
26664
|
} else {
|
|
26745
26665
|
const currentItem = lazyData.value.find((item) => item[props.nodeKey] === val);
|
|
26746
|
-
if (currentItem)
|
|
26747
|
-
return res(currentItem);
|
|
26666
|
+
if (currentItem) return res(currentItem);
|
|
26748
26667
|
}
|
|
26749
26668
|
setTimeout(() => {
|
|
26750
26669
|
check();
|
|
@@ -26762,66 +26681,32 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
26762
26681
|
});
|
|
26763
26682
|
};
|
|
26764
26683
|
const getGrandChildrenFn = async (data) => {
|
|
26765
|
-
if (!props.getGrandChildren)
|
|
26766
|
-
return;
|
|
26684
|
+
if (!props.getGrandChildren) return;
|
|
26767
26685
|
return await props.getGrandChildren(data);
|
|
26768
26686
|
};
|
|
26769
|
-
const
|
|
26770
|
-
const parentNode = node.parent;
|
|
26771
|
-
if (parentNode) {
|
|
26772
|
-
parentNode.checked = false;
|
|
26773
|
-
childLinkParent(parentNode);
|
|
26774
|
-
}
|
|
26775
|
-
};
|
|
26776
|
-
const parentLinkChild = (node) => {
|
|
26687
|
+
const parentLinkChild = (node, isCheck) => {
|
|
26777
26688
|
let len = node.childNodes.length;
|
|
26778
26689
|
if (len > 0) {
|
|
26779
26690
|
for (let i = 0; i < len; i++) {
|
|
26691
|
+
const checked = isCheck;
|
|
26780
26692
|
const childNode = node.childNodes[i];
|
|
26781
26693
|
if (disabledFlag(childNode.data, childNode)) {
|
|
26782
|
-
parentLinkChild({ ...childNode, checked
|
|
26694
|
+
parentLinkChild({ ...childNode, checked }, isCheck);
|
|
26783
26695
|
continue;
|
|
26784
26696
|
}
|
|
26785
|
-
if (
|
|
26786
|
-
|
|
26787
|
-
} else {
|
|
26788
|
-
childNode.checked = true;
|
|
26789
|
-
}
|
|
26790
|
-
parentLinkChild(childNode);
|
|
26697
|
+
if (childNode.checked !== checked) childNode.checked = checked;
|
|
26698
|
+
parentLinkChild(childNode, isCheck);
|
|
26791
26699
|
}
|
|
26792
26700
|
}
|
|
26793
|
-
if (treeRef.value)
|
|
26794
|
-
innerValue.value = treeRef.value?.getCheckedKeys();
|
|
26795
|
-
};
|
|
26796
|
-
const lazyLinkLoading = ref(false);
|
|
26797
|
-
const preCheck = ref(false);
|
|
26798
|
-
const linkCheckArr = ref([]);
|
|
26799
|
-
const parentLinkChildren = async (data, isCheck) => {
|
|
26800
|
-
if (isLazy.value) {
|
|
26801
|
-
lazyLinkLoading.value = true;
|
|
26802
|
-
if (isCheck === preCheck.value && linkCheckArr.value.includes(data[props.nodeKey]))
|
|
26803
|
-
return;
|
|
26804
|
-
const result = await lazyParentLinkChild(data, isCheck);
|
|
26805
|
-
emit("check-node-change", innerValue.value, data, isCheck);
|
|
26806
|
-
preCheck.value = isCheck;
|
|
26807
|
-
linkCheckArr.value = result.map((item) => item[props.nodeKey]);
|
|
26808
|
-
lazyLinkLoading.value = false;
|
|
26809
|
-
} else {
|
|
26810
|
-
await nextTick();
|
|
26811
|
-
const node = treeRef.value?.getNode(data[props.nodeKey]);
|
|
26812
|
-
parentLinkChild(node);
|
|
26813
|
-
}
|
|
26814
|
-
return true;
|
|
26701
|
+
if (treeRef.value) innerValue.value = treeRef.value?.getCheckedKeys();
|
|
26815
26702
|
};
|
|
26816
26703
|
const lazyParentLinkChild = async (data, isCheck) => {
|
|
26817
26704
|
if (isLeafFlag(data, null)) {
|
|
26818
26705
|
if (isCheck) {
|
|
26819
|
-
if (!innerValue.value.includes(data[props.nodeKey]))
|
|
26820
|
-
innerValue.value.push(data[props.nodeKey]);
|
|
26706
|
+
if (!innerValue.value.includes(data[props.nodeKey])) innerValue.value.push(data[props.nodeKey]);
|
|
26821
26707
|
} else {
|
|
26822
26708
|
const currentIndex = innerValue.value.findIndex((id) => id === data[props.nodeKey]);
|
|
26823
|
-
if (currentIndex > -1)
|
|
26824
|
-
innerValue.value.splice(currentIndex, 1);
|
|
26709
|
+
if (currentIndex > -1) innerValue.value.splice(currentIndex, 1);
|
|
26825
26710
|
}
|
|
26826
26711
|
treeRef.value?.setCheckedKeys(innerValue.value);
|
|
26827
26712
|
checkFormInner.value = true;
|
|
@@ -26844,27 +26729,69 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
26844
26729
|
}
|
|
26845
26730
|
return result;
|
|
26846
26731
|
};
|
|
26732
|
+
const lazyLinkLoading = ref(false);
|
|
26733
|
+
const preCheck = ref(false);
|
|
26734
|
+
const linkCheckArr = ref([]);
|
|
26735
|
+
const parentLinkChildren = async (data, isCheck) => {
|
|
26736
|
+
if (isLazy.value) {
|
|
26737
|
+
lazyLinkLoading.value = true;
|
|
26738
|
+
if (isCheck === preCheck.value && linkCheckArr.value.includes(data[props.nodeKey])) return;
|
|
26739
|
+
const result = await lazyParentLinkChild(data, isCheck);
|
|
26740
|
+
emit("check-node-change", innerValue.value, data, isCheck);
|
|
26741
|
+
preCheck.value = isCheck;
|
|
26742
|
+
linkCheckArr.value = result.map((item) => item[props.nodeKey]);
|
|
26743
|
+
lazyLinkLoading.value = false;
|
|
26744
|
+
} else {
|
|
26745
|
+
await nextTick();
|
|
26746
|
+
const node = treeRef.value?.getNode(data[props.nodeKey]);
|
|
26747
|
+
parentLinkChild(node, isCheck);
|
|
26748
|
+
}
|
|
26749
|
+
return true;
|
|
26750
|
+
};
|
|
26751
|
+
const childLinkParent = (node, isCheck) => {
|
|
26752
|
+
const parentNode = node?.parent;
|
|
26753
|
+
if (!parentNode) return;
|
|
26754
|
+
const checked = isCheck;
|
|
26755
|
+
if (disabledFlag(parentNode.data, parentNode)) {
|
|
26756
|
+
childLinkParent({ ...parentNode, checked }, isCheck);
|
|
26757
|
+
return;
|
|
26758
|
+
}
|
|
26759
|
+
if (parentNode.checked !== checked) parentNode.checked = checked;
|
|
26760
|
+
childLinkParent(parentNode, isCheck);
|
|
26761
|
+
};
|
|
26762
|
+
const childrenLinkParent = async (data, isCheck) => {
|
|
26763
|
+
await nextTick();
|
|
26764
|
+
const node = treeRef.value?.getNode(data[props.nodeKey]);
|
|
26765
|
+
childLinkParent(node, isCheck);
|
|
26766
|
+
if (treeRef.value) innerValue.value = treeRef.value?.getCheckedKeys();
|
|
26767
|
+
return true;
|
|
26768
|
+
};
|
|
26847
26769
|
const innerValChange = ref(false);
|
|
26848
26770
|
const checkFormInner = ref(false);
|
|
26849
|
-
const
|
|
26771
|
+
const onCheck = async (data, checkObj, treeCheck = false) => {
|
|
26850
26772
|
checkFormInner.value = true;
|
|
26773
|
+
const { checkedKeys } = checkObj;
|
|
26774
|
+
const isCheck = checkedKeys.includes(data[props.nodeKey]);
|
|
26851
26775
|
const isUnSelected = innerValue.value.includes(data[props.nodeKey]);
|
|
26852
26776
|
const itemKeepSelectedFlag = props.keepSelected && !allowUnSelectFlag(data) && isUnSelected && !isCheck;
|
|
26853
26777
|
await nextTick();
|
|
26854
26778
|
let checkVal = treeRef.value?.getCheckedKeys() || [];
|
|
26855
26779
|
if (itemKeepSelectedFlag) {
|
|
26856
26780
|
checkVal = lodashExports.cloneDeep([...checkVal, data[props.nodeKey]]);
|
|
26857
|
-
if (props.showCheckbox)
|
|
26858
|
-
|
|
26781
|
+
if (props.showCheckbox) treeRef.value?.setCheckedKeys(checkVal);
|
|
26782
|
+
}
|
|
26783
|
+
if (!props.parentLinkChildrenStrictly) innerValue.value = checkVal;
|
|
26784
|
+
if (isCheck && props.childLinkParentStrictly && !innerValChange.value) {
|
|
26785
|
+
const preCheckVal = innerValue.value ?? [];
|
|
26786
|
+
await childrenLinkParent(data, isCheck);
|
|
26787
|
+
innerValue.value = Array.from(/* @__PURE__ */ new Set([...preCheckVal, ...innerValue.value]));
|
|
26859
26788
|
}
|
|
26860
|
-
if (
|
|
26861
|
-
innerValue.value = checkVal;
|
|
26862
|
-
if (props.parentLinkChildrenStrictly && !innerValChange.value)
|
|
26863
|
-
await parentLinkChildren(data, isCheck);
|
|
26789
|
+
if (props.parentLinkChildrenStrictly && !innerValChange.value) await parentLinkChildren(data, isCheck);
|
|
26864
26790
|
if (!(props.parentLinkChildrenStrictly && isLazy.value)) {
|
|
26865
|
-
|
|
26791
|
+
await nextTick();
|
|
26792
|
+
emit("check-node-change", innerValue.value, data, isCheck);
|
|
26866
26793
|
}
|
|
26867
|
-
|
|
26794
|
+
if (treeCheck) emit("change", innerValue.value);
|
|
26868
26795
|
};
|
|
26869
26796
|
const rootNodeAllLeft = ref(false);
|
|
26870
26797
|
const {
|
|
@@ -26880,6 +26807,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
26880
26807
|
nodeClick,
|
|
26881
26808
|
isActive,
|
|
26882
26809
|
defaultProps,
|
|
26810
|
+
filterNodeMethodFn,
|
|
26883
26811
|
filterSeach,
|
|
26884
26812
|
filterClear,
|
|
26885
26813
|
expandParent,
|
|
@@ -26889,8 +26817,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
26889
26817
|
setOprationsPopoverRefs,
|
|
26890
26818
|
isLeafFlag,
|
|
26891
26819
|
filterCustomClass,
|
|
26892
|
-
allowUnSelectFlag
|
|
26893
|
-
|
|
26820
|
+
allowUnSelectFlag,
|
|
26821
|
+
findSelectableParentNode,
|
|
26822
|
+
currentChange
|
|
26823
|
+
} = useTree(props, emit, treeRef, treePath, innerValue, isLazy, innerExpandedKeys, onCheck, rootNodeAllLeft);
|
|
26894
26824
|
const {
|
|
26895
26825
|
rootLevelData,
|
|
26896
26826
|
searchData,
|
|
@@ -26916,7 +26846,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
26916
26846
|
isActive,
|
|
26917
26847
|
isLeafFlag,
|
|
26918
26848
|
lazyData,
|
|
26919
|
-
|
|
26849
|
+
onCheck,
|
|
26920
26850
|
innerExpandedKeys,
|
|
26921
26851
|
getGrandChildrenFn,
|
|
26922
26852
|
rootNodeAllLeft
|
|
@@ -26935,14 +26865,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
26935
26865
|
onSearch();
|
|
26936
26866
|
}
|
|
26937
26867
|
);
|
|
26868
|
+
const setChildNodesCheckStatus = (node, flag) => {
|
|
26869
|
+
if (!node.childNodes) return;
|
|
26870
|
+
if (node.childNodes.length === 0) return;
|
|
26871
|
+
for (const nodeItem of node.childNodes) {
|
|
26872
|
+
nodeItem.checked = flag;
|
|
26873
|
+
setChildNodesCheckStatus(nodeItem, flag);
|
|
26874
|
+
}
|
|
26875
|
+
};
|
|
26938
26876
|
const preInnerVal = ref(null);
|
|
26939
26877
|
watch$1(
|
|
26940
26878
|
() => innerValue.value,
|
|
26941
26879
|
(newVal) => {
|
|
26942
26880
|
const newInnerVal = props.showCheckbox ? newVal ?? [] : newVal ?? void 0;
|
|
26943
26881
|
const preVal = props.showCheckbox ? preInnerVal.value ?? [] : preInnerVal.value ?? void 0;
|
|
26944
|
-
if (JSON.stringify(newInnerVal) === JSON.stringify(preVal))
|
|
26945
|
-
return;
|
|
26882
|
+
if (JSON.stringify(newInnerVal) === JSON.stringify(preVal)) return;
|
|
26946
26883
|
if (!props.showCheckbox) {
|
|
26947
26884
|
if (!newInnerVal) {
|
|
26948
26885
|
treeRef.value?.setCurrentKey();
|
|
@@ -26973,8 +26910,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
26973
26910
|
if (currentItem) {
|
|
26974
26911
|
treeRef.value?.setCurrentKey(newInnerVal);
|
|
26975
26912
|
} else {
|
|
26976
|
-
if (props.notAutoresetLazyLoad)
|
|
26977
|
-
return;
|
|
26913
|
+
if (props.notAutoresetLazyLoad) return;
|
|
26978
26914
|
resetLazyLoad().then(() => {
|
|
26979
26915
|
treeRef.value?.setCurrentKey(newInnerVal);
|
|
26980
26916
|
});
|
|
@@ -26985,26 +26921,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
26985
26921
|
const diff = newInnerVal.filter((id) => !lazyDataIds.includes(id));
|
|
26986
26922
|
if (diff && diff.length) {
|
|
26987
26923
|
resetLazyLoad().then(() => {
|
|
26988
|
-
if (treeRef.value)
|
|
26989
|
-
treeRef.value?.setCheckedKeys(newInnerVal);
|
|
26924
|
+
if (treeRef.value) treeRef.value?.setCheckedKeys(newInnerVal);
|
|
26990
26925
|
});
|
|
26991
26926
|
} else {
|
|
26992
|
-
if (treeRef.value)
|
|
26993
|
-
treeRef.value?.setCheckedKeys(newInnerVal);
|
|
26927
|
+
if (treeRef.value) treeRef.value?.setCheckedKeys(newInnerVal);
|
|
26994
26928
|
}
|
|
26995
26929
|
} else {
|
|
26996
|
-
if (treeRef.value)
|
|
26997
|
-
treeRef.value?.setCheckedKeys([]);
|
|
26930
|
+
if (treeRef.value) treeRef.value?.setCheckedKeys([]);
|
|
26998
26931
|
if (newInnerVal.length && preVal.length === 0) {
|
|
26999
26932
|
for (let id of newInnerVal) {
|
|
27000
26933
|
const currentIndex = linkCheckArr.value.findIndex((item) => item === id);
|
|
27001
|
-
if (currentIndex !== -1)
|
|
27002
|
-
linkCheckArr.value.splice(currentIndex, 1);
|
|
26934
|
+
if (currentIndex !== -1) linkCheckArr.value.splice(currentIndex, 1);
|
|
27003
26935
|
lazyDataNextTick(id).then((data) => {
|
|
27004
|
-
if (!data)
|
|
27005
|
-
return;
|
|
26936
|
+
if (!data) return;
|
|
27006
26937
|
innerValChange.value = true;
|
|
27007
|
-
|
|
26938
|
+
onCheck(data, { checkedKeys: [...newInnerVal] }).then(() => {
|
|
27008
26939
|
checkFormInner.value = false;
|
|
27009
26940
|
innerValChange.value = false;
|
|
27010
26941
|
});
|
|
@@ -27017,13 +26948,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
27017
26948
|
if (unselect && unselect.length) {
|
|
27018
26949
|
for (let id of unselect) {
|
|
27019
26950
|
const currentIndex = linkCheckArr.value.findIndex((item) => item === id);
|
|
27020
|
-
if (currentIndex !== -1)
|
|
27021
|
-
linkCheckArr.value.splice(currentIndex, 1);
|
|
26951
|
+
if (currentIndex !== -1) linkCheckArr.value.splice(currentIndex, 1);
|
|
27022
26952
|
lazyDataNextTick(id).then(async (data) => {
|
|
27023
|
-
if (!data)
|
|
27024
|
-
return;
|
|
26953
|
+
if (!data) return;
|
|
27025
26954
|
innerValChange.value = true;
|
|
27026
|
-
|
|
26955
|
+
onCheck(data, { checkedKeys: [...newInnerVal] }).then(() => {
|
|
27027
26956
|
checkFormInner.value = false;
|
|
27028
26957
|
innerValChange.value = false;
|
|
27029
26958
|
});
|
|
@@ -27033,13 +26962,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
27033
26962
|
if (select && select.length) {
|
|
27034
26963
|
for (let id of select) {
|
|
27035
26964
|
const currentIndex = linkCheckArr.value.findIndex((item) => item === id);
|
|
27036
|
-
if (currentIndex !== -1)
|
|
27037
|
-
linkCheckArr.value.splice(currentIndex, 1);
|
|
26965
|
+
if (currentIndex !== -1) linkCheckArr.value.splice(currentIndex, 1);
|
|
27038
26966
|
lazyDataNextTick(id).then((data) => {
|
|
27039
|
-
if (!data)
|
|
27040
|
-
return;
|
|
26967
|
+
if (!data) return;
|
|
27041
26968
|
innerValChange.value = true;
|
|
27042
|
-
|
|
26969
|
+
onCheck(data, { checkedKeys: [...newInnerVal] }).then(() => {
|
|
27043
26970
|
checkFormInner.value = false;
|
|
27044
26971
|
innerValChange.value = false;
|
|
27045
26972
|
});
|
|
@@ -27058,8 +26985,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
27058
26985
|
searchFn.value ? handleSearchClear() : filterClear();
|
|
27059
26986
|
};
|
|
27060
26987
|
const isCheckStrictly = computed(() => {
|
|
27061
|
-
if (props.parentLinkChildrenStrictly)
|
|
27062
|
-
return true;
|
|
26988
|
+
if (props.parentLinkChildrenStrictly || props.childLinkParentStrictly) return true;
|
|
27063
26989
|
return props.checkStrictly ?? isLazy.value ? true : false;
|
|
27064
26990
|
});
|
|
27065
26991
|
const isLoading = computed(() => {
|
|
@@ -27085,13 +27011,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
27085
27011
|
});
|
|
27086
27012
|
const { setTreeNodeChildrenOverflow } = useStyle(dasTree, treeRef, props);
|
|
27087
27013
|
const nodeCollapse = () => {
|
|
27088
|
-
if (!props.isEllipsis)
|
|
27089
|
-
return;
|
|
27014
|
+
if (!props.isEllipsis) return;
|
|
27090
27015
|
setTreeNodeChildrenOverflow("hidden");
|
|
27091
27016
|
};
|
|
27092
27017
|
__expose({
|
|
27093
27018
|
treeRef,
|
|
27094
27019
|
treeIsEmpty,
|
|
27020
|
+
findSelectableParentNode,
|
|
27095
27021
|
childLinkParent,
|
|
27096
27022
|
parentLinkChild,
|
|
27097
27023
|
resetLazyLoad: async () => {
|
|
@@ -27110,494 +27036,599 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
27110
27036
|
handleSearch,
|
|
27111
27037
|
getGrandChildrenFn
|
|
27112
27038
|
});
|
|
27113
|
-
|
|
27114
|
-
return
|
|
27115
|
-
|
|
27116
|
-
|
|
27117
|
-
|
|
27118
|
-
|
|
27119
|
-
|
|
27120
|
-
|
|
27121
|
-
|
|
27122
|
-
|
|
27123
|
-
|
|
27124
|
-
|
|
27125
|
-
|
|
27126
|
-
|
|
27127
|
-
|
|
27128
|
-
|
|
27129
|
-
|
|
27130
|
-
|
|
27131
|
-
|
|
27132
|
-
|
|
27133
|
-
|
|
27134
|
-
|
|
27135
|
-
|
|
27136
|
-
|
|
27137
|
-
|
|
27138
|
-
|
|
27139
|
-
|
|
27140
|
-
|
|
27141
|
-
|
|
27142
|
-
|
|
27143
|
-
|
|
27144
|
-
|
|
27145
|
-
|
|
27146
|
-
|
|
27147
|
-
|
|
27148
|
-
|
|
27149
|
-
|
|
27150
|
-
|
|
27151
|
-
|
|
27152
|
-
|
|
27153
|
-
|
|
27154
|
-
|
|
27155
|
-
|
|
27156
|
-
|
|
27157
|
-
|
|
27158
|
-
|
|
27159
|
-
|
|
27160
|
-
|
|
27161
|
-
|
|
27162
|
-
|
|
27163
|
-
|
|
27164
|
-
|
|
27165
|
-
|
|
27166
|
-
|
|
27167
|
-
|
|
27168
|
-
|
|
27169
|
-
|
|
27170
|
-
|
|
27171
|
-
|
|
27172
|
-
|
|
27173
|
-
|
|
27174
|
-
|
|
27175
|
-
|
|
27176
|
-
|
|
27177
|
-
|
|
27178
|
-
|
|
27179
|
-
|
|
27180
|
-
|
|
27181
|
-
|
|
27182
|
-
|
|
27183
|
-
|
|
27184
|
-
|
|
27185
|
-
|
|
27186
|
-
|
|
27187
|
-
|
|
27188
|
-
|
|
27189
|
-
|
|
27190
|
-
|
|
27191
|
-
|
|
27192
|
-
|
|
27193
|
-
|
|
27194
|
-
|
|
27195
|
-
|
|
27196
|
-
|
|
27197
|
-
|
|
27198
|
-
|
|
27199
|
-
|
|
27200
|
-
|
|
27201
|
-
|
|
27202
|
-
|
|
27203
|
-
|
|
27204
|
-
|
|
27205
|
-
|
|
27206
|
-
|
|
27207
|
-
|
|
27208
|
-
|
|
27209
|
-
|
|
27039
|
+
const __returned__ = { props, emit, attrs, isLazy, loadFn, lazyData, searchFn, realDefaultCheckedKeys, realCurrentNodeKey, treeRef, innerValue, treePath, innerExpandedKeys, realDefaultExpandedKeys, treeNextTick, lazyDataNextTick, getGrandChildrenFn, parentLinkChild, lazyParentLinkChild, lazyLinkLoading, preCheck, linkCheckArr, parentLinkChildren, childLinkParent, childrenLinkParent, innerValChange, checkFormInner, onCheck, rootNodeAllLeft, realHeight, dasTree, getMergeOperations, getOperations, handleOperation, filterInnerValue, filterList, selectItem, nodeClass, nodeClick, isActive, defaultProps, filterNodeMethodFn, filterSeach, filterClear, expandParent, disabledFlag, currentOprationKey, oprationVisibleChange, setOprationsPopoverRefs, isLeafFlag, filterCustomClass, allowUnSelectFlag, findSelectableParentNode, currentChange, rootLevelData, searchData, lazyLoad, firstLoading, handleSearch, handleSearchClear, handleSearchResultItemClick, resetLazyLoad, onSearch, setChildNodesCheckStatus, preInnerVal, searchClear, isCheckStrictly, isLoading, treeIsEmpty, searchIsEmpty, setTreeNodeChildrenOverflow, nodeCollapse, get DasIcon() {
|
|
27040
|
+
return DasIcon;
|
|
27041
|
+
}, get DasInput() {
|
|
27042
|
+
return DasInput;
|
|
27043
|
+
}, get vOverlay() {
|
|
27044
|
+
return vOverlay;
|
|
27045
|
+
}, get vDasTooltip() {
|
|
27046
|
+
return vDasTooltip;
|
|
27047
|
+
}, get ElPopover() {
|
|
27048
|
+
return ElPopover;
|
|
27049
|
+
}, get ElTree() {
|
|
27050
|
+
return ElTree;
|
|
27051
|
+
}, ExpandIcon, empty: TreeEmpty };
|
|
27052
|
+
Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
|
|
27053
|
+
return __returned__;
|
|
27054
|
+
}
|
|
27055
|
+
});
|
|
27056
|
+
|
|
27057
|
+
const _hoisted_1 = { class: "das-tree-box" };
|
|
27058
|
+
const _hoisted_2 = { class: "das-tree-container das-ce-scrollbar" };
|
|
27059
|
+
const _hoisted_3 = {
|
|
27060
|
+
ref: "treeParentRef",
|
|
27061
|
+
class: "tree-parent-container"
|
|
27062
|
+
};
|
|
27063
|
+
const _hoisted_4 = /* @__PURE__ */ createElementVNode(
|
|
27064
|
+
"div",
|
|
27065
|
+
null,
|
|
27066
|
+
null,
|
|
27067
|
+
-1
|
|
27068
|
+
/* HOISTED */
|
|
27069
|
+
);
|
|
27070
|
+
const _hoisted_5 = {
|
|
27071
|
+
key: 0,
|
|
27072
|
+
class: "tree-oprations-node"
|
|
27073
|
+
};
|
|
27074
|
+
const _hoisted_6 = {
|
|
27075
|
+
key: 0,
|
|
27076
|
+
class: "tree-oprations-label"
|
|
27077
|
+
};
|
|
27078
|
+
const _hoisted_7 = {
|
|
27079
|
+
key: 1,
|
|
27080
|
+
class: "tree-oprations-label"
|
|
27081
|
+
};
|
|
27082
|
+
const _hoisted_8 = {
|
|
27083
|
+
key: 0,
|
|
27084
|
+
class: "oprations-box"
|
|
27085
|
+
};
|
|
27086
|
+
const _hoisted_9 = { class: "opration-list" };
|
|
27087
|
+
const _hoisted_10 = ["disabled", "onClick"];
|
|
27088
|
+
const _hoisted_11 = { class: "icon" };
|
|
27089
|
+
const _hoisted_12 = { class: "label" };
|
|
27090
|
+
const _hoisted_13 = ["disabled", "onClick"];
|
|
27091
|
+
const _hoisted_14 = { class: "icon" };
|
|
27092
|
+
const _hoisted_15 = { class: "label" };
|
|
27093
|
+
const _hoisted_16 = ["disabled", "onClick"];
|
|
27094
|
+
const _hoisted_17 = { class: "icon" };
|
|
27095
|
+
const _hoisted_18 = { class: "label" };
|
|
27096
|
+
const _hoisted_19 = {
|
|
27097
|
+
key: 0,
|
|
27098
|
+
class: "tree-normal-node"
|
|
27099
|
+
};
|
|
27100
|
+
const _hoisted_20 = {
|
|
27101
|
+
key: 1,
|
|
27102
|
+
class: "tree-normal-node"
|
|
27103
|
+
};
|
|
27104
|
+
const _hoisted_21 = {
|
|
27105
|
+
key: 0,
|
|
27106
|
+
class: "empty-box"
|
|
27107
|
+
};
|
|
27108
|
+
const _hoisted_22 = {
|
|
27109
|
+
key: 0,
|
|
27110
|
+
class: "search-result-container das-ce-scrollbar"
|
|
27111
|
+
};
|
|
27112
|
+
const _hoisted_23 = ["onMousedown"];
|
|
27113
|
+
const _hoisted_24 = { class: "name" };
|
|
27114
|
+
const _hoisted_25 = {
|
|
27115
|
+
key: 0,
|
|
27116
|
+
class: "path-name"
|
|
27117
|
+
};
|
|
27118
|
+
const _hoisted_26 = {
|
|
27119
|
+
key: 1,
|
|
27120
|
+
class: "search-result-container"
|
|
27121
|
+
};
|
|
27122
|
+
const _hoisted_27 = {
|
|
27123
|
+
key: 0,
|
|
27124
|
+
class: "search-result-container das-ce-scrollbar"
|
|
27125
|
+
};
|
|
27126
|
+
const _hoisted_28 = ["onMousedown"];
|
|
27127
|
+
const _hoisted_29 = { class: "name" };
|
|
27128
|
+
const _hoisted_30 = {
|
|
27129
|
+
key: 0,
|
|
27130
|
+
class: "path-name"
|
|
27131
|
+
};
|
|
27132
|
+
const _hoisted_31 = {
|
|
27133
|
+
key: 1,
|
|
27134
|
+
class: "search-result-container"
|
|
27135
|
+
};
|
|
27136
|
+
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
27137
|
+
return openBlock(), createElementBlock(
|
|
27138
|
+
"div",
|
|
27139
|
+
{
|
|
27140
|
+
ref: "dasTree",
|
|
27141
|
+
style: normalizeStyle({ height: $setup.realHeight }),
|
|
27142
|
+
class: normalizeClass({
|
|
27143
|
+
"das-ui-tree": true,
|
|
27144
|
+
"is-checkbox": $props.showCheckbox,
|
|
27145
|
+
"is-ellipsis": $props.isEllipsis,
|
|
27146
|
+
"is-operations": $props.showOperations,
|
|
27147
|
+
"is-draggable": $props.draggable,
|
|
27148
|
+
"root-checkbox_hide": $props.hideRootCheckbox
|
|
27149
|
+
})
|
|
27150
|
+
},
|
|
27151
|
+
[
|
|
27152
|
+
($props.isFilter || $setup.searchFn) && $props.showFilterInput ? (openBlock(), createBlock($setup["DasInput"], mergeProps({
|
|
27153
|
+
key: 0,
|
|
27154
|
+
class: "das-tree-filter-input",
|
|
27155
|
+
modelValue: $setup.filterInnerValue,
|
|
27156
|
+
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.filterInnerValue = $event),
|
|
27157
|
+
borderType: "bordered",
|
|
27158
|
+
size: "table"
|
|
27159
|
+
}, $props.inputOptions, {
|
|
27160
|
+
placeholder: $props.inputOptions?.placeholder ? $props.inputOptions.placeholder : "\u8BF7\u641C\u7D22",
|
|
27161
|
+
onClear: $setup.searchClear,
|
|
27162
|
+
clearable: ""
|
|
27163
|
+
}), createSlots({
|
|
27164
|
+
prefix: withCtx(() => [
|
|
27165
|
+
renderSlot(_ctx.$slots, "prefix", {}, () => [
|
|
27166
|
+
createVNode($setup["DasIcon"], {
|
|
27167
|
+
icon: "search",
|
|
27168
|
+
customSize: 19,
|
|
27169
|
+
iconColor: "#999999",
|
|
27170
|
+
style: { "cursor": "pointer" }
|
|
27171
|
+
})
|
|
27172
|
+
])
|
|
27173
|
+
]),
|
|
27174
|
+
_: 2
|
|
27175
|
+
/* DYNAMIC */
|
|
27176
|
+
}, [
|
|
27177
|
+
_ctx.$slots.suffix ? {
|
|
27178
|
+
name: "suffix",
|
|
27179
|
+
fn: withCtx(() => [
|
|
27180
|
+
renderSlot(_ctx.$slots, "suffix")
|
|
27181
|
+
]),
|
|
27182
|
+
key: "0"
|
|
27183
|
+
} : void 0,
|
|
27184
|
+
_ctx.$slots.prepend ? {
|
|
27185
|
+
name: "prepend",
|
|
27186
|
+
fn: withCtx(() => [
|
|
27187
|
+
renderSlot(_ctx.$slots, "prepend")
|
|
27188
|
+
]),
|
|
27189
|
+
key: "1"
|
|
27190
|
+
} : void 0,
|
|
27191
|
+
_ctx.$slots.append ? {
|
|
27192
|
+
name: "append",
|
|
27193
|
+
fn: withCtx(() => [
|
|
27194
|
+
renderSlot(_ctx.$slots, "append")
|
|
27195
|
+
]),
|
|
27196
|
+
key: "2"
|
|
27197
|
+
} : void 0
|
|
27198
|
+
]), 1040, ["modelValue", "placeholder"])) : createCommentVNode("v-if", true),
|
|
27199
|
+
_ctx.$slots["container-top"] ? renderSlot(_ctx.$slots, "container-top", { key: 1 }) : createCommentVNode("v-if", true),
|
|
27200
|
+
createElementVNode("div", _hoisted_1, [
|
|
27201
|
+
createCommentVNode(" das-ce-scrollbar\u5F00\u5934\u7684\u6837\u5F0F\u4E0D\u8981\u5220\u9664 web componets\u5F15\u7528\u4E86\u8BE5\u7EC4\u4EF6\uFF0C\u6709\u7528\u7684\uFF01\uFF01\uFF01 "),
|
|
27202
|
+
withDirectives((openBlock(), createElementBlock("div", _hoisted_2, [
|
|
27203
|
+
_ctx.$slots.top ? renderSlot(_ctx.$slots, "top", { key: 0 }) : createCommentVNode("v-if", true),
|
|
27204
|
+
createElementVNode(
|
|
27205
|
+
"div",
|
|
27206
|
+
_hoisted_3,
|
|
27207
|
+
[
|
|
27208
|
+
(openBlock(), createBlock($setup["ElTree"], mergeProps({
|
|
27209
|
+
ref: "treeRef",
|
|
27210
|
+
key: $props.renderDom,
|
|
27211
|
+
class: { "is-root-all-left": $setup.rootNodeAllLeft },
|
|
27212
|
+
icon: $setup.ExpandIcon,
|
|
27213
|
+
data: $props.renderDom ? $props.data : [],
|
|
27214
|
+
lazy: $setup.isLazy,
|
|
27215
|
+
load: !!$setup.loadFn ? $setup.lazyLoad : void 0,
|
|
27216
|
+
"check-strictly": $setup.isLazy ? true : $setup.isCheckStrictly,
|
|
27217
|
+
"node-key": $props.nodeKey,
|
|
27218
|
+
"current-node-key": $setup.realCurrentNodeKey,
|
|
27219
|
+
"default-checked-keys": $setup.realDefaultCheckedKeys,
|
|
27220
|
+
"default-expanded-keys": $setup.realDefaultExpandedKeys,
|
|
27221
|
+
props: { ...$setup.defaultProps, class: $setup.nodeClass },
|
|
27222
|
+
"show-checkbox": $props.showCheckbox,
|
|
27223
|
+
"expand-on-click-node": $props.expandOnClickNode ?? $props.showCheckbox,
|
|
27224
|
+
"filter-node-method": $setup.filterNodeMethodFn,
|
|
27225
|
+
draggable: $props.draggable,
|
|
27226
|
+
"allow-drag": $props.allowDrag
|
|
27227
|
+
}, { ...$setup.attrs, onCurrentChange: void 0 }, {
|
|
27228
|
+
onCurrentChange: $setup.currentChange,
|
|
27229
|
+
onNodeClick: $setup.nodeClick,
|
|
27230
|
+
onCheck: _cache[2] || (_cache[2] = (data, checkObj) => {
|
|
27231
|
+
$setup.onCheck(data, checkObj, true);
|
|
27232
|
+
}),
|
|
27233
|
+
onNodeCollapse: $setup.nodeCollapse
|
|
27234
|
+
}), {
|
|
27235
|
+
default: withCtx(({ node, data }) => [
|
|
27236
|
+
renderSlot(_ctx.$slots, "default", {
|
|
27237
|
+
node,
|
|
27238
|
+
data
|
|
27239
|
+
}, () => [
|
|
27240
|
+
_hoisted_4,
|
|
27241
|
+
createCommentVNode(" \u6709\u64CD\u4F5C\u9879 "),
|
|
27242
|
+
$props.showOperations ? (openBlock(), createElementBlock("div", _hoisted_5, [
|
|
27243
|
+
renderSlot(_ctx.$slots, "oprations-label", {
|
|
27210
27244
|
node,
|
|
27211
27245
|
data
|
|
27212
27246
|
}, () => [
|
|
27213
|
-
|
|
27214
|
-
|
|
27215
|
-
|
|
27216
|
-
|
|
27217
|
-
|
|
27218
|
-
|
|
27219
|
-
|
|
27220
|
-
|
|
27221
|
-
|
|
27222
|
-
|
|
27223
|
-
|
|
27224
|
-
|
|
27225
|
-
|
|
27226
|
-
|
|
27227
|
-
|
|
27228
|
-
|
|
27247
|
+
$props.isEllipsis ? withDirectives((openBlock(), createElementBlock("div", _hoisted_6, [
|
|
27248
|
+
createTextVNode(
|
|
27249
|
+
toDisplayString(data[$setup.defaultProps.label]),
|
|
27250
|
+
1
|
|
27251
|
+
/* TEXT */
|
|
27252
|
+
)
|
|
27253
|
+
])), [
|
|
27254
|
+
[$setup["vDasTooltip"]]
|
|
27255
|
+
]) : createCommentVNode("v-if", true),
|
|
27256
|
+
!$props.isEllipsis ? (openBlock(), createElementBlock(
|
|
27257
|
+
"div",
|
|
27258
|
+
_hoisted_7,
|
|
27259
|
+
toDisplayString(data[$setup.defaultProps.label]),
|
|
27260
|
+
1
|
|
27261
|
+
/* TEXT */
|
|
27262
|
+
)) : createCommentVNode("v-if", true)
|
|
27263
|
+
]),
|
|
27264
|
+
!$setup.disabledFlag(data, node) && ($setup.getMergeOperations(node, data)?.list?.length || $setup.getOperations(node, data).length) ? (openBlock(), createElementBlock("div", _hoisted_8, [
|
|
27265
|
+
createVNode($setup["ElPopover"], {
|
|
27266
|
+
"popper-class": "das-tree-operation-dropdown",
|
|
27267
|
+
ref: (el) => $setup.setOprationsPopoverRefs(el, data[$props.nodeKey]),
|
|
27268
|
+
placement: "bottom-start",
|
|
27269
|
+
"show-arrow": false,
|
|
27270
|
+
trigger: "hover",
|
|
27271
|
+
onShow: ($event) => $setup.oprationVisibleChange(true, data[$props.nodeKey]),
|
|
27272
|
+
onHide: ($event) => $setup.oprationVisibleChange(false, data[$props.nodeKey])
|
|
27273
|
+
}, {
|
|
27274
|
+
reference: withCtx(() => [
|
|
27275
|
+
createElementVNode(
|
|
27229
27276
|
"div",
|
|
27230
|
-
|
|
27231
|
-
|
|
27232
|
-
|
|
27233
|
-
|
|
27234
|
-
|
|
27277
|
+
{
|
|
27278
|
+
class: "more-icon",
|
|
27279
|
+
style: normalizeStyle($setup.currentOprationKey === data[$props.nodeKey] ? "opacity: 1" : ""),
|
|
27280
|
+
onClick: _cache[1] || (_cache[1] = withModifiers(() => {
|
|
27281
|
+
}, ["stop"]))
|
|
27282
|
+
},
|
|
27283
|
+
[
|
|
27284
|
+
createVNode($setup["DasIcon"], {
|
|
27285
|
+
icon: "gengduocaozuo",
|
|
27286
|
+
iconColor: "#666666",
|
|
27287
|
+
size: "medium"
|
|
27288
|
+
})
|
|
27289
|
+
],
|
|
27290
|
+
4
|
|
27291
|
+
/* STYLE */
|
|
27292
|
+
)
|
|
27235
27293
|
]),
|
|
27236
|
-
|
|
27237
|
-
|
|
27238
|
-
"
|
|
27239
|
-
|
|
27240
|
-
|
|
27241
|
-
|
|
27242
|
-
|
|
27243
|
-
onShow: ($event) => unref$1(oprationVisibleChange)(true, data[_ctx.nodeKey]),
|
|
27244
|
-
onHide: ($event) => unref$1(oprationVisibleChange)(false, data[_ctx.nodeKey])
|
|
27245
|
-
}, {
|
|
27246
|
-
reference: withCtx(() => [
|
|
27247
|
-
createElementVNode(
|
|
27248
|
-
"div",
|
|
27249
|
-
{
|
|
27250
|
-
class: "more-icon",
|
|
27251
|
-
style: normalizeStyle(unref$1(currentOprationKey) === data[_ctx.nodeKey] ? "opacity: 1" : ""),
|
|
27252
|
-
onClick: _cache[1] || (_cache[1] = withModifiers(() => {
|
|
27253
|
-
}, ["stop"]))
|
|
27254
|
-
},
|
|
27255
|
-
[
|
|
27256
|
-
createVNode(unref$1(DasIcon), {
|
|
27257
|
-
icon: "gengduocaozuo",
|
|
27258
|
-
iconColor: "#666666",
|
|
27259
|
-
size: "medium"
|
|
27260
|
-
})
|
|
27261
|
-
],
|
|
27262
|
-
4
|
|
27263
|
-
/* STYLE */
|
|
27264
|
-
)
|
|
27265
|
-
]),
|
|
27266
|
-
default: withCtx(() => [
|
|
27267
|
-
createElementVNode("ul", _hoisted_8, [
|
|
27268
|
-
unref$1(getMergeOperations)(node, data)?.list && unref$1(getMergeOperations)(node, data)?.position === "top" ? (openBlock(true), createElementBlock(
|
|
27294
|
+
default: withCtx(() => [
|
|
27295
|
+
createElementVNode("ul", _hoisted_9, [
|
|
27296
|
+
$setup.getMergeOperations(node, data)?.list && $setup.getMergeOperations(node, data)?.position === "top" ? (openBlock(true), createElementBlock(
|
|
27297
|
+
Fragment,
|
|
27298
|
+
{ key: 0 },
|
|
27299
|
+
renderList($setup.getMergeOperations(node, data)?.list, (item, index) => {
|
|
27300
|
+
return openBlock(), createElementBlock(
|
|
27269
27301
|
Fragment,
|
|
27270
|
-
{
|
|
27271
|
-
|
|
27272
|
-
|
|
27273
|
-
|
|
27274
|
-
|
|
27275
|
-
[
|
|
27276
|
-
|
|
27277
|
-
|
|
27278
|
-
|
|
27279
|
-
|
|
27280
|
-
|
|
27281
|
-
|
|
27282
|
-
|
|
27283
|
-
|
|
27284
|
-
|
|
27285
|
-
|
|
27286
|
-
|
|
27287
|
-
|
|
27288
|
-
|
|
27289
|
-
|
|
27290
|
-
|
|
27291
|
-
|
|
27292
|
-
|
|
27293
|
-
|
|
27294
|
-
|
|
27295
|
-
|
|
27296
|
-
|
|
27297
|
-
|
|
27298
|
-
|
|
27299
|
-
|
|
27300
|
-
|
|
27301
|
-
|
|
27302
|
-
|
|
27303
|
-
|
|
27304
|
-
|
|
27305
|
-
|
|
27306
|
-
|
|
27307
|
-
|
|
27302
|
+
{
|
|
27303
|
+
key: item.value
|
|
27304
|
+
},
|
|
27305
|
+
[
|
|
27306
|
+
!item.hidden ? (openBlock(), createElementBlock("li", {
|
|
27307
|
+
class: normalizeClass(["opration-item", item.disabled ? "is-disabled" : ""]),
|
|
27308
|
+
key: item.value || index,
|
|
27309
|
+
disabled: item.disabled,
|
|
27310
|
+
onClick: withModifiers(($event) => $setup.handleOperation(item, node, data), ["stop"])
|
|
27311
|
+
}, [
|
|
27312
|
+
createElementVNode("div", _hoisted_11, [
|
|
27313
|
+
createVNode($setup["DasIcon"], {
|
|
27314
|
+
icon: item.icon,
|
|
27315
|
+
size: "small",
|
|
27316
|
+
iconColor: !item.disabled ? item.iconColor ? item.iconColor : "#666666" : "#b2b2b2"
|
|
27317
|
+
}, null, 8, ["icon", "iconColor"])
|
|
27318
|
+
]),
|
|
27319
|
+
withDirectives((openBlock(), createElementBlock("div", _hoisted_12, [
|
|
27320
|
+
createTextVNode(
|
|
27321
|
+
toDisplayString(item.label || item.value),
|
|
27322
|
+
1
|
|
27323
|
+
/* TEXT */
|
|
27324
|
+
)
|
|
27325
|
+
])), [
|
|
27326
|
+
[$setup["vDasTooltip"]]
|
|
27327
|
+
])
|
|
27328
|
+
], 10, _hoisted_10)) : createCommentVNode("v-if", true)
|
|
27329
|
+
],
|
|
27330
|
+
64
|
|
27331
|
+
/* STABLE_FRAGMENT */
|
|
27332
|
+
);
|
|
27333
|
+
}),
|
|
27334
|
+
128
|
|
27335
|
+
/* KEYED_FRAGMENT */
|
|
27336
|
+
)) : createCommentVNode("v-if", true),
|
|
27337
|
+
(openBlock(true), createElementBlock(
|
|
27338
|
+
Fragment,
|
|
27339
|
+
null,
|
|
27340
|
+
renderList($setup.getOperations(node, data), (item, index) => {
|
|
27341
|
+
return openBlock(), createElementBlock(
|
|
27308
27342
|
Fragment,
|
|
27309
|
-
|
|
27310
|
-
|
|
27311
|
-
|
|
27312
|
-
|
|
27313
|
-
|
|
27314
|
-
[
|
|
27315
|
-
|
|
27316
|
-
|
|
27317
|
-
|
|
27318
|
-
|
|
27319
|
-
|
|
27320
|
-
|
|
27321
|
-
|
|
27322
|
-
|
|
27323
|
-
|
|
27324
|
-
|
|
27325
|
-
|
|
27326
|
-
|
|
27327
|
-
|
|
27328
|
-
|
|
27329
|
-
|
|
27330
|
-
|
|
27331
|
-
|
|
27332
|
-
|
|
27333
|
-
|
|
27334
|
-
|
|
27335
|
-
|
|
27336
|
-
|
|
27337
|
-
|
|
27338
|
-
|
|
27339
|
-
|
|
27340
|
-
|
|
27341
|
-
|
|
27342
|
-
|
|
27343
|
-
|
|
27344
|
-
|
|
27345
|
-
|
|
27346
|
-
|
|
27343
|
+
{
|
|
27344
|
+
key: item.value
|
|
27345
|
+
},
|
|
27346
|
+
[
|
|
27347
|
+
!item.hidden ? (openBlock(), createElementBlock("li", {
|
|
27348
|
+
class: normalizeClass(["opration-item", item.disabled ? "is-disabled" : ""]),
|
|
27349
|
+
key: item.value || index,
|
|
27350
|
+
disabled: item.disabled,
|
|
27351
|
+
onClick: withModifiers(($event) => $setup.handleOperation(item, node, data), ["stop"])
|
|
27352
|
+
}, [
|
|
27353
|
+
createElementVNode("div", _hoisted_14, [
|
|
27354
|
+
createVNode($setup["DasIcon"], {
|
|
27355
|
+
icon: item.icon,
|
|
27356
|
+
size: "small",
|
|
27357
|
+
iconColor: !item.disabled ? item.iconColor ? item.iconColor : "#666666" : "#b2b2b2"
|
|
27358
|
+
}, null, 8, ["icon", "iconColor"])
|
|
27359
|
+
]),
|
|
27360
|
+
withDirectives((openBlock(), createElementBlock("div", _hoisted_15, [
|
|
27361
|
+
createTextVNode(
|
|
27362
|
+
toDisplayString(item.label || item.value),
|
|
27363
|
+
1
|
|
27364
|
+
/* TEXT */
|
|
27365
|
+
)
|
|
27366
|
+
])), [
|
|
27367
|
+
[$setup["vDasTooltip"]]
|
|
27368
|
+
])
|
|
27369
|
+
], 10, _hoisted_13)) : createCommentVNode("v-if", true)
|
|
27370
|
+
],
|
|
27371
|
+
64
|
|
27372
|
+
/* STABLE_FRAGMENT */
|
|
27373
|
+
);
|
|
27374
|
+
}),
|
|
27375
|
+
128
|
|
27376
|
+
/* KEYED_FRAGMENT */
|
|
27377
|
+
)),
|
|
27378
|
+
$setup.getMergeOperations(node, data)?.list && $setup.getMergeOperations(node, data)?.position === "bottom" ? (openBlock(true), createElementBlock(
|
|
27379
|
+
Fragment,
|
|
27380
|
+
{ key: 1 },
|
|
27381
|
+
renderList($setup.getMergeOperations(node, data)?.list, (item, index) => {
|
|
27382
|
+
return openBlock(), createElementBlock(
|
|
27347
27383
|
Fragment,
|
|
27348
|
-
{
|
|
27349
|
-
|
|
27350
|
-
|
|
27351
|
-
|
|
27352
|
-
|
|
27353
|
-
[
|
|
27354
|
-
|
|
27355
|
-
|
|
27356
|
-
|
|
27357
|
-
|
|
27358
|
-
|
|
27359
|
-
|
|
27360
|
-
|
|
27361
|
-
|
|
27362
|
-
|
|
27363
|
-
|
|
27364
|
-
|
|
27365
|
-
|
|
27366
|
-
|
|
27367
|
-
|
|
27368
|
-
|
|
27369
|
-
|
|
27370
|
-
|
|
27371
|
-
|
|
27372
|
-
|
|
27373
|
-
|
|
27374
|
-
|
|
27375
|
-
|
|
27376
|
-
|
|
27377
|
-
|
|
27378
|
-
|
|
27379
|
-
|
|
27380
|
-
|
|
27381
|
-
|
|
27382
|
-
|
|
27383
|
-
|
|
27384
|
-
|
|
27385
|
-
|
|
27386
|
-
|
|
27387
|
-
|
|
27388
|
-
|
|
27389
|
-
|
|
27390
|
-
|
|
27391
|
-
|
|
27392
|
-
|
|
27393
|
-
|
|
27394
|
-
|
|
27395
|
-
|
|
27396
|
-
|
|
27397
|
-
|
|
27398
|
-
|
|
27399
|
-
|
|
27400
|
-
|
|
27401
|
-
|
|
27402
|
-
|
|
27403
|
-
|
|
27404
|
-
|
|
27405
|
-
|
|
27406
|
-
|
|
27407
|
-
|
|
27408
|
-
|
|
27409
|
-
|
|
27410
|
-
|
|
27411
|
-
|
|
27412
|
-
|
|
27413
|
-
|
|
27414
|
-
|
|
27415
|
-
|
|
27416
|
-
|
|
27384
|
+
{
|
|
27385
|
+
key: item.value
|
|
27386
|
+
},
|
|
27387
|
+
[
|
|
27388
|
+
!item.hidden ? (openBlock(), createElementBlock("li", {
|
|
27389
|
+
class: normalizeClass(["opration-item", item.disabled ? "is-disabled" : ""]),
|
|
27390
|
+
key: item.value || index,
|
|
27391
|
+
disabled: item.disabled,
|
|
27392
|
+
onClick: withModifiers(($event) => $setup.handleOperation(item, node, data), ["stop"])
|
|
27393
|
+
}, [
|
|
27394
|
+
createElementVNode("div", _hoisted_17, [
|
|
27395
|
+
createVNode($setup["DasIcon"], {
|
|
27396
|
+
icon: item.icon,
|
|
27397
|
+
size: "small",
|
|
27398
|
+
iconColor: !item.disabled ? item.iconColor ? item.iconColor : "#666666" : "#b2b2b2"
|
|
27399
|
+
}, null, 8, ["icon", "iconColor"])
|
|
27400
|
+
]),
|
|
27401
|
+
withDirectives((openBlock(), createElementBlock("div", _hoisted_18, [
|
|
27402
|
+
createTextVNode(
|
|
27403
|
+
toDisplayString(item.label || item.value),
|
|
27404
|
+
1
|
|
27405
|
+
/* TEXT */
|
|
27406
|
+
)
|
|
27407
|
+
])), [
|
|
27408
|
+
[$setup["vDasTooltip"]]
|
|
27409
|
+
])
|
|
27410
|
+
], 10, _hoisted_16)) : createCommentVNode("v-if", true)
|
|
27411
|
+
],
|
|
27412
|
+
64
|
|
27413
|
+
/* STABLE_FRAGMENT */
|
|
27414
|
+
);
|
|
27415
|
+
}),
|
|
27416
|
+
128
|
|
27417
|
+
/* KEYED_FRAGMENT */
|
|
27418
|
+
)) : createCommentVNode("v-if", true)
|
|
27419
|
+
])
|
|
27420
|
+
]),
|
|
27421
|
+
_: 2
|
|
27422
|
+
/* DYNAMIC */
|
|
27423
|
+
}, 1032, ["onShow", "onHide"])
|
|
27424
|
+
])) : createCommentVNode("v-if", true)
|
|
27425
|
+
])) : createCommentVNode("v-if", true),
|
|
27426
|
+
createCommentVNode(" \u65E0\u64CD\u4F5C\u9879 "),
|
|
27427
|
+
!$props.showOperations ? (openBlock(), createElementBlock(
|
|
27428
|
+
Fragment,
|
|
27429
|
+
{ key: 1 },
|
|
27430
|
+
[
|
|
27431
|
+
$props.isEllipsis ? withDirectives((openBlock(), createElementBlock("div", _hoisted_19, [
|
|
27432
|
+
createTextVNode(
|
|
27433
|
+
toDisplayString(data[$setup.defaultProps.label]),
|
|
27434
|
+
1
|
|
27435
|
+
/* TEXT */
|
|
27436
|
+
)
|
|
27437
|
+
])), [
|
|
27438
|
+
[$setup["vDasTooltip"]]
|
|
27439
|
+
]) : (openBlock(), createElementBlock(
|
|
27440
|
+
"div",
|
|
27441
|
+
_hoisted_20,
|
|
27442
|
+
toDisplayString(data[$setup.defaultProps.label]),
|
|
27443
|
+
1
|
|
27444
|
+
/* TEXT */
|
|
27445
|
+
))
|
|
27446
|
+
],
|
|
27447
|
+
64
|
|
27448
|
+
/* STABLE_FRAGMENT */
|
|
27449
|
+
)) : createCommentVNode("v-if", true)
|
|
27450
|
+
])
|
|
27451
|
+
]),
|
|
27452
|
+
_: 3
|
|
27453
|
+
/* FORWARDED */
|
|
27454
|
+
}, 16, ["class", "data", "lazy", "load", "check-strictly", "node-key", "current-node-key", "default-checked-keys", "default-expanded-keys", "props", "show-checkbox", "expand-on-click-node", "filter-node-method", "draggable", "allow-drag", "onCurrentChange", "onNodeClick"]))
|
|
27455
|
+
],
|
|
27456
|
+
512
|
|
27457
|
+
/* NEED_PATCH */
|
|
27458
|
+
),
|
|
27459
|
+
_ctx.$slots.bottom ? renderSlot(_ctx.$slots, "bottom", { key: 1 }) : createCommentVNode("v-if", true)
|
|
27460
|
+
])), [
|
|
27461
|
+
[$setup["vOverlay"]],
|
|
27462
|
+
[vShow, !$setup.treeIsEmpty]
|
|
27463
|
+
]),
|
|
27464
|
+
createCommentVNode(" \u7A7A\u72B6\u6001 "),
|
|
27465
|
+
$setup.treeIsEmpty && !$setup.isLoading ? (openBlock(), createElementBlock("div", _hoisted_21, [
|
|
27466
|
+
_ctx.$slots.top ? renderSlot(_ctx.$slots, "top", { key: 0 }) : createCommentVNode("v-if", true),
|
|
27467
|
+
createVNode($setup["empty"], { "empty-text": $props.emptyText }, createSlots({
|
|
27468
|
+
_: 2
|
|
27469
|
+
/* DYNAMIC */
|
|
27470
|
+
}, [
|
|
27471
|
+
_ctx.$slots["empty-text"] ? {
|
|
27472
|
+
name: "default",
|
|
27473
|
+
fn: withCtx(() => [
|
|
27474
|
+
renderSlot(_ctx.$slots, "empty-text")
|
|
27475
|
+
]),
|
|
27476
|
+
key: "0"
|
|
27477
|
+
} : void 0
|
|
27478
|
+
]), 1032, ["empty-text"]),
|
|
27479
|
+
_ctx.$slots.bottom ? renderSlot(_ctx.$slots, "bottom", { key: 1 }) : createCommentVNode("v-if", true)
|
|
27480
|
+
])) : createCommentVNode("v-if", true),
|
|
27481
|
+
createCommentVNode(" \u8FDC\u7A0B\u641C\u7D22 "),
|
|
27482
|
+
$setup.filterInnerValue && $setup.searchFn && $setup.searchData.length ? (openBlock(), createElementBlock(
|
|
27483
|
+
Fragment,
|
|
27484
|
+
{ key: 1 },
|
|
27485
|
+
[
|
|
27486
|
+
!$setup.searchIsEmpty ? withDirectives((openBlock(), createElementBlock("ul", _hoisted_22, [
|
|
27487
|
+
_ctx.$slots.top ? renderSlot(_ctx.$slots, "top", { key: 0 }) : createCommentVNode("v-if", true),
|
|
27488
|
+
(openBlock(true), createElementBlock(
|
|
27489
|
+
Fragment,
|
|
27490
|
+
null,
|
|
27491
|
+
renderList($setup.searchData, (item, index) => {
|
|
27492
|
+
return openBlock(), createElementBlock("li", {
|
|
27493
|
+
key: index,
|
|
27494
|
+
class: normalizeClass([
|
|
27495
|
+
"search-result-item",
|
|
27496
|
+
$setup.isActive(item, true) ? "is-active" : "",
|
|
27497
|
+
$setup.disabledFlag(item, null) ? "is-disabled" : "",
|
|
27498
|
+
$setup.filterCustomClass(item, index)
|
|
27417
27499
|
]),
|
|
27418
|
-
|
|
27419
|
-
|
|
27420
|
-
|
|
27421
|
-
|
|
27422
|
-
|
|
27423
|
-
|
|
27424
|
-
|
|
27500
|
+
onMousedown: withModifiers(($event) => $setup.handleSearchResultItemClick(item, true), ["stop"])
|
|
27501
|
+
}, [
|
|
27502
|
+
renderSlot(_ctx.$slots, "search-result-item", {
|
|
27503
|
+
item,
|
|
27504
|
+
index
|
|
27505
|
+
}, () => [
|
|
27506
|
+
withDirectives((openBlock(), createElementBlock("div", _hoisted_24, [
|
|
27507
|
+
createTextVNode(
|
|
27508
|
+
toDisplayString(item[$setup.defaultProps.label]),
|
|
27509
|
+
1
|
|
27510
|
+
/* TEXT */
|
|
27511
|
+
)
|
|
27512
|
+
])), [
|
|
27513
|
+
[$setup["vDasTooltip"]]
|
|
27514
|
+
]),
|
|
27515
|
+
item[$setup.defaultProps.pathName] ? withDirectives((openBlock(), createElementBlock("div", _hoisted_25, [
|
|
27516
|
+
createTextVNode(
|
|
27517
|
+
toDisplayString(item[$setup.defaultProps.pathName]),
|
|
27518
|
+
1
|
|
27519
|
+
/* TEXT */
|
|
27520
|
+
)
|
|
27521
|
+
])), [
|
|
27522
|
+
[$setup["vDasTooltip"]]
|
|
27523
|
+
]) : createCommentVNode("v-if", true)
|
|
27524
|
+
])
|
|
27525
|
+
], 42, _hoisted_23);
|
|
27526
|
+
}),
|
|
27527
|
+
128
|
|
27528
|
+
/* KEYED_FRAGMENT */
|
|
27529
|
+
)),
|
|
27425
27530
|
_ctx.$slots.bottom ? renderSlot(_ctx.$slots, "bottom", { key: 1 }) : createCommentVNode("v-if", true)
|
|
27426
27531
|
])), [
|
|
27427
|
-
[
|
|
27428
|
-
|
|
27429
|
-
]),
|
|
27430
|
-
createCommentVNode(" \u7A7A\u72B6\u6001 "),
|
|
27431
|
-
treeIsEmpty.value && !isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_20, [
|
|
27532
|
+
[$setup["vOverlay"]]
|
|
27533
|
+
]) : (openBlock(), createElementBlock("div", _hoisted_26, [
|
|
27432
27534
|
_ctx.$slots.top ? renderSlot(_ctx.$slots, "top", { key: 0 }) : createCommentVNode("v-if", true),
|
|
27433
|
-
createVNode(
|
|
27535
|
+
createVNode($setup["empty"], { "empty-text": $props.searchEmptyText }, createSlots({
|
|
27434
27536
|
_: 2
|
|
27435
27537
|
/* DYNAMIC */
|
|
27436
27538
|
}, [
|
|
27437
|
-
_ctx.$slots["empty-text"] ? {
|
|
27539
|
+
_ctx.$slots["search-empty-text"] ? {
|
|
27438
27540
|
name: "default",
|
|
27439
27541
|
fn: withCtx(() => [
|
|
27440
|
-
renderSlot(_ctx.$slots, "empty-text")
|
|
27542
|
+
renderSlot(_ctx.$slots, "search-empty-text")
|
|
27441
27543
|
]),
|
|
27442
27544
|
key: "0"
|
|
27443
27545
|
} : void 0
|
|
27444
27546
|
]), 1032, ["empty-text"]),
|
|
27445
27547
|
_ctx.$slots.bottom ? renderSlot(_ctx.$slots, "bottom", { key: 1 }) : createCommentVNode("v-if", true)
|
|
27446
|
-
]))
|
|
27447
|
-
|
|
27448
|
-
|
|
27449
|
-
|
|
27450
|
-
|
|
27451
|
-
|
|
27452
|
-
|
|
27453
|
-
|
|
27454
|
-
|
|
27455
|
-
|
|
27456
|
-
|
|
27457
|
-
|
|
27458
|
-
|
|
27459
|
-
|
|
27460
|
-
|
|
27461
|
-
|
|
27462
|
-
|
|
27463
|
-
|
|
27464
|
-
|
|
27465
|
-
|
|
27466
|
-
|
|
27467
|
-
|
|
27468
|
-
|
|
27469
|
-
|
|
27470
|
-
index
|
|
27471
|
-
}, () => [
|
|
27472
|
-
withDirectives((openBlock(), createElementBlock("div", _hoisted_23, [
|
|
27473
|
-
createTextVNode(
|
|
27474
|
-
toDisplayString(item[unref$1(defaultProps).label]),
|
|
27475
|
-
1
|
|
27476
|
-
/* TEXT */
|
|
27477
|
-
)
|
|
27478
|
-
])), [
|
|
27479
|
-
[unref$1(vDasTooltip)]
|
|
27480
|
-
]),
|
|
27481
|
-
item[unref$1(defaultProps).pathName] ? withDirectives((openBlock(), createElementBlock("div", _hoisted_24, [
|
|
27482
|
-
createTextVNode(
|
|
27483
|
-
toDisplayString(item[unref$1(defaultProps).pathName]),
|
|
27484
|
-
1
|
|
27485
|
-
/* TEXT */
|
|
27486
|
-
)
|
|
27487
|
-
])), [
|
|
27488
|
-
[unref$1(vDasTooltip)]
|
|
27489
|
-
]) : createCommentVNode("v-if", true)
|
|
27490
|
-
])
|
|
27491
|
-
], 42, _hoisted_22);
|
|
27492
|
-
}),
|
|
27493
|
-
128
|
|
27494
|
-
/* KEYED_FRAGMENT */
|
|
27495
|
-
)),
|
|
27496
|
-
_ctx.$slots.bottom ? renderSlot(_ctx.$slots, "bottom", { key: 1 }) : createCommentVNode("v-if", true)
|
|
27497
|
-
])), [
|
|
27498
|
-
[unref$1(vOverlay)]
|
|
27499
|
-
]) : (openBlock(), createElementBlock("div", _hoisted_25, [
|
|
27500
|
-
_ctx.$slots.top ? renderSlot(_ctx.$slots, "top", { key: 0 }) : createCommentVNode("v-if", true),
|
|
27501
|
-
createVNode(TreeEmpty, { "empty-text": _ctx.searchEmptyText }, createSlots({
|
|
27502
|
-
_: 2
|
|
27503
|
-
/* DYNAMIC */
|
|
27504
|
-
}, [
|
|
27505
|
-
_ctx.$slots["search-empty-text"] ? {
|
|
27506
|
-
name: "default",
|
|
27507
|
-
fn: withCtx(() => [
|
|
27508
|
-
renderSlot(_ctx.$slots, "search-empty-text")
|
|
27509
|
-
]),
|
|
27510
|
-
key: "0"
|
|
27511
|
-
} : void 0
|
|
27512
|
-
]), 1032, ["empty-text"]),
|
|
27513
|
-
_ctx.$slots.bottom ? renderSlot(_ctx.$slots, "bottom", { key: 1 }) : createCommentVNode("v-if", true)
|
|
27514
|
-
]))
|
|
27515
|
-
],
|
|
27516
|
-
64
|
|
27517
|
-
/* STABLE_FRAGMENT */
|
|
27518
|
-
)) : unref$1(filterInnerValue) && _ctx.isFilter && unref$1(filterList).length ? (openBlock(), createElementBlock(
|
|
27519
|
-
Fragment,
|
|
27520
|
-
{ key: 2 },
|
|
27521
|
-
[
|
|
27522
|
-
createCommentVNode(" \u8282\u70B9\u8FC7\u6EE4 "),
|
|
27523
|
-
!searchIsEmpty.value ? withDirectives((openBlock(), createElementBlock("ul", _hoisted_26, [
|
|
27524
|
-
_ctx.$slots.top ? renderSlot(_ctx.$slots, "top", { key: 0 }) : createCommentVNode("v-if", true),
|
|
27525
|
-
(openBlock(true), createElementBlock(
|
|
27526
|
-
Fragment,
|
|
27527
|
-
null,
|
|
27528
|
-
renderList(unref$1(filterList), (item, index) => {
|
|
27529
|
-
return openBlock(), createElementBlock("li", {
|
|
27530
|
-
key: index,
|
|
27531
|
-
class: normalizeClass([
|
|
27532
|
-
"search-result-item",
|
|
27533
|
-
unref$1(isActive)(item, true) ? "is-active" : "",
|
|
27534
|
-
unref$1(disabledFlag)(item, null) ? "is-disabled" : "",
|
|
27535
|
-
unref$1(filterCustomClass)(item, index)
|
|
27536
|
-
]),
|
|
27537
|
-
onMousedown: withModifiers(($event) => unref$1(selectItem)(item, index), ["stop"])
|
|
27538
|
-
}, [
|
|
27539
|
-
renderSlot(_ctx.$slots, "search-result-item", {
|
|
27540
|
-
item,
|
|
27541
|
-
index
|
|
27542
|
-
}, () => [
|
|
27543
|
-
withDirectives((openBlock(), createElementBlock("div", _hoisted_28, [
|
|
27544
|
-
createTextVNode(
|
|
27545
|
-
toDisplayString(item[unref$1(defaultProps).label]),
|
|
27546
|
-
1
|
|
27547
|
-
/* TEXT */
|
|
27548
|
-
)
|
|
27549
|
-
])), [
|
|
27550
|
-
[unref$1(vDasTooltip)]
|
|
27551
|
-
]),
|
|
27552
|
-
item[unref$1(defaultProps).pathName] ? withDirectives((openBlock(), createElementBlock("div", _hoisted_29, [
|
|
27553
|
-
createTextVNode(
|
|
27554
|
-
toDisplayString(item[unref$1(defaultProps).pathName]),
|
|
27555
|
-
1
|
|
27556
|
-
/* TEXT */
|
|
27557
|
-
)
|
|
27558
|
-
])), [
|
|
27559
|
-
[unref$1(vDasTooltip)]
|
|
27560
|
-
]) : createCommentVNode("v-if", true)
|
|
27561
|
-
])
|
|
27562
|
-
], 42, _hoisted_27);
|
|
27563
|
-
}),
|
|
27564
|
-
128
|
|
27565
|
-
/* KEYED_FRAGMENT */
|
|
27566
|
-
)),
|
|
27567
|
-
_ctx.$slots.bottom ? renderSlot(_ctx.$slots, "bottom", { key: 1 }) : createCommentVNode("v-if", true)
|
|
27568
|
-
])), [
|
|
27569
|
-
[unref$1(vOverlay)]
|
|
27570
|
-
]) : (openBlock(), createElementBlock("div", _hoisted_30, [
|
|
27571
|
-
_ctx.$slots.top ? renderSlot(_ctx.$slots, "top", { key: 0 }) : createCommentVNode("v-if", true),
|
|
27572
|
-
createVNode(TreeEmpty, { "empty-text": _ctx.searchEmptyText }, createSlots({
|
|
27573
|
-
_: 2
|
|
27574
|
-
/* DYNAMIC */
|
|
27548
|
+
]))
|
|
27549
|
+
],
|
|
27550
|
+
64
|
|
27551
|
+
/* STABLE_FRAGMENT */
|
|
27552
|
+
)) : $setup.filterInnerValue && $props.isFilter && $setup.filterList.length ? (openBlock(), createElementBlock(
|
|
27553
|
+
Fragment,
|
|
27554
|
+
{ key: 2 },
|
|
27555
|
+
[
|
|
27556
|
+
createCommentVNode(" \u8282\u70B9\u8FC7\u6EE4 "),
|
|
27557
|
+
!$setup.searchIsEmpty ? withDirectives((openBlock(), createElementBlock("ul", _hoisted_27, [
|
|
27558
|
+
_ctx.$slots.top ? renderSlot(_ctx.$slots, "top", { key: 0 }) : createCommentVNode("v-if", true),
|
|
27559
|
+
(openBlock(true), createElementBlock(
|
|
27560
|
+
Fragment,
|
|
27561
|
+
null,
|
|
27562
|
+
renderList($setup.filterList, (item, index) => {
|
|
27563
|
+
return openBlock(), createElementBlock("li", {
|
|
27564
|
+
key: index,
|
|
27565
|
+
class: normalizeClass([
|
|
27566
|
+
"search-result-item",
|
|
27567
|
+
$setup.isActive(item, true) ? "is-active" : "",
|
|
27568
|
+
$setup.disabledFlag(item, null) ? "is-disabled" : "",
|
|
27569
|
+
$setup.filterCustomClass(item, index)
|
|
27570
|
+
]),
|
|
27571
|
+
onMousedown: withModifiers(($event) => $setup.selectItem(item, index), ["stop"])
|
|
27575
27572
|
}, [
|
|
27576
|
-
_ctx.$slots
|
|
27577
|
-
|
|
27578
|
-
|
|
27579
|
-
|
|
27573
|
+
renderSlot(_ctx.$slots, "search-result-item", {
|
|
27574
|
+
item,
|
|
27575
|
+
index
|
|
27576
|
+
}, () => [
|
|
27577
|
+
withDirectives((openBlock(), createElementBlock("div", _hoisted_29, [
|
|
27578
|
+
createTextVNode(
|
|
27579
|
+
toDisplayString(item[$setup.defaultProps.label]),
|
|
27580
|
+
1
|
|
27581
|
+
/* TEXT */
|
|
27582
|
+
)
|
|
27583
|
+
])), [
|
|
27584
|
+
[$setup["vDasTooltip"]]
|
|
27580
27585
|
]),
|
|
27581
|
-
|
|
27582
|
-
|
|
27583
|
-
|
|
27584
|
-
|
|
27585
|
-
|
|
27586
|
-
|
|
27587
|
-
|
|
27588
|
-
|
|
27589
|
-
|
|
27590
|
-
|
|
27591
|
-
|
|
27592
|
-
|
|
27593
|
-
|
|
27594
|
-
|
|
27595
|
-
|
|
27596
|
-
|
|
27597
|
-
|
|
27598
|
-
|
|
27599
|
-
|
|
27600
|
-
|
|
27586
|
+
item[$setup.defaultProps.pathName] ? withDirectives((openBlock(), createElementBlock("div", _hoisted_30, [
|
|
27587
|
+
createTextVNode(
|
|
27588
|
+
toDisplayString(item[$setup.defaultProps.pathName]),
|
|
27589
|
+
1
|
|
27590
|
+
/* TEXT */
|
|
27591
|
+
)
|
|
27592
|
+
])), [
|
|
27593
|
+
[$setup["vDasTooltip"]]
|
|
27594
|
+
]) : createCommentVNode("v-if", true)
|
|
27595
|
+
])
|
|
27596
|
+
], 42, _hoisted_28);
|
|
27597
|
+
}),
|
|
27598
|
+
128
|
|
27599
|
+
/* KEYED_FRAGMENT */
|
|
27600
|
+
)),
|
|
27601
|
+
_ctx.$slots.bottom ? renderSlot(_ctx.$slots, "bottom", { key: 1 }) : createCommentVNode("v-if", true)
|
|
27602
|
+
])), [
|
|
27603
|
+
[$setup["vOverlay"]]
|
|
27604
|
+
]) : (openBlock(), createElementBlock("div", _hoisted_31, [
|
|
27605
|
+
_ctx.$slots.top ? renderSlot(_ctx.$slots, "top", { key: 0 }) : createCommentVNode("v-if", true),
|
|
27606
|
+
createVNode($setup["empty"], { "empty-text": $props.searchEmptyText }, createSlots({
|
|
27607
|
+
_: 2
|
|
27608
|
+
/* DYNAMIC */
|
|
27609
|
+
}, [
|
|
27610
|
+
_ctx.$slots["search-empty-text"] ? {
|
|
27611
|
+
name: "default",
|
|
27612
|
+
fn: withCtx(() => [
|
|
27613
|
+
renderSlot(_ctx.$slots, "search-empty-text")
|
|
27614
|
+
]),
|
|
27615
|
+
key: "0"
|
|
27616
|
+
} : void 0
|
|
27617
|
+
]), 1032, ["empty-text"]),
|
|
27618
|
+
_ctx.$slots.bottom ? renderSlot(_ctx.$slots, "bottom", { key: 1 }) : createCommentVNode("v-if", true)
|
|
27619
|
+
]))
|
|
27620
|
+
],
|
|
27621
|
+
64
|
|
27622
|
+
/* STABLE_FRAGMENT */
|
|
27623
|
+
)) : createCommentVNode("v-if", true)
|
|
27624
|
+
]),
|
|
27625
|
+
_ctx.$slots["container-bottom"] ? renderSlot(_ctx.$slots, "container-bottom", { key: 2 }) : createCommentVNode("v-if", true)
|
|
27626
|
+
],
|
|
27627
|
+
6
|
|
27628
|
+
/* CLASS, STYLE */
|
|
27629
|
+
);
|
|
27630
|
+
}
|
|
27631
|
+
var Tree = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/xiecp/das/das-fe/framework/packages/das-ui/packages/components/tree/src/App.vue"]]);
|
|
27601
27632
|
|
|
27602
27633
|
var theme = {
|
|
27603
27634
|
"--das-ui-tree-node-disabled-bg-color": "#B2B2B2",
|