@weitutech/by-components 1.2.0 → 1.2.1

package/lib/by-components.common.js

@@ -96015,8 +96015,8 @@ var ByCascaderPanel_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByCascaderPanel = (ByCascaderPanel_component.exports);
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/cascader-panel-pro/ByCascaderPanelPro.vue?vue&type=template&id=4bdb9820
-var ByCascaderPanelProvue_type_template_id_4bdb9820_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/cascader-panel-pro/ByCascaderPanelPro.vue?vue&type=template&id=804df886
+var ByCascaderPanelProvue_type_template_id_804df886_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -96154,7 +96154,8 @@ var ByCascaderPanelProvue_type_template_id_4bdb9820_render = function render() {
     },
     on: {
       "input": _vm.onMainPanelInput,
-      "change": _vm.handleValueChange
+      "change": _vm.handleValueChange,
+      "store-ready": _vm.schedulePanelSyncFromExternalValue
     }
   }) : _vm._e(), _vm.searchOptions.length > 0 ? _c('VirtualCascaderPanel', {
     directives: [{
@@ -96257,7 +96258,7 @@ var ByCascaderPanelProvue_type_template_id_4bdb9820_render = function render() {
     staticClass: "empty-state"
   }, [_vm._v("暂无选中项")])], 1)])])])]);
 };
-var ByCascaderPanelProvue_type_template_id_4bdb9820_staticRenderFns = [];
+var ByCascaderPanelProvue_type_template_id_804df886_staticRenderFns = [];
 
 ;// ./src/components/cascader-panel-pro/cascaderUtilsPro.js
 
@@ -97016,8 +97017,8 @@ class CascaderUtilsPro {
     return paths;
   }
 }
-;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/cascader-panel-pro/VirtualCascaderPanel.vue?vue&type=template&id=23086f90
-var VirtualCascaderPanelvue_type_template_id_23086f90_render = function render() {
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/cascader-panel-pro/VirtualCascaderPanel.vue?vue&type=template&id=05f77638
+var VirtualCascaderPanelvue_type_template_id_05f77638_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -97108,7 +97109,7 @@ var VirtualCascaderPanelvue_type_template_id_23086f90_render = function render()
     })], 1);
   }), 0);
 };
-var VirtualCascaderPanelvue_type_template_id_23086f90_staticRenderFns = [];
+var VirtualCascaderPanelvue_type_template_id_05f77638_staticRenderFns = [];
 
 ;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8cd600e8-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/cascader-panel-pro/VirtualList.vue?vue&type=template&id=43cb1148
 var VirtualListvue_type_template_id_43cb1148_render = function render() {
@@ -97876,6 +97877,9 @@ class SelectionStatePro {
       }
       this.$nextTick(() => {
         this.syncHorizontalOverflow();
+        if (!this.syncValueFromParent) {
+          this.$emit('store-ready');
+        }
       });
     },
     syncFromValue() {
@@ -98173,8 +98177,8 @@ class SelectionStatePro {
 ;
 var VirtualCascaderPanel_component = normalizeComponent(
   cascader_panel_pro_VirtualCascaderPanelvue_type_script_lang_js,
-  VirtualCascaderPanelvue_type_template_id_23086f90_render,
-  VirtualCascaderPanelvue_type_template_id_23086f90_staticRenderFns,
+  VirtualCascaderPanelvue_type_template_id_05f77638_render,
+  VirtualCascaderPanelvue_type_template_id_05f77638_staticRenderFns,
   false,
   null,
   null,
@@ -98335,7 +98339,8 @@ var VirtualCascaderPanel_component = normalizeComponent(
       compactPanelValue: [],
       // 紧凑模式下稳定的空 value 引用，避免 watch 误触发清空
       searchDebounceTimer: null,
-      searchLeafSetCache: null
+      searchLeafSetCache: null,
+      panelSyncTimer: null
     };
   },
   computed: {
@@ -98495,6 +98500,7 @@ var VirtualCascaderPanel_component = normalizeComponent(
       clearTimeout(this.searchDebounceTimer);
       this.searchDebounceTimer = null;
     }
+    this.clearPanelSyncTimer();
   },
   methods: {
     onMainPanelInput(value) {
@@ -98572,44 +98578,132 @@ var VirtualCascaderPanel_component = normalizeComponent(
     syncPanelFromExternalValue() {
       const panel = this.$refs.cascaderPanel;
       if (!panel || !panel.selection || !panel.store) {
-        return;
+        return false;
       }
-      if (!Array.isArray(this.value) || this.value.length === 0) {
+      if (!this.hasExternalValue()) {
         panel.clearCheckedNodes();
         this.selectedItems = [];
         this.selectedValues = [];
-        return;
+        return true;
       }
-      const paths = this.resolveExternalValueToPaths();
       panel.selection.clear();
-      paths.forEach(path => {
-        const leafValue = path[path.length - 1];
-        if (panel.store.pathByLeafValue.has(leafValue)) {
-          panel.selection.selectedLeafSet.add(leafValue);
-        }
-      });
+      this.applyExternalValueToPanelSelection(panel);
       panel.selection._reconcileAllRoots();
       panel.bumpSelectionView();
       this.applyPanelSelectionChange();
       this.expandPanelToExternalValue(panel);
+      return true;
+    },
+    hasExternalValue() {
+      const val = this.value;
+      if (val == null || val === '') {
+        return false;
+      }
+      if (Array.isArray(val)) {
+        return val.length > 0;
+      }
+      return true;
+    },
+    applyExternalValueToPanelSelection(panel) {
+      const {
+        store,
+        selection
+      } = panel;
+      const paths = this.resolveExternalValueToPaths();
+      paths.forEach(path => {
+        const leafValue = path[path.length - 1];
+        if (store.pathByLeafValue.has(leafValue)) {
+          selection.selectedLeafSet.add(leafValue);
+        }
+      });
+
+      // 直接按外部 value 再补一遍，避免 paths 解析遗漏（聚合父节点、异步 options 等）
+      this.getExternalValueList().forEach(val => {
+        if (this.aggregationMode && CascaderUtilsPro.isParentNodeValue(val, this.parentNodePrefix)) {
+          const actualValue = CascaderUtilsPro.extractParentNodeValue(val, this.parentNodePrefix);
+          const node = store.nodeByValue.get(actualValue);
+          if (node && !node.isLeaf && !node.disabled) {
+            node.descendantLeafValues.forEach(leaf => selection.selectedLeafSet.add(leaf));
+          }
+          return;
+        }
+        if (store.pathByLeafValue.has(val)) {
+          selection.selectedLeafSet.add(val);
+          return;
+        }
+        const node = store.nodeByValue.get(val);
+        if (node && node.isLeaf && !node.disabled) {
+          selection.selectedLeafSet.add(val);
+        } else if (node && !node.isLeaf && !node.disabled) {
+          node.descendantLeafValues.forEach(leaf => selection.selectedLeafSet.add(leaf));
+        }
+      });
+    },
+    getExternalValueList() {
+      const val = this.value;
+      if (val == null || val === '') {
+        return [];
+      }
+      if (Array.isArray(val)) {
+        if (val.length === 0) {
+          return [];
+        }
+        if (Array.isArray(val[0])) {
+          return val.map(path => path[path.length - 1]);
+        }
+        return val;
+      }
+      return [val];
+    },
+    clearPanelSyncTimer() {
+      if (this.panelSyncTimer) {
+        clearTimeout(this.panelSyncTimer);
+        this.panelSyncTimer = null;
+      }
+    },
+    schedulePanelSyncFromExternalValue(retry = 0) {
+      this.clearPanelSyncTimer();
+      this.$nextTick(() => {
+        if (!this.hasExternalValue()) {
+          const panel = this.$refs.cascaderPanel;
+          if (panel && panel.selection) {
+            panel.clearCheckedNodes();
+          }
+          this.selectedItems = [];
+          this.selectedValues = [];
+          return;
+        }
+        const synced = this.syncPanelFromExternalValue();
+        if (!synced && retry < 20) {
+          this.panelSyncTimer = setTimeout(() => {
+            this.schedulePanelSyncFromExternalValue(retry + 1);
+          }, 50);
+        }
+      });
     },
     resolveExternalValueToPaths() {
-      if (!Array.isArray(this.value) || this.value.length === 0) {
+      const val = this.value;
+      if (val == null || val === '') {
         return [];
       }
-      if (typeof this.value[0] === 'string' || typeof this.value[0] === 'number') {
+      if (Array.isArray(val) && val.length > 0 && Array.isArray(val[0])) {
+        return [...val];
+      }
+      const values = Array.isArray(val) ? val : [val];
+      if (typeof values[0] === 'string' || typeof values[0] === 'number') {
         if (this.aggregationMode) {
-          return CascaderUtilsPro.processValuesWithParentNodes(this.value, this.filteredOptions, this.cascaderProps, this.parentNodePrefix);
+          return CascaderUtilsPro.processValuesWithParentNodes(values, this.filteredOptions, this.cascaderProps, this.parentNodePrefix);
         }
-        return this.findPathsByValues(this.value);
+        return this.findPathsByValues(values);
       }
-      return [...this.value];
+      return Array.isArray(val) ? [...val] : [];
     },
     expandPanelToExternalValue(panel) {
-      if (!panel || !panel.store || !Array.isArray(this.value) || this.value.length === 0) {
+      if (!panel || !panel.store || !this.hasExternalValue()) {
         return;
       }
-      const firstValue = this.value[0];
+      const values = this.getExternalValueList();
+      const firstValue = values[0];
       let pathValues = [];
       if (this.aggregationMode && CascaderUtilsPro.isParentNodeValue(firstValue, this.parentNodePrefix)) {
         const actualValue = CascaderUtilsPro.extractParentNodeValue(firstValue, this.parentNodePrefix);
@@ -98642,11 +98736,15 @@ var VirtualCascaderPanel_component = normalizeComponent(
     },
     // 处理 value 值
     processValue() {
+      if (!this.hasExternalValue()) {
+        this.selectedValues = [];
+        this.selectedItems = [];
+        this.schedulePanelSyncFromExternalValue();
+        return;
+      }
       if (this.useCompactSelection && this.isMultiple) {
         this.selectedValues = [];
-        this.$nextTick(() => {
-          this.syncPanelFromExternalValue();
-        });
+        this.schedulePanelSyncFromExternalValue();
         return;
       }
       if (this.isMultiple) {
@@ -98688,27 +98786,14 @@ var VirtualCascaderPanel_component = normalizeComponent(
           this.selectedValues = [];
         }
       }
-      this.updateSelectedItems();
-
-      // 单选模式下，确保级联面板正确显示选中状态
-      if (!this.isMultiple && this.selectedValues.length > 0) {
-        this.$nextTick(() => {
-          const panel = this.$refs.cascaderPanel;
-          if (panel) {
-            panel.syncCheckedValue();
-            this.updateSelectedItems();
-          }
-        });
-      }
+      this.schedulePanelSyncFromExternalValue();
     },
     // 初始化选项数据
     initOptions() {
       this.filteredOptions = this.processOptions(this.options);
       this.countTotalItems();
-      if (this.isMultiple && Array.isArray(this.value) && this.value.length > 0 && (this.useCompactSelection || this.$refs.cascaderPanel)) {
-        this.$nextTick(() => {
-          this.syncPanelFromExternalValue();
-        });
+      if (this.hasExternalValue()) {
+        this.schedulePanelSyncFromExternalValue();
       } else {
         this.updateSelectedItems();
       }
@@ -99039,7 +99124,7 @@ var VirtualCascaderPanel_component = normalizeComponent(
           this.selectedValues = [];
         }
       }
-      this.updateSelectedItems();
+      this.schedulePanelSyncFromExternalValue();
     },
     // 根据values找到对应的路径
     findPathsByValues(values) {
@@ -99197,8 +99282,8 @@ var VirtualCascaderPanel_component = normalizeComponent(
 ;
 var ByCascaderPanelPro_component = normalizeComponent(
   cascader_panel_pro_ByCascaderPanelProvue_type_script_lang_js,
-  ByCascaderPanelProvue_type_template_id_4bdb9820_render,
-  ByCascaderPanelProvue_type_template_id_4bdb9820_staticRenderFns,
+  ByCascaderPanelProvue_type_template_id_804df886_render,
+  ByCascaderPanelProvue_type_template_id_804df886_staticRenderFns,
   false,
   null,
   null,