@nokecy/qc-ui 1.1.37 → 1.1.39

package/dist/esm/dashboard/widget/selector/index.less

@@ -1,172 +1,172 @@
-.react-dashboard-widget-selector{
-  position:fixed;
-  top:50%;
-  left:50%;
-  transform:translate(-50%, -50%);
-  z-index:1006;
-  width:60%;
-  height:60%;
-  max-width:800px;
-  max-height:600px;
-  background:var(--component-background);
-}
-
-.react-dashboard-widget-wrap {
-  display: flex;
-  height:100%;
-  
-  .react-dashboard-widget-leftBar {
-    padding: 10px;
-    width: 180px;
-    border-right: 1px solid rgba(0, 0, 0, 0.1);
-    background: var(--component-background);
-    .react-dashboard-widget-searchIcon {
-      color: var(--text-color);
-    }
-
-    .react-dashboard-widget-item {
-      display: flex;
-      justify-content: space-between;
-      padding: 10px;
-
-      .react-dashboard-widget-Badge {
-
-          .ant-badge-count {
-            color: var(--text-color);
-            background-color: var(--component-background-1) !important;
-          }
-        
-      }
-
-      cursor: pointer;
-
-      &:hover {
-        background: var(--component-background-3);
-        font-weight: bold;
-      }
-    }
-
-    .react-dashboard-widget-active {
-      background: rgba(0, 0, 0, 0.03);
-      font-weight: bold;
-    }
-  }
-
-  .react-dashboard-widget-Layer {
-    flex: 1 1;
-    overflow-y: auto;
-    overflow-x: hidden;
-    padding: 10px;
-    background: rgba(0, 0, 0, 0.01);
-    &::-webkit-scrollbar {
-      width: 1px;
-      height: 1px;
-      overflow: auto;
-    }
-  
-    &::-webkit-scrollbar-thumb {
-      background-color: var(--primary-color);
-      min-height: 25px;
-      min-width: 25px;
-  
-      &:hover {
-        background-color: #a8a8a8;
-      }
-  
-      &:active {
-        background-color: #787878;
-      }
-    }
-  
-    &::-webkit-scrollbar-track {
-      background-color: #f7f7f7;
-      border: 1px solid #efefef;
-    }
-
-      .react-dashboard-widget-waterfall {
-        width: 100%;
-      }
-
-      .ant-popover-inner-content {
-        background: rgba(0, 0, 0, 0.01);
-      }
-    
-
-    .react-dashboard-widget-item {
-      cursor: pointer;
-      height: auto;
-      margin-bottom: 10px;
-      width: 100%;
-      height: auto;
-      border-radius: 5px;
-      overflow: hidden;
-      // box-shadow: 0 0 0px rgba(255, 255, 255, 1);
-      transition: all 0.3s;
-      border: 1px solid rgba(0, 0, 0, 0.1);
-      -webkit-column-break-inside: avoid;
-      position: relative;
-      background: var(--component-background);
-      .react-dashboard-widget-shortcut {
-        width: 100%;
-        height: auto;
-      }
-
-      .react-dashboard-widget-mask {
-        opacity: 0;
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background: rgba(0, 0, 0, 0.5);
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        transition: all 0.3s;
-      }
-
-      &:hover {
-        transition: all 0.3s;
-
-        border: 1px solid var(--component-background-3);
-
-        .react-dashboard-widget-mask {
-          opacity: 1;
-          transition: all 0.3s;
-        }
-      }
-
-      .react-dashboard-widget-bottombar {
-        border-top: 1px solid rgba(0, 0, 0, 0.1);
-        width: 100%;
-
-        padding: 5px;
-
-        .react-dashboard-widget-iconWrap {
-          display: inline-block;
-          width: 28px;
-          height: 28px;
-          line-height: 28px;
-          text-align: center;
-          border-radius: 7px;
-          color: #fff;
-          margin-right: 5px;
-          font-size: 16px;
-        }
-
-        .react-dashboard-widget-name {
-          font-size: 16px;
-          flex: 1;
-          color: var(--text-color);
-          line-height: 28px;
-          font-weight: bold;
-          display: inline;
-        }
-
-        .react-dashboard-widget-description {
-          margin-top: 5px;
-        }
-      }
-    }
-  }
-}
+.react-dashboard-widget-selector{
+  position:fixed;
+  top:50%;
+  left:50%;
+  transform:translate(-50%, -50%);
+  z-index:1006;
+  width:60%;
+  height:60%;
+  max-width:800px;
+  max-height:600px;
+  background:var(--component-background);
+}
+
+.react-dashboard-widget-wrap {
+  display: flex;
+  height:100%;
+  
+  .react-dashboard-widget-leftBar {
+    padding: 10px;
+    width: 180px;
+    border-right: 1px solid rgba(0, 0, 0, 0.1);
+    background: var(--component-background);
+    .react-dashboard-widget-searchIcon {
+      color: var(--text-color);
+    }
+
+    .react-dashboard-widget-item {
+      display: flex;
+      justify-content: space-between;
+      padding: 10px;
+
+      .react-dashboard-widget-Badge {
+
+          .ant-badge-count {
+            color: var(--text-color);
+            background-color: var(--component-background-1) !important;
+          }
+        
+      }
+
+      cursor: pointer;
+
+      &:hover {
+        background: var(--component-background-3);
+        font-weight: bold;
+      }
+    }
+
+    .react-dashboard-widget-active {
+      background: rgba(0, 0, 0, 0.03);
+      font-weight: bold;
+    }
+  }
+
+  .react-dashboard-widget-Layer {
+    flex: 1 1;
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding: 10px;
+    background: rgba(0, 0, 0, 0.01);
+    &::-webkit-scrollbar {
+      width: 1px;
+      height: 1px;
+      overflow: auto;
+    }
+  
+    &::-webkit-scrollbar-thumb {
+      background-color: var(--primary-color);
+      min-height: 25px;
+      min-width: 25px;
+  
+      &:hover {
+        background-color: #a8a8a8;
+      }
+  
+      &:active {
+        background-color: #787878;
+      }
+    }
+  
+    &::-webkit-scrollbar-track {
+      background-color: #f7f7f7;
+      border: 1px solid #efefef;
+    }
+
+      .react-dashboard-widget-waterfall {
+        width: 100%;
+      }
+
+      .ant-popover-inner-content {
+        background: rgba(0, 0, 0, 0.01);
+      }
+    
+
+    .react-dashboard-widget-item {
+      cursor: pointer;
+      height: auto;
+      margin-bottom: 10px;
+      width: 100%;
+      height: auto;
+      border-radius: 5px;
+      overflow: hidden;
+      // box-shadow: 0 0 0px rgba(255, 255, 255, 1);
+      transition: all 0.3s;
+      border: 1px solid rgba(0, 0, 0, 0.1);
+      -webkit-column-break-inside: avoid;
+      position: relative;
+      background: var(--component-background);
+      .react-dashboard-widget-shortcut {
+        width: 100%;
+        height: auto;
+      }
+
+      .react-dashboard-widget-mask {
+        opacity: 0;
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background: rgba(0, 0, 0, 0.5);
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        transition: all 0.3s;
+      }
+
+      &:hover {
+        transition: all 0.3s;
+
+        border: 1px solid var(--component-background-3);
+
+        .react-dashboard-widget-mask {
+          opacity: 1;
+          transition: all 0.3s;
+        }
+      }
+
+      .react-dashboard-widget-bottombar {
+        border-top: 1px solid rgba(0, 0, 0, 0.1);
+        width: 100%;
+
+        padding: 5px;
+
+        .react-dashboard-widget-iconWrap {
+          display: inline-block;
+          width: 28px;
+          height: 28px;
+          line-height: 28px;
+          text-align: center;
+          border-radius: 7px;
+          color: #fff;
+          margin-right: 5px;
+          font-size: 16px;
+        }
+
+        .react-dashboard-widget-name {
+          font-size: 16px;
+          flex: 1;
+          color: var(--text-color);
+          line-height: 28px;
+          font-weight: bold;
+          display: inline;
+        }
+
+        .react-dashboard-widget-description {
+          margin-top: 5px;
+        }
+      }
+    }
+  }
+}

package/dist/esm/deleteConfirm/index.js

@@ -2,23 +2,23 @@ import React from "react";
 import { Modal } from "antd";
 import { ExclamationCircleFilled } from "@ant-design/icons";
 var confirm = Modal.confirm;
-/**
- * DeleteConfirm 删除确认组件
- *
- * 基于 Modal.confirm 的删除确认对话框组件，提供统一的危险操作确认体验
- *
- * @example
- * ```tsx
- * <DeleteConfirm
- *   title="确认删除"
- *   content="删除后数据将无法恢复，确定要删除吗？"
- *   onConfirm={async () => {
- *     await deleteApi({ id: record.id });
- *   }}
- * >
- *   <Button danger>删除</Button>
- * </DeleteConfirm>
- * ```
+/**
+ * DeleteConfirm 删除确认组件
+ *
+ * 基于 Modal.confirm 的删除确认对话框组件，提供统一的危险操作确认体验
+ *
+ * @example
+ * ```tsx
+ * <DeleteConfirm
+ *   title="确认删除"
+ *   content="删除后数据将无法恢复，确定要删除吗？"
+ *   onConfirm={async () => {
+ *     await deleteApi({ id: record.id });
+ *   }}
+ * >
+ *   <Button danger>删除</Button>
+ * </DeleteConfirm>
+ * ```
  */
 var DeleteConfirm = function DeleteConfirm(props) {
   var onConfirm = props.onConfirm,

package/dist/esm/draggableModal/index.js

@@ -13,10 +13,10 @@ import React, { useRef, useState, useEffect } from 'react';
 import Draggable from 'react-draggable';
 import "./style.less";
 
-/**
- * 可拖拽Modal - 支持拖拽和调整大小
- * @param props
- * @returns
+/**
+ * 可拖拽Modal - 支持拖拽和调整大小
+ * @param props
+ * @returns
  */
 var DraggableModal = function DraggableModal(props) {
   var _useState = useState(true),

package/dist/esm/draggableModal/style.less

@@ -1,122 +1,122 @@
-:global {
-  .modal-wrap-resizing {
-    .ant-modal {
-      width: var(--modal-width) !important;
-      transition: none;
-    }
-
-    .ant-modal-content {
-      height: var(--modal-height);
-      transition: none;
-      display: flex;
-      flex-direction: column;
-    }
-
-    .ant-modal-body {
-      flex: 1;
-      overflow-y: auto;
-    }
-
-    .ant-modal-header {
-      flex-shrink: 0;
-    }
-
-    .ant-modal-footer {
-      flex-shrink: 0;
-    }
-  }
-
-  // 确保 Modal 内容不会阻止 resize-handle 的鼠标事件
-  .ant-modal-content {
-    pointer-events: auto;
-  }
-}
-
-// 拖动调整大小的手柄样式
-.resize-handle {
-  position: absolute;
-  z-index: 9999;  // 确保在 Modal 内容之上
-  background: transparent;
-  transition: all 0.2s ease;
-  pointer-events: auto !important;  // 确保可以接收鼠标事件
-  opacity: 0;
-
-  &:hover {
-    opacity: 1;
-    background-color: rgba(24, 144, 255, 0.5);
-  }
-}
-
-// 当鼠标悬停在 modal 上时显示手柄
-.ant-modal:hover .resize-handle,
-div:hover > .resize-handle {
-  opacity: 0.5;
-  background: rgba(24, 144, 255, 0.15);
-}
-
-
-// 边缘手柄
-.resize-handle-e {
-  right: 0;
-  top: 0;
-  bottom: 0;
-  width: 8px;
-  cursor: e-resize;
-}
-
-.resize-handle-w {
-  left: 0;
-  top: 0;
-  bottom: 0;
-  width: 8px;
-  cursor: w-resize;
-}
-
-.resize-handle-s {
-  bottom: 0;
-  left: 0;
-  right: 0;
-  height: 8px;
-  cursor: s-resize;
-}
-
-.resize-handle-n {
-  top: 0;
-  left: 0;
-  right: 0;
-  height: 8px;
-  cursor: n-resize;
-}
-
-// 角落手柄
-.resize-handle-se {
-  right: 0;
-  bottom: 0;
-  width: 12px;
-  height: 12px;
-  cursor: se-resize;
-}
-
-.resize-handle-sw {
-  left: 0;
-  bottom: 0;
-  width: 12px;
-  height: 12px;
-  cursor: sw-resize;
-}
-
-.resize-handle-ne {
-  right: 0;
-  top: 0;
-  width: 12px;
-  height: 12px;
-  cursor: ne-resize;
-}
-
-.resize-handle-nw {
-  left: 0;
-  top: 0;
-  width: 12px;
-  height: 12px;
-  cursor: nw-resize;
-}
+:global {
+  .modal-wrap-resizing {
+    .ant-modal {
+      width: var(--modal-width) !important;
+      transition: none;
+    }
+
+    .ant-modal-content {
+      height: var(--modal-height);
+      transition: none;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .ant-modal-body {
+      flex: 1;
+      overflow-y: auto;
+    }
+
+    .ant-modal-header {
+      flex-shrink: 0;
+    }
+
+    .ant-modal-footer {
+      flex-shrink: 0;
+    }
+  }
+
+  // 确保 Modal 内容不会阻止 resize-handle 的鼠标事件
+  .ant-modal-content {
+    pointer-events: auto;
+  }
+}
+
+// 拖动调整大小的手柄样式
+.resize-handle {
+  position: absolute;
+  z-index: 9999;  // 确保在 Modal 内容之上
+  background: transparent;
+  transition: all 0.2s ease;
+  pointer-events: auto !important;  // 确保可以接收鼠标事件
+  opacity: 0;
+
+  &:hover {
+    opacity: 1;
+    background-color: rgba(24, 144, 255, 0.5);
+  }
+}
+
+// 当鼠标悬停在 modal 上时显示手柄
+.ant-modal:hover .resize-handle,
+div:hover > .resize-handle {
+  opacity: 0.5;
+  background: rgba(24, 144, 255, 0.15);
+}
+
+
+// 边缘手柄
+.resize-handle-e {
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 8px;
+  cursor: e-resize;
+}
+
+.resize-handle-w {
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 8px;
+  cursor: w-resize;
+}
+
+.resize-handle-s {
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 8px;
+  cursor: s-resize;
+}
+
+.resize-handle-n {
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 8px;
+  cursor: n-resize;
+}
+
+// 角落手柄
+.resize-handle-se {
+  right: 0;
+  bottom: 0;
+  width: 12px;
+  height: 12px;
+  cursor: se-resize;
+}
+
+.resize-handle-sw {
+  left: 0;
+  bottom: 0;
+  width: 12px;
+  height: 12px;
+  cursor: sw-resize;
+}
+
+.resize-handle-ne {
+  right: 0;
+  top: 0;
+  width: 12px;
+  height: 12px;
+  cursor: ne-resize;
+}
+
+.resize-handle-nw {
+  left: 0;
+  top: 0;
+  width: 12px;
+  height: 12px;
+  cursor: nw-resize;
+}

package/dist/esm/editable/index.js

@@ -25,6 +25,20 @@ var useParentPattern = function useParentPattern() {
   var field = useField();
   return (field === null || field === void 0 || (_field$parent = field.parent) === null || _field$parent === void 0 ? void 0 : _field$parent.pattern) || (field === null || field === void 0 || (_field$form = field.form) === null || _field$form === void 0 ? void 0 : _field$form.pattern);
 };
+
+/**
+ * 深层判空：null/undefined/''/0/false 视为空；纯对象/数组按"所有成员皆空"递归判空。
+ * 修复 labelInValue 组合字段(如 {value:undefined,label:undefined} 空值仍是真值对象)
+ * 被误判为"有值"而转读态、导致新增行不自动进编辑态的问题。@author nokecy
+ */
+var isDeepEmpty = function isDeepEmpty(v) {
+  if (!v) return true;
+  if (Array.isArray(v)) return v.every(isDeepEmpty);
+  if (Object.prototype.toString.call(v) === '[object Object]') {
+    return Object.values(v).every(isDeepEmpty);
+  }
+  return false;
+};
 var useEditable = function useEditable() {
   var pattern = useParentPattern();
   var record = ArrayBase.useRecord();
@@ -36,7 +50,8 @@ var useEditable = function useEditable() {
   // }, [pattern])
 
   useLayoutEffect(function () {
-    if ((field.initialValue || !(record !== null && record !== void 0 && record._isNew)) && pattern === 'editable') {
+    // 有真实初值 或 非新增行 → 转读态；新增行(record._isNew)且深层空 → 保持编辑态(直接可填) @author nokecy
+    if ((!isDeepEmpty(field.initialValue) || !(record !== null && record !== void 0 && record._isNew)) && pattern === 'editable') {
       return field.setPattern('readPretty');
     }
   }, [field.initialValue]);
@@ -83,7 +98,9 @@ var InternalEditable = observer(function (props) {
     var input = (_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 ? void 0 : _innerRef$current.querySelector('input:not([readonly]):not([disabled]), textarea:not([readonly]):not([disabled])');
     if (input) {
       input.focus();
-      if ('setSelectionRange' in input && input.type !== 'number' && input.type !== 'date') {
+      // setSelectionRange 仅 textarea 与 text/search/url/tel/password 类型 input 支持;
+      // checkbox/number/date 等会抛 InvalidStateError,故用白名单守卫。@author nokecy
+      if (input.tagName === 'TEXTAREA' || /^(text|search|url|tel|password)$/i.test(input.type || 'text')) {
         var _input$value;
         var length = ((_input$value = input.value) === null || _input$value === void 0 ? void 0 : _input$value.length) || 0;
         setTimeout(function () {