@koi-design/uxd-ui 13.1.9 → 13.2.2

package/uxd-ui.esm.mjs

@@ -1,4 +1,4 @@
-/*! @koi-design/uxd-ui@3.1.9 */
+/*! @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 {
@@ -43992,6 +44027,10 @@ const _hoisted_2$1 = {
 const _sfc_main$1 = {
   __name: "MentionsSelect",
   props: {
+    emptyTip: {
+      type: String,
+      default: ""
+    },
     options: {
       type: Array,
       default: () => []
@@ -44081,7 +44120,7 @@ const _sfc_main$1 = {
             _: 3
           })
         ], 2),
-        showNoData.value ? (openBlock(), createElementBlock("div", _hoisted_2$1, "\u6682\u65E0\u53EF\u9009\u9879")) : createCommentVNode("v-if", true)
+        showNoData.value ? (openBlock(), createElementBlock("div", _hoisted_2$1, toDisplayString(__props.emptyTip), 1)) : createCommentVNode("v-if", true)
       ], 2);
     };
   }
@@ -44101,6 +44140,7 @@ const _sfc_main = defineComponent({
     styleMap: { default: () => ({}) },
     config: { default: () => ({}) },
     resizable: { type: Boolean, default: false },
+    optEmptyTip: { default: "" },
     prefix: { default: "uui" },
     triggerSign: { default: () => ["@"] },
     mentionClass: { default: "mention" },
@@ -44528,9 +44568,10 @@ const _sfc_main = defineComponent({
       const startY = e.clientY;
       const startHeight = (_b = (_a = editorWrap.value) == null ? void 0 : _a.offsetHeight) != null ? _b : 100;
       const handleMouseMove = (moveEvent) => {
+        var _a2;
         const deltaY = moveEvent.clientY - startY;
         const newHeight = startHeight + deltaY;
-        const minHeight = 100;
+        const minHeight = (_a2 = props.minHeight) != null ? _a2 : 40;
         resizedHeight.value = Math.max(minHeight, newHeight);
       };
       const handleMouseUp = () => {
@@ -44574,6 +44615,7 @@ const _sfc_main = defineComponent({
         }, [
           state.measuring ? (openBlock(), createElementBlock("div", _hoisted_2, [
             createVNode(MentionsSelect, {
+              "empty-tip": _ctx.optEmptyTip,
               prefix: prefixCls.value,
               options: options.value,
               onClose: handleClose
@@ -44582,7 +44624,7 @@ const _sfc_main = defineComponent({
                 renderSlot(_ctx.$slots, "label", { data })
               ]),
               _: 3
-            }, 8, ["prefix", "options"])
+            }, 8, ["empty-tip", "prefix", "options"])
           ])) : createCommentVNode("v-if", true)
         ], 2),
         _ctx.resizable ? (openBlock(), createElementBlock("div", {

package/uxd-ui.umd.js

@@ -1,4 +1,4 @@
-/*! @koi-design/uxd-ui@3.1.9 */
+/*! @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 {
@@ -43995,6 +44030,10 @@
   const _sfc_main$1 = {
     __name: "MentionsSelect",
     props: {
+      emptyTip: {
+        type: String,
+        default: ""
+      },
       options: {
         type: Array,
         default: () => []
@@ -44084,7 +44123,7 @@
               _: 3
             })
           ], 2),
-          showNoData.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, "\u6682\u65E0\u53EF\u9009\u9879")) : vue.createCommentVNode("v-if", true)
+          showNoData.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, vue.toDisplayString(__props.emptyTip), 1)) : vue.createCommentVNode("v-if", true)
         ], 2);
       };
     }
@@ -44104,6 +44143,7 @@
       styleMap: { default: () => ({}) },
       config: { default: () => ({}) },
       resizable: { type: Boolean, default: false },
+      optEmptyTip: { default: "" },
       prefix: { default: "uui" },
       triggerSign: { default: () => ["@"] },
       mentionClass: { default: "mention" },
@@ -44531,9 +44571,10 @@
         const startY = e.clientY;
         const startHeight = (_b = (_a = editorWrap.value) == null ? void 0 : _a.offsetHeight) != null ? _b : 100;
         const handleMouseMove = (moveEvent) => {
+          var _a2;
           const deltaY = moveEvent.clientY - startY;
           const newHeight = startHeight + deltaY;
-          const minHeight = 100;
+          const minHeight = (_a2 = props.minHeight) != null ? _a2 : 40;
           resizedHeight.value = Math.max(minHeight, newHeight);
         };
         const handleMouseUp = () => {
@@ -44577,6 +44618,7 @@
           }, [
             state.measuring ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
               vue.createVNode(MentionsSelect, {
+                "empty-tip": _ctx.optEmptyTip,
                 prefix: prefixCls.value,
                 options: options.value,
                 onClose: handleClose
@@ -44585,7 +44627,7 @@
                   vue.renderSlot(_ctx.$slots, "label", { data })
                 ]),
                 _: 3
-              }, 8, ["prefix", "options"])
+              }, 8, ["empty-tip", "prefix", "options"])
             ])) : vue.createCommentVNode("v-if", true)
           ], 2),
           _ctx.resizable ? (vue.openBlock(), vue.createElementBlock("div", {