@koi-design/uxd-ui 13.2.0 → 13.2.2

package/uxd-ui.esm.mjs

@@ -1,4 +1,4 @@
-/*! @koi-design/uxd-ui@3.2.0 */
+/*! @koi-design/uxd-ui@3.2.2 */
 
 import { defineComponent, reactive, watch, provide, inject, computed, onMounted, ref, onBeforeUnmount, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, renderSlot, withDirectives, vShow, createBlock, resolveDynamicComponent, createCommentVNode, toRaw, resolveComponent, Transition, withCtx, createVNode, toDisplayString, isVNode, Comment as Comment$1, Fragment, Text as Text$1, h, shallowRef, toRef, nextTick, onUpdated, onUnmounted, cloneVNode, Teleport, toRefs, withModifiers, mergeProps, renderList, onBeforeUpdate, createTextVNode, watchEffect, onActivated, onDeactivated, normalizeProps, guardReactiveProps, createStaticVNode, withKeys, TransitionGroup, createApp, onBeforeMount } from 'vue';
 import { URoundClose, USolidCheckmarkCircle, USolidCloseCircle, USolidAlertCircle, USolidInfoCircle, ULineLoading, URoundSearch, URoundCloseCircle, URoundEyeOpen, URoundEyeOff, URoundCheck, ULineEnter, ULineUp, ULineDown, ULineRight, ULineMenu, URoundDown, USolidCheck, USolidRemove, UColorfulEmpty, ULineSearch, ULineLeft, USolidDown, ULineSortRight, ULineLeftDouble, ULineRightDouble, URoundCalendar, ULineShrink, ULineMagnify, ULineRefreshLeft, ULineRefreshRight, ULineScreenOpen, ULineScaleToOriginal, USolidCaretLeft, USolidCaretRight, ULineUnfold, ULinePack, ULinePicture, ULineAlertCircle, USolidStar, UColorfulNotFound, UColorfulStatisticsEmpty, UColorfulMessageEmpty, USolidFilter, USolidCaretUp, USolidCaretDown, ULineCanDrag, ULineAdd, URoundTime, ULineText, ULineDelete, USolidHelpCircle, URoundHelpCircle, ULineInfoCircle, ULineCheckmarkCircle } from '@koi-design/uxd-icon';
@@ -10586,6 +10586,10 @@ const popoverProps = {
   showArrow: {
     type: Boolean,
     default: true
+  },
+  showDelay: {
+    type: Number,
+    default: 0
   }
 };
 const popoverEmits = {
@@ -10689,6 +10693,7 @@ function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
     visible: _ctx.visible,
     placement: _ctx.placement,
     trigger: [_ctx.trigger],
+    "mouse-enter-delay": _ctx.showDelay / 1e3,
     "transition-name": "zoom-big-fast",
     offset: _ctx.offset,
     "destroy-popup-on-hide": _ctx.destroyOnHide,
@@ -10730,7 +10735,7 @@ function _sfc_render$22(_ctx, _cache, $props, $setup, $data, $options) {
       renderSlot(_ctx.$slots, "default")
     ]),
     _: 3
-  }, 8, ["class", "style", "prefix-cls", "popup-class", "popup-style", "visible", "placement", "trigger", "offset", "destroy-popup-on-hide", "onPopupVisibleChange"]));
+  }, 8, ["class", "style", "prefix-cls", "popup-class", "popup-style", "visible", "placement", "trigger", "mouse-enter-delay", "offset", "destroy-popup-on-hide", "onPopupVisibleChange"]));
 }
 var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$22], ["__file", "Popover.vue"]]);
 
@@ -39472,7 +39477,19 @@ const _sfc_main$f = defineComponent({
       return tree.loadingKeys.includes(dataKey.value);
     });
     const isDisabled = computed(() => {
-      return props.data.disabled !== void 0 ? props.data.disabled : tree.props.disabled;
+      if (props.data.disabled !== void 0) {
+        return props.data.disabled;
+      }
+      if (!tree.props.checkStrictly) {
+        const parentDisabled = tree.isDisabledNode(dataKey.value);
+        if (parentDisabled) {
+          return true;
+        }
+      }
+      return tree.props.disabled;
+    });
+    const checkStrictly = computed(() => {
+      return tree.props.checkable && tree.props.checkStrictly;
     });
     const pauseEvent = (e) => {
       e.stopPropagation();
@@ -39558,6 +39575,7 @@ const _sfc_main$f = defineComponent({
       dragOverGapBottom,
       isLeaf,
       treeNodeOperate,
+      checkStrictly,
       ...toRefs(tree.props)
     };
   }
@@ -39577,6 +39595,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
       {
         [`${_ctx.prefixCls}-node-open`]: _ctx.expanded,
         [`${_ctx.prefixCls}-node-disabled`]: _ctx.isDisabled,
+        [`${_ctx.prefixCls}-node-checkStrictly`]: !_ctx.isDisabled && _ctx.checkStrictly,
         [`${_ctx.prefixCls}-block-node`]: _ctx.blockNode,
         [`${_ctx.prefixCls}-node-selected`]: !_ctx.disabled && !_ctx.data.disabled && _ctx.selected && _ctx.blockNode && !_ctx.checkable,
         "drag-over": _ctx.dragOver,
@@ -39930,6 +39949,21 @@ const _sfc_main$d = defineComponent({
       emit("update:expandedKeys", expandedKeys.value);
       emit("expand", expandedKeys.value, e);
     };
+    const getParentDisabled = (key) => {
+      const node = treeDataMap.value.get(key);
+      if (node == null ? void 0 : node.disabled)
+        return true;
+      if (node == null ? void 0 : node.parent) {
+        return getParentDisabled(node.parent.key);
+      }
+      return false;
+    };
+    const isDisabledNode = (key) => {
+      const node = treeDataMap.value.get(key);
+      if (node == null ? void 0 : node.disabled)
+        return true;
+      return getParentDisabled(key);
+    };
     provide(
       TREE_CONTEXT_INJECTION_KEY,
       reactive({
@@ -39950,7 +39984,8 @@ const _sfc_main$d = defineComponent({
         fireTreeSelect,
         fireTreeCheck,
         fireTreeExpand,
-        getDataKey
+        getDataKey,
+        isDisabledNode
       })
     );
     return {

package/uxd-ui.umd.js

@@ -1,4 +1,4 @@
-/*! @koi-design/uxd-ui@3.2.0 */
+/*! @koi-design/uxd-ui@3.2.2 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('@koi-design/uxd-icon')) :
@@ -10589,6 +10589,10 @@
     showArrow: {
       type: Boolean,
       default: true
+    },
+    showDelay: {
+      type: Number,
+      default: 0
     }
   };
   const popoverEmits = {
@@ -10692,6 +10696,7 @@
       visible: _ctx.visible,
       placement: _ctx.placement,
       trigger: [_ctx.trigger],
+      "mouse-enter-delay": _ctx.showDelay / 1e3,
       "transition-name": "zoom-big-fast",
       offset: _ctx.offset,
       "destroy-popup-on-hide": _ctx.destroyOnHide,
@@ -10733,7 +10738,7 @@
         vue.renderSlot(_ctx.$slots, "default")
       ]),
       _: 3
-    }, 8, ["class", "style", "prefix-cls", "popup-class", "popup-style", "visible", "placement", "trigger", "offset", "destroy-popup-on-hide", "onPopupVisibleChange"]));
+    }, 8, ["class", "style", "prefix-cls", "popup-class", "popup-style", "visible", "placement", "trigger", "mouse-enter-delay", "offset", "destroy-popup-on-hide", "onPopupVisibleChange"]));
   }
   var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$24, [["render", _sfc_render$22], ["__file", "Popover.vue"]]);
 
@@ -39475,7 +39480,19 @@
         return tree.loadingKeys.includes(dataKey.value);
       });
       const isDisabled = vue.computed(() => {
-        return props.data.disabled !== void 0 ? props.data.disabled : tree.props.disabled;
+        if (props.data.disabled !== void 0) {
+          return props.data.disabled;
+        }
+        if (!tree.props.checkStrictly) {
+          const parentDisabled = tree.isDisabledNode(dataKey.value);
+          if (parentDisabled) {
+            return true;
+          }
+        }
+        return tree.props.disabled;
+      });
+      const checkStrictly = vue.computed(() => {
+        return tree.props.checkable && tree.props.checkStrictly;
       });
       const pauseEvent = (e) => {
         e.stopPropagation();
@@ -39561,6 +39578,7 @@
         dragOverGapBottom,
         isLeaf,
         treeNodeOperate,
+        checkStrictly,
         ...vue.toRefs(tree.props)
       };
     }
@@ -39580,6 +39598,7 @@
         {
           [`${_ctx.prefixCls}-node-open`]: _ctx.expanded,
           [`${_ctx.prefixCls}-node-disabled`]: _ctx.isDisabled,
+          [`${_ctx.prefixCls}-node-checkStrictly`]: !_ctx.isDisabled && _ctx.checkStrictly,
           [`${_ctx.prefixCls}-block-node`]: _ctx.blockNode,
           [`${_ctx.prefixCls}-node-selected`]: !_ctx.disabled && !_ctx.data.disabled && _ctx.selected && _ctx.blockNode && !_ctx.checkable,
           "drag-over": _ctx.dragOver,
@@ -39933,6 +39952,21 @@
         emit("update:expandedKeys", expandedKeys.value);
         emit("expand", expandedKeys.value, e);
       };
+      const getParentDisabled = (key) => {
+        const node = treeDataMap.value.get(key);
+        if (node == null ? void 0 : node.disabled)
+          return true;
+        if (node == null ? void 0 : node.parent) {
+          return getParentDisabled(node.parent.key);
+        }
+        return false;
+      };
+      const isDisabledNode = (key) => {
+        const node = treeDataMap.value.get(key);
+        if (node == null ? void 0 : node.disabled)
+          return true;
+        return getParentDisabled(key);
+      };
       vue.provide(
         TREE_CONTEXT_INJECTION_KEY,
         vue.reactive({
@@ -39953,7 +39987,8 @@
           fireTreeSelect,
           fireTreeCheck,
           fireTreeExpand,
-          getDataKey
+          getDataKey,
+          isDisabledNode
         })
       );
       return {