@nokecy/qc-ui 1.1.37 → 1.1.39

package/dist/esm/formDesigner/FormDesigner.js

@@ -54,7 +54,7 @@ var FormDesigner = function FormDesigner(props) {
   }, [name]);
   var getComponents = function getComponents() {
     var components = {};
-    businessComponents.map(function (x) {
+    businessComponents.forEach(function (x) {
       var _x$Behavior;
       if ((_x$Behavior = x.Behavior) !== null && _x$Behavior !== void 0 && (_x$Behavior = _x$Behavior[0]) !== null && _x$Behavior !== void 0 && _x$Behavior.name) {
         components[x.Behavior[0].name] = x;
@@ -64,7 +64,7 @@ var FormDesigner = function FormDesigner(props) {
   };
   var getComponentGroups = function getComponentGroups() {
     var groups = {};
-    businessComponents.map(function (x) {
+    businessComponents.forEach(function (x) {
       if (groups[x.GroupName ? x.GroupName : '其他']) {
         groups[x.GroupName ? x.GroupName : '其他'].push(x);
       } else {
@@ -114,6 +114,7 @@ var FormDesigner = function FormDesigner(props) {
     sources: [PreDefineProperty1, PreDefineProperty2, PreDefineProperty3, PreDefineProperty4, PreDefineProperty5, PreDefineProperty6, PreDefineProperty7, PreDefineProperty8, PreDefineProperty9, PreDefineProperty10]
   }), Object.keys(groupComponents).map(function (x) {
     return /*#__PURE__*/React.createElement(ResourceWidget, {
+      key: x,
       title: x,
       sources: groupComponents[x]
     });

package/dist/esm/formDesigner/arrayTable/styles.less

@@ -1,3 +1,3 @@
-.dn-array-table {
-    background-color: #fff;
+.dn-array-table {
+    background-color: #fff;
   }

package/dist/esm/formDesigner/index.less

@@ -1,3 +1,3 @@
-.dn-app {
-    height: 100%;
+.dn-app {
+    height: 100%;
 }

package/dist/esm/formDesigner/preWidgets/index.d.ts

@@ -1,12 +1,3 @@
-export * from './preDefineProperty1';
-export * from './preDefineProperty2';
-export * from './preDefineProperty3';
-export * from './preDefineProperty4';
-export * from './preDefineProperty5';
-export * from './preDefineProperty6';
-export * from './preDefineProperty7';
-export * from './preDefineProperty8';
-export * from './preDefineProperty9';
-export * from './preDefineProperty10';
+export * from './preDefineProperty';
 export * from './arrayTableIndex';
 export * from './card';

package/dist/esm/formDesigner/preWidgets/index.js

@@ -1,12 +1,3 @@
-export * from "./preDefineProperty1";
-export * from "./preDefineProperty2";
-export * from "./preDefineProperty3";
-export * from "./preDefineProperty4";
-export * from "./preDefineProperty5";
-export * from "./preDefineProperty6";
-export * from "./preDefineProperty7";
-export * from "./preDefineProperty8";
-export * from "./preDefineProperty9";
-export * from "./preDefineProperty10";
+export * from "./preDefineProperty";
 export * from "./arrayTableIndex";
 export * from "./card";

package/dist/esm/formDesigner/preWidgets/preDefineProperty.d.ts

@@ -0,0 +1,11 @@
+import { DnFC } from '@nokecy/designable-react';
+export declare const PreDefineProperty1: DnFC<any>;
+export declare const PreDefineProperty2: DnFC<any>;
+export declare const PreDefineProperty3: DnFC<any>;
+export declare const PreDefineProperty4: DnFC<any>;
+export declare const PreDefineProperty5: DnFC<any>;
+export declare const PreDefineProperty6: DnFC<any>;
+export declare const PreDefineProperty7: DnFC<any>;
+export declare const PreDefineProperty8: DnFC<any>;
+export declare const PreDefineProperty9: DnFC<any>;
+export declare const PreDefineProperty10: DnFC<any>;

package/dist/esm/formDesigner/preWidgets/{preDefineProperty1/preview.js → preDefineProperty.js}

@@ -8,37 +8,56 @@ import React from 'react';
 import { Input } from '@formily/antd-v5';
 import { createBehavior, createResource } from '@nokecy/designable-core';
 import { AllSchemas, AllLocales } from '@nokecy/designable-formily-antd';
-import { createFieldSchema } from "../utils";
+import { createFieldSchema } from "./utils";
 var FormilyInput = function FormilyInput(props) {
   return /*#__PURE__*/React.createElement(Input, props);
 };
-export var PreDefineProperty1 = FormilyInput;
-PreDefineProperty1.Behavior = createBehavior({
-  name: 'PreDefineProperty1',
-  extends: ['Field'],
-  selector: function selector(node) {
-    return node.props['x-component'] === 'Input' && node.props['name'] === 'preDefineProperty1';
-  },
-  designerProps: {
-    propsSchema: createFieldSchema(AllSchemas.Input)
-  },
-  designerLocales: {
-    // ...AllLocales.Input,
-    'zh-CN': _objectSpread(_objectSpread({}, AllLocales.Input['zh-CN']), {}, {
-      title: '预定义字段1'
+
+// 10 个预定义字段仅编号不同,用工厂统一生成,替代原 preDefineProperty1~10 十份机械复制 @author nokecy
+var createPreDefineProperty = function createPreDefineProperty(n) {
+  var fieldName = "preDefineProperty".concat(n);
+  var componentName = "PreDefineProperty".concat(n);
+  var title = "\u9884\u5B9A\u4E49\u5B57\u6BB5".concat(n);
+  var component = function component(props) {
+    return /*#__PURE__*/React.createElement(FormilyInput, props);
+  };
+  component.Behavior = createBehavior({
+    name: componentName,
+    extends: ['Field'],
+    selector: function selector(node) {
+      return node.props['x-component'] === 'Input' && node.props['name'] === fieldName;
+    },
+    designerProps: {
+      propsSchema: createFieldSchema(AllSchemas.Input)
+    },
+    designerLocales: _objectSpread(_objectSpread({}, AllLocales.Input), {}, {
+      'zh-CN': _objectSpread(_objectSpread({}, AllLocales.Input['zh-CN']), {}, {
+        title: title
+      })
     })
-  }
-});
-PreDefineProperty1.Resource = createResource({
-  icon: 'InputSource',
-  elements: [{
-    componentName: 'Field',
-    props: {
-      type: 'string',
-      name: 'preDefineProperty1',
-      title: '预定义字段1',
-      'x-decorator': 'FormItem',
-      'x-component': 'Input'
-    }
-  }]
-});
+  });
+  component.Resource = createResource({
+    icon: 'InputSource',
+    elements: [{
+      componentName: 'Field',
+      props: {
+        type: 'string',
+        name: fieldName,
+        title: title,
+        'x-decorator': 'FormItem',
+        'x-component': 'Input'
+      }
+    }]
+  });
+  return component;
+};
+export var PreDefineProperty1 = createPreDefineProperty(1);
+export var PreDefineProperty2 = createPreDefineProperty(2);
+export var PreDefineProperty3 = createPreDefineProperty(3);
+export var PreDefineProperty4 = createPreDefineProperty(4);
+export var PreDefineProperty5 = createPreDefineProperty(5);
+export var PreDefineProperty6 = createPreDefineProperty(6);
+export var PreDefineProperty7 = createPreDefineProperty(7);
+export var PreDefineProperty8 = createPreDefineProperty(8);
+export var PreDefineProperty9 = createPreDefineProperty(9);
+export var PreDefineProperty10 = createPreDefineProperty(10);

package/dist/esm/fullScreenAlert/index.js

@@ -10,19 +10,19 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useState, useRef, useEffect } from 'react';
 import "./index.less";
-/**
- * FullScreenAlert 全屏闪烁警告组件
- *
- * 在屏幕边缘显示闪烁的彩色边框，用于视觉警告提醒
- *
- * @example
- * ```tsx
- * <FullScreenAlert
- *   active={showAlert}
- *   type="error"
- *   onChange={(active) => setShowAlert(active)}
- * />
- * ```
+/**
+ * FullScreenAlert 全屏闪烁警告组件
+ *
+ * 在屏幕边缘显示闪烁的彩色边框，用于视觉警告提醒
+ *
+ * @example
+ * ```tsx
+ * <FullScreenAlert
+ *   active={showAlert}
+ *   type="error"
+ *   onChange={(active) => setShowAlert(active)}
+ * />
+ * ```
  */
 var FullScreenAlert = function FullScreenAlert(props) {
   var _props$active = props.active,

package/dist/esm/fullScreenAlert/index.less

@@ -1,133 +1,133 @@
-:root {
-	--alert-size: 120px;
-}
-
-.successOverlay::before,
-.successOverlay::after {
-	position: absolute;
-	width: var(--alert-size);
-	height: 100%;
-	content: '';
-}
-
-.successOverlay > div::before,
-.successOverlay > div::after {
-	position: absolute;
-	width: 100%;
-	height: var(--alert-size);
-	content: '';
-}
-
-.successOverlay::before {
-	top: 0;
-	left: 0;
-	background: linear-gradient(to right, green, transparent);
-	transform: rotate(0deg);
-}
-
-.successOverlay::after {
-	top: 0%;
-	left: 100%;
-	background: linear-gradient(to left, green, transparent);
-	transform: rotate(0deg) translate(calc(-1 * var(--alert-size)), 0px);
-}
-
-.successOverlay > div::before {
-	top: 0;
-	left: 0;
-	background: linear-gradient(to top, green, transparent);
-	transform: rotate(180deg);
-}
-
-.successOverlay > div::after {
-	top: 100%;
-	left: 0;
-	background: linear-gradient(to top, green, transparent);
-	transform: rotate(0deg) translate(0px, calc(-1 * var(--alert-size)));
-}
-
-.successOverlay {
-	position: absolute;
-	top: 0;
-	left: 0;
-	z-index: 1;
-	box-sizing: border-box;
-	width: 100%;
-	height: 100%;
-	opacity: 1;
-	transition: opacity 0.5s;
-	pointer-events: none;
-}
-
-.errorOverlay::before,
-.errorOverlay::after {
-	position: absolute;
-	width: var(--alert-size);
-	height: 100%;
-	content: '';
-}
-
-.errorOverlay > div::before,
-.errorOverlay > div::after {
-	position: absolute;
-	width: 100%;
-	height: var(--alert-size);
-	content: '';
-}
-
-.errorOverlay::before {
-	top: 0;
-	left: 0;
-	background: linear-gradient(to right, red, transparent);
-	transform: rotate(0deg);
-}
-
-.errorOverlay::after {
-	top: 0%;
-	left: 100%;
-	background: linear-gradient(to left, red, transparent);
-	transform: rotate(0deg) translate(calc(-1 * var(--alert-size)), 0px);
-}
-
-.errorOverlay > div::before {
-	top: 0;
-	left: 0;
-	background: linear-gradient(to top, red, transparent);
-	transform: rotate(180deg);
-}
-
-.errorOverlay > div::after {
-	top: 100%;
-	left: 0;
-	background: linear-gradient(to top, red, transparent);
-	transform: rotate(0deg) translate(0px, calc(-1 * var(--alert-size)));
-}
-
-.errorOverlay {
-	position: absolute;
-	top: 0;
-	left: 0;
-	z-index: 1;
-	box-sizing: border-box;
-	width: 100%;
-	height: 100%;
-	opacity: 1;
-	transition: opacity 0.5s;
-	pointer-events: none;
-}
-
-.alert-active {
-	animation: blink 0.75s infinite;
-}
-
-@keyframes blink {
-	0% {
-		opacity: 0;
-	}
-	50% {
-		opacity: 0.5;
-	}
-	100% {
-		opacity: 0;
-	}
-}
+:root {
+	--alert-size: 120px;
+}
+
+.successOverlay::before,
+.successOverlay::after {
+	position: absolute;
+	width: var(--alert-size);
+	height: 100%;
+	content: '';
+}
+
+.successOverlay > div::before,
+.successOverlay > div::after {
+	position: absolute;
+	width: 100%;
+	height: var(--alert-size);
+	content: '';
+}
+
+.successOverlay::before {
+	top: 0;
+	left: 0;
+	background: linear-gradient(to right, green, transparent);
+	transform: rotate(0deg);
+}
+
+.successOverlay::after {
+	top: 0%;
+	left: 100%;
+	background: linear-gradient(to left, green, transparent);
+	transform: rotate(0deg) translate(calc(-1 * var(--alert-size)), 0px);
+}
+
+.successOverlay > div::before {
+	top: 0;
+	left: 0;
+	background: linear-gradient(to top, green, transparent);
+	transform: rotate(180deg);
+}
+
+.successOverlay > div::after {
+	top: 100%;
+	left: 0;
+	background: linear-gradient(to top, green, transparent);
+	transform: rotate(0deg) translate(0px, calc(-1 * var(--alert-size)));
+}
+
+.successOverlay {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 1;
+	box-sizing: border-box;
+	width: 100%;
+	height: 100%;
+	opacity: 1;
+	transition: opacity 0.5s;
+	pointer-events: none;
+}
+
+.errorOverlay::before,
+.errorOverlay::after {
+	position: absolute;
+	width: var(--alert-size);
+	height: 100%;
+	content: '';
+}
+
+.errorOverlay > div::before,
+.errorOverlay > div::after {
+	position: absolute;
+	width: 100%;
+	height: var(--alert-size);
+	content: '';
+}
+
+.errorOverlay::before {
+	top: 0;
+	left: 0;
+	background: linear-gradient(to right, red, transparent);
+	transform: rotate(0deg);
+}
+
+.errorOverlay::after {
+	top: 0%;
+	left: 100%;
+	background: linear-gradient(to left, red, transparent);
+	transform: rotate(0deg) translate(calc(-1 * var(--alert-size)), 0px);
+}
+
+.errorOverlay > div::before {
+	top: 0;
+	left: 0;
+	background: linear-gradient(to top, red, transparent);
+	transform: rotate(180deg);
+}
+
+.errorOverlay > div::after {
+	top: 100%;
+	left: 0;
+	background: linear-gradient(to top, red, transparent);
+	transform: rotate(0deg) translate(0px, calc(-1 * var(--alert-size)));
+}
+
+.errorOverlay {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 1;
+	box-sizing: border-box;
+	width: 100%;
+	height: 100%;
+	opacity: 1;
+	transition: opacity 0.5s;
+	pointer-events: none;
+}
+
+.alert-active {
+	animation: blink 0.75s infinite;
+}
+
+@keyframes blink {
+	0% {
+		opacity: 0;
+	}
+	50% {
+		opacity: 0.5;
+	}
+	100% {
+		opacity: 0;
+	}
+}

package/dist/esm/generatedListPage/ConfigurableToolbar.js

@@ -19,8 +19,8 @@ import { usePermissionCheck } from "./usePermissionCheck";
 
 // 兼容 Access 组件
 var Access = AccessWrapper;
-/**
- * 配置化工具栏组件
+/**
+ * 配置化工具栏组件
  */
 var ConfigurableToolbar = function ConfigurableToolbar(_ref) {
   var _ref$actions = _ref.actions,

package/dist/esm/generatedListPage/GeneratedListPage.js

@@ -42,17 +42,17 @@ var ConfigurableToolbar = /*#__PURE__*/lazy(function () {
 // 直接导入操作列组件，避免懒加载导致的渲染问题
 import OptionsColumn from "./OptionsColumn";
 
-/**
- * 通用列表页面生成器组件
- * 
- * 基于配置自动生成标准化的列表页面，包含：
- * - AgGridPlus表格
- * - 配置化工具栏
- * - 标准化操作列
- * - 树形数据支持
- * - 统一的API调用和错误处理
- * 
- * @param config 页面配置对象
+/**
+ * 通用列表页面生成器组件
+ * 
+ * 基于配置自动生成标准化的列表页面，包含：
+ * - AgGridPlus表格
+ * - 配置化工具栏
+ * - 标准化操作列
+ * - 树形数据支持
+ * - 统一的API调用和错误处理
+ * 
+ * @param config 页面配置对象
  */
 var GeneratedListPage = function GeneratedListPage(config) {
   var _treeConfig$groupDefa;
@@ -158,10 +158,10 @@ var GeneratedListPage = function GeneratedListPage(config) {
     return [].concat(_toConsumableArray(columnDefs), [operationColumn]);
   }, [columnDefs, formDialog, apiConfig.delete, permissions, onRefresh, OptionsColumnComponent, errorConfig.useErrorHandler]);
 
-  /**
-   * 从扁平数据构建树形结构
-   * @param flatData 扁平数据数组
-   * @returns 树形数据数组
+  /**
+   * 从扁平数据构建树形结构
+   * @param flatData 扁平数据数组
+   * @returns 树形数据数组
    */
   var buildTreeFromFlat = useCallback(function (flatData) {
     if (!treeConfig) return flatData;
@@ -472,8 +472,8 @@ var GeneratedListPage = function GeneratedListPage(config) {
   }));
 };
 
-/**
- * 错误边界组件
+/**
+ * 错误边界组件
  */
 var GeneratedListPageErrorBoundary = /*#__PURE__*/function (_React$Component) {
   _inherits(GeneratedListPageErrorBoundary, _React$Component);
@@ -531,9 +531,9 @@ var GeneratedListPageErrorBoundary = /*#__PURE__*/function (_React$Component) {
   }]);
   return GeneratedListPageErrorBoundary;
 }(React.Component);
-/**
- * 带错误边界的GeneratedListPage组件
- * @template T 数据项类型
+/**
+ * 带错误边界的GeneratedListPage组件
+ * @template T 数据项类型
  */
 var GeneratedListPageWithErrorBoundary = function GeneratedListPageWithErrorBoundary(props) {
   return /*#__PURE__*/React.createElement(GeneratedListPageErrorBoundary, {

package/dist/esm/generatedListPage/OptionsColumn.js

@@ -13,9 +13,9 @@ import DeleteConfirm from "../deleteConfirm";
 // 兼容 Access 组件
 var Access = AccessWrapper;
 
-/**
- * 通用操作列组件
- * @template T 行数据类型
+/**
+ * 通用操作列组件
+ * @template T 行数据类型
  */
 var OptionsColumn = function OptionsColumn(props) {
   var data = props.data,

package/dist/esm/generatedListPage/PerformanceMonitor.js

@@ -15,12 +15,12 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useEffect, useRef, useState } from 'react';
 
-/**
- * 性能指标接口
+/**
+ * 性能指标接口
  */
 
-/**
- * 性能监控 Hook
+/**
+ * 性能监控 Hook
  */
 export var usePerformanceMonitor = function usePerformanceMonitor(componentName) {
   var _useState = useState({
@@ -153,8 +153,8 @@ export var usePerformanceMonitor = function usePerformanceMonitor(componentName)
   };
 };
 
-/**
- * 生成性能优化建议
+/**
+ * 生成性能优化建议
  */
 var generateRecommendations = function generateRecommendations(metrics) {
   var recommendations = [];
@@ -182,9 +182,9 @@ var generateRecommendations = function generateRecommendations(metrics) {
   return recommendations;
 };
 
-/**
- * 性能监控开发工具组件
- * 仅在开发环境显示
+/**
+ * 性能监控开发工具组件
+ * 仅在开发环境显示
  */
 export var PerformanceDevTools = function PerformanceDevTools(_ref2) {
   var componentName = _ref2.componentName,