@deot/vc-components 1.0.56 → 1.0.58

package/dist/index.js

@@ -22,7 +22,6 @@ class VcError {
     if (!message || !target) return;
     message = `[@deot/vc - ${target}]: ${message}`;
     this.message = message;
-    /* istanbul ignore next -- @preserve */
     process.env.NODE_ENV === "development" && console.error(message);
   }
 }
@@ -407,7 +406,6 @@ class Manager {
           const key = `${prefix}${url}`;
           const cache = window.localStorage.getItem(key);
           let icons = JSON.parse(cache || '""');
-          /* istanbul ignore next -- @preserve */
           if (!icons) {
             const data = await new Promise((resolve$) => {
               const request = new XMLHttpRequest();
@@ -442,7 +440,6 @@ class Manager {
           });
           resolve();
         } catch (e) {
-          /* istanbul ignore next -- @preserve */
           reject(new VcError("icon", e));
         }
       })();
@@ -454,7 +451,6 @@ class Manager {
       const icons = {};
       setTimeout(() => {
         try {
-          /* istanbul ignore next -- @preserve */
           IS_DEV && console.time(url);
           svgStr.replace(svgReg, "$1")?.match(symbolReg)?.forEach(
             (i) => i.replace(basicReg, (_, ...args) => {
@@ -469,23 +465,19 @@ class Manager {
               return "";
             })
           );
-          /* istanbul ignore next -- @preserve */
           IS_DEV && console.timeEnd(url);
           resolve(icons);
         } catch (e) {
-          /* istanbul ignore next -- @preserve */
           reject(new VcError("icon", e));
         }
       }, 0);
     });
   }
   on(type, fn) {
-    /* istanbul ignore next -- @preserve */
     if (typeof type !== "string" || typeof fn !== "function") return this;
     this.events[type] = this.events[type] || [];
     if (this.events[type].length >= 100) {
       delete this.events[type];
-      /* istanbul ignore else -- @preserve */
       if (!IS_SERVER) {
         throw new VcError("icon", `${type} nonexistent`);
       }
@@ -494,7 +486,6 @@ class Manager {
     return this;
   }
   off(type, fn) {
-    /* istanbul ignore next -- @preserve */
     if (typeof type !== "string" || typeof fn !== "function") return this;
     this.events[type] = this.events[type]?.filter((i) => i != fn);
     return this;
@@ -758,7 +749,6 @@ const TransitionCollapse = defineComponent({
     const handleBeforeEnter = (el) => {
       const duration = props.duration.enter || props.duration;
       el.style.transition = getTransitionStyle(duration);
-      /* istanbul ignore next -- @preserve */
       if (!el.dataset) {
         el.dataset = {};
       }
@@ -775,7 +765,6 @@ const TransitionCollapse = defineComponent({
       const next = createNext(done, duration);
       try {
         el.dataset.oldOverflow = el.style.overflow;
-        /* istanbul ignore next -- @preserve */
         if (el.scrollHeight !== 0) {
           el.style.height = el.scrollHeight + "px";
           el.style.paddingTop = el.dataset.oldPaddingTop + "px";
@@ -798,7 +787,6 @@ const TransitionCollapse = defineComponent({
       attrs.onAfterEnter?.(el);
     };
     const handleBeforeLeave = (el) => {
-      /* istanbul ignore next -- @preserve */
       if (!el.dataset) {
         el.dataset = {};
       }
@@ -815,7 +803,6 @@ const TransitionCollapse = defineComponent({
       const next = createNext(done, duration);
       try {
         const leaveDuration = props.duration.leave || props.duration;
-        /* istanbul ignore next -- @preserve */
         if (el.scrollHeight !== 0) {
           el.style.transition = getTransitionStyle(leaveDuration);
           el.style.height = "0px";
@@ -1441,7 +1428,6 @@ const Debounce = defineComponent({
       () => {
         const { wait, exclude, include } = props;
         const ons = Object.entries(attrs).reduce((pre, [key, callback]) => {
-          /* istanbul ignore else -- @preserve */
           if ((!exclude || !exclude.test(key)) && (!include || include.test(key)) && typeof callback === "function") {
             pre[key] = debounce(callback, wait, {
               leading: true,
@@ -2901,7 +2887,6 @@ class Portal {
         }
       }
     } catch (e) {
-      /* istanbul ignore next -- @preserve */
       throw new VcError("instance", e);
     }
   }
@@ -2912,7 +2897,6 @@ class Portal {
     try {
       Portal.leafs.forEach((leaf) => leaf.destroy());
     } catch (e) {
-      /* istanbul ignore next -- @preserve */
       throw new VcError("instance", e);
     }
   }
@@ -2985,7 +2969,6 @@ class Portal {
     return (...args) => {
       const done = () => {
         const leaf = getLeaf();
-        /* istanbul ignore next -- @preserve */
         if (!leaf) {
           throw new VcError("portal", "实例不存在或已卸载");
         }
@@ -3036,7 +3019,6 @@ class Portal {
       if (isDestroyed()) return;
       onDestroyed?.(...args);
       leaf.app?.unmount();
-      /* istanbul ignore else -- @preserve */
       if (useAllNodes) {
         root?.contains(container) && root.removeChild(container);
       } else if (container && container._children) {
@@ -3064,16 +3046,13 @@ class Portal {
             const handleExtra = (e) => {
               try {
                 const path = e.path || $.composedPath(e);
-                /* istanbul ignore else -- @preserve */
                 if (container && e.target && !container.contains(e.target) && !path?.some((item) => Utils$1.eleInRegExp(item, aliveRegExp))) {
-                  /* istanbul ignore else -- @preserve */
                   if (leaf.wrapper && leaf.wrapper?.[aliveVisibleKey]) {
                     typeof leaf.wrapper[aliveVisibleKey] === "function" ? leaf.wrapper[aliveVisibleKey](false) : leaf.wrapper[aliveVisibleKey] = false;
                   }
                   leaveDelay ? setTimeout($onDestroyed, leaveDelay) : $onDestroyed();
                 }
               } catch (error) {
-                /* istanbul ignore next -- @preserve */
                 throw new VcError("portal", error);
               }
             };
@@ -4175,7 +4154,8 @@ const Chart = /* @__PURE__ */ defineComponent({
   emits: [...EVENTS, 'ready'],
   setup(props, {
     emit,
-    slots
+    slots,
+    expose
   }) {
     const instance = getCurrentInstance();
     const chart = shallowRef(null);
@@ -4274,6 +4254,10 @@ const Chart = /* @__PURE__ */ defineComponent({
         }
       });
     });
+    expose({
+      chart,
+      refresh
+    });
     onUnmounted(destroy);
     return () => {
       return createVNode("div", {
@@ -10034,7 +10018,7 @@ const DropdownItem = /* @__PURE__ */ defineComponent({
   }) {
     const owner = getInstance('dropdown', 'dropdownId');
     const currentValue = computed(() => {
-      const v = typeof props.value === 'undefined' || props.value === '' ? props.label : props.value;
+      const v = typeof props.value === 'undefined' ? props.label : props.value;
       return v;
     });
     const classes = computed(() => {
@@ -10305,6 +10289,7 @@ const EditorToolbar = /* @__PURE__ */ defineComponent({
         }
       });
     };
+    const handlePrevent = e => e.preventDefault();
     onMounted(() => {
       insertStyle(buttons.value);
     });
@@ -10315,7 +10300,8 @@ const EditorToolbar = /* @__PURE__ */ defineComponent({
     });
     return () => {
       return createVNode("div", {
-        "id": props.elementId
+        "id": props.elementId,
+        "onClick": handlePrevent
       }, [renderButtonGroup(buttons.value), slots?.extend?.()]);
     };
   }
@@ -12993,7 +12979,7 @@ const props$A = {
     default: "div"
   },
   fill: {
-    type: Boolean,
+    type: [Boolean, Array],
     default: true
   }
 };
@@ -13007,6 +12993,13 @@ const Resizer = defineComponent({
     const width = ref(0);
     const height = ref(0);
     const current = ref();
+    const classes = computed(() => {
+      const v = Array.isArray(props.fill) ? props.fill : [props.fill, props.fill];
+      return {
+        "is-fill-width": v[0],
+        "is-fill-height": v[1]
+      };
+    });
     const currentExposed = computed(() => {
       return {
         height: height.value,
@@ -13057,7 +13050,7 @@ const Resizer = defineComponent({
         props.tag,
         {
           ref: current,
-          class: ["vc-resizer", { "is-fill": props.fill }]
+          class: ["vc-resizer", classes.value]
         },
         slots.default?.(currentExposed.value)
       );
@@ -16374,26 +16367,22 @@ const RecycleList = /* @__PURE__ */ defineComponent({
       const index$ = rebuildDataIndexMap.value[index];
       typeof index$ === 'undefined' ? rebuildData.value.unshift(node) : rebuildData.value[index$] = node;
     };
-    // 更新item.size
     const refreshItemSize = index => {
       const current = props.inverted ? rebuildData.value[rebuildDataIndexMap.value[index]] : rebuildData.value[index];
-      if (!current) return; // 受到`removeUnusedPlaceholders`影响，无效的会被回收
 
-      const oldSize = current.size;
+      // 受到`removeUnusedPlaceholders`影响,无效的会被回收
+      if (!current) return;
+      const original = Object.assign({}, current);
       const dom = preloads.value[index] || curloads.value[props.inverted ? index : index - firstItemIndex.value];
       if (dom) {
         current.size = dom[K.offsetSize] || placeholderSize.value;
       } else if (current) {
         current.size = placeholderSize.value;
       }
-
-      // 这样的考虑欠佳，待优化
-      if (oldSize !== current.size) {
-        emit('row-resize', {
-          index: current.id,
-          size: current.size
-        });
-      }
+      return {
+        original,
+        changed: current
+      };
     };
     const refreshItemPosition = () => {
       const sizes = Array.from({
@@ -16463,18 +16452,24 @@ const RecycleList = /* @__PURE__ */ defineComponent({
     const refreshLayout = async (start, end) => {
       isRefreshLayout = 1;
       const promiseTasks = [];
+      const resizeChanges = [];
       let item;
       for (let i = start; i < end; i++) {
         item = props.inverted ? rebuildData.value[rebuildDataIndexMap.value[i]] : rebuildData.value[i];
-        if (item && item.loaded) {
-          continue;
-        }
+        if (item && item.loaded) continue;
         setItemData(i, originalData[i]);
-        promiseTasks.push(nextTick(() => refreshItemSize(i)));
+        promiseTasks.push(nextTick(() => {
+          const e = refreshItemSize(i);
+          e && resizeChanges.push(e.changed);
+        }));
       }
       await Promise.all(promiseTasks);
       refreshItemPosition();
       setFirstItemIndex();
+      resizeChanges.length > 0 && emit('row-resize', resizeChanges.map(i => ({
+        size: i.size,
+        index: i.id
+      })));
       interrupter.next();
       isRefreshLayout = 0;
     };
@@ -18189,11 +18184,19 @@ const NormalList = /* @__PURE__ */ defineComponent({
     emit,
     slots
   }) {
+    let resizeChanges = [];
+    const emitChanges = () => {
+      if (resizeChanges.length > 0) {
+        emit('row-resize', resizeChanges);
+        resizeChanges = [];
+      }
+    };
     const handleResize = (e, index) => {
-      emit('row-resize', {
+      resizeChanges.push({
         index,
         size: e.height
       });
+      nextTick(emitChanges);
     };
     return () => {
       return props.data.map((mergeData, index) => {
@@ -18552,22 +18555,25 @@ const TableBody = /* @__PURE__ */ defineComponent({
         return renderRow(row, row.index);
       })]);
     };
-    const handleMergeRowResize = v => {
+    const handleMergeRowResize = changes => {
       if (table.props.rowHeight) return;
-      states.list[v.index].rows.forEach(row => {
-        const old = row.heightMap[props.fixed || 'main'];
-        if (old === v.size) return;
-        row.heightMap[props.fixed || 'main'] = v.size;
-        const heights = [row.heightMap.main];
-        if (states.leftFixedCount) {
-          heights.push(row.heightMap.left);
-        }
-        if (states.rightFixedCount) {
-          heights.push(row.heightMap.right);
-        }
-        if (heights.every(i => !!i)) {
-          row.height = Math.max(row.heightMap.left, row.heightMap.main, row.heightMap.right) || '';
-        }
+      // 批量处理所有尺寸变化
+      changes.forEach(v => {
+        states.list[v.index].rows.forEach(row => {
+          const old = row.heightMap[props.fixed || 'main'];
+          if (old === v.size) return;
+          row.heightMap[props.fixed || 'main'] = v.size;
+          const heights = [row.heightMap.main];
+          if (states.leftFixedCount) {
+            heights.push(row.heightMap.left);
+          }
+          if (states.rightFixedCount) {
+            heights.push(row.heightMap.right);
+          }
+          if (heights.every(i => !!i)) {
+            row.height = Math.max(row.heightMap.left, row.heightMap.main, row.heightMap.right) || '';
+          }
+        });
       });
     };
     expose({
@@ -21513,7 +21519,6 @@ const Theme = defineComponent({
   setup(props, { slots }) {
     const themeId = Utils.getUid("vc-theme");
     const setVar = (name) => {
-      /* istanbul ignore next -- @preserve */
       if (!name) return "";
       const globals = VcInstance.options.Theme?.variables;
       return props.variables?.[name] || globals?.[name] || `var(--${name})`;
@@ -21549,7 +21554,6 @@ const Theme = defineComponent({
       }
     });
     const setCss = (attrs) => {
-      /* istanbul ignore next -- @preserve */
       if (!attrs || typeof attrs === "string") return attrs;
       let content = "";
       Object.entries(attrs).forEach(([key, val]) => {
@@ -21558,7 +21562,6 @@ const Theme = defineComponent({
       return content;
     };
     const resetPseudo = () => {
-      /* istanbul ignore next -- @preserve */
       if (typeof document === "undefined") return;
       const { pseudo } = props;
       if (!pseudo) return Load.removeStyle(themeId);