@teamix/pro 1.4.3 → 1.4.4

package/es/form/ProForm/index.js

@@ -10,7 +10,7 @@ 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, { memo, useMemo } from 'react';
+import React, { memo, useEffect, useMemo } from 'react';
 import { usePrefixCls, cls, getLanguage, getGlobalConfig } from '@teamix/utils';
 import { createForm, onFieldValueChange, onFormValuesChange, registerValidateLocale, setValidateLanguage } from '@formily/core';
 import { toJS } from '@formily/reactive';
@@ -127,10 +127,7 @@ var ProForm = /*#__PURE__*/memo(function (_ref) {
       }).finally(function () {
         onInitialComplete === null || onInitialComplete === void 0 ? void 0 : onInitialComplete(form);
       });
-    } // 配置国际化
-
-
-    setValidateLanguage(getLanguage() || 'zh-cn');
+    }
   }, []); // 添加 onChange 事件
 
   useMemo(function () {
@@ -154,6 +151,10 @@ var ProForm = /*#__PURE__*/memo(function (_ref) {
       });
     }
   }, [onChange]);
+  useEffect(function () {
+    // 配置国际化
+    setValidateLanguage(getLanguage() || 'zh-cn');
+  }, []);
   return /*#__PURE__*/React.createElement(Form, _objectSpread(_objectSpread(_objectSpread({
     className: cls(prefixCls(), className)
   }, otherProps), getTeamixLayout), {}, {

package/es/form/ProForm/index.scss

@@ -36,8 +36,7 @@
         .#{$teamix-pro-field}-radio,
         .#{$teamix-pro-field}-switch,
         .#{$teamix-pro-field}-colorradio,
-        .#{$teamix-pro-field}-range,
-        .#{$css-prefix}btn-text {
+        .#{$teamix-pro-field}-range {
           line-height: var(--form-element-medium-height, 32px);
         }
         > .#{$css-prefix}btn-text {
@@ -109,6 +108,21 @@
   }
 }
 
+// 尺寸 - small
+.#{$form-item-cls}-size-small {
+  // 预览态行高
+  .#{$css-prefix}form-preview {
+    line-height: var(--form-element-small-height, 24px);
+  }
+}
+// 尺寸 - large
+.#{$form-item-cls}-size-large {
+  // 预览态行高
+  .#{$css-prefix}form-preview {
+    line-height: var(--form-element-large-height, 36px);
+  }
+}
+
 // Icon
 .#{$css-prefix}formily-icon {
   transform: translate(0, -1px);
@@ -190,23 +204,6 @@
   }
 }
 
-// 数组类组件添加按钮
-.#{$css-prefix}btn.#{$form-array}-base-addition {
-  border-style: dashed;
-  .#{$css-prefix}formily-icon {
-    margin-right: 4px;
-  }
-}
-// 数组类ArrayItem Icon text 居中
-.#{$form-array}-items-item-inner {
-  .#{$css-prefix}space-item {
-    > .#{$css-prefix}formily-icon.#{$css-prefix}btn-text {
-      line-height: inherit !important;
-      margin-right: 0;
-    }
-  }
-}
-
 // Editable预览态行高
 .#{$css-prefix}formily-editable-content {
   line-height: var(--form-element-medium-height, 32px);
@@ -296,6 +293,20 @@
 .form-array-base-icon {
   cursor: pointer;
 }
+// 数组类组件添加按钮
+.#{$css-prefix}btn.#{$form-array}-base-addition {
+  border-style: dashed;
+  .#{$css-prefix}formily-icon {
+    margin-right: 4px;
+  }
+}
+.#{$form-array}-items {
+  .#{$form-item-cls}-control-content-component {
+    > .#{$css-prefix}btn-text.#{$form-array}-base-addition {
+      line-height: var(--form-element-medium-height, 32px);
+    }
+  }
+}
 
 // ArrayCard
 .#{$form-array}-cards-item {
@@ -324,6 +335,18 @@
   align-items: center;
 }
 
+// todo 此处做覆盖，formily改为变量后可移除
+.#{$form-array}-items-card {
+  border-color: var(--card-border-color, #eaeaea);
+  background: var(--card-background, #ffffff);
+  .#{$css-prefix}formily-item:not(.#{$css-prefix}formily-item-feedback-layout-popover) {
+    .#{$css-prefix}formily-item-help {
+      background: var(--card-background, #ffffff);
+      box-shadow: 0 0 10px var(--card-border-color, #eaeaea);
+    }
+  }
+}
+
 /* hack todo remove */
 .#{$form-item-cls}-control-content-component {
   .#{$teamix-pro-field}-tooltip.#{$teamix-pro-field}-checkbox {

package/es/index.d.ts

@@ -27,5 +27,5 @@ export * from './table';
 export * from './sidebar';
 export * from './utils';
 export * from './timeline';
-declare const version = "1.4.3";
+declare const version = "1.4.4";
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, hooks, nocode, templates, utils, };

package/es/index.js

@@ -31,6 +31,6 @@ export * from './table';
 export * from './sidebar';
 export * from './utils';
 export * from './timeline';
-var version = '1.4.3';
+var version = '1.4.4';
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, // ProLayout,
 ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, hooks, nocode, templates, utils };

package/es/table/index.scss

@@ -1,16 +1,9 @@
 $prefix: 'teamix-pro-table';
 $fullscreenPadding: 24px;
 
-.next-overlay-wrapper {
-  --checkbox-select-icon-content: '\ead7';
-  --checkbox-semi-select-icon-content: '\ead5';
-}
-
 .#{$prefix} {
   background: var(--table-row-bg, #ffffff);
   position: relative;
-  --checkbox-select-icon-content: '\ead7';
-  --checkbox-semi-select-icon-content: '\ead5';
   &-footer {
     padding: 8px 0;
     width: 100%;
@@ -121,7 +114,7 @@ $fullscreenPadding: 24px;
 }
 
 .next-table {
-  .next-form-preview.next-form-preview {
+  .next-form-preview {
     line-height: unset;
   }
   &-row {
@@ -141,4 +134,4 @@ $fullscreenPadding: 24px;
   a:hover {
     color: var(--color-brand1-5);
   }
-}
+}

package/lib/form/ProForm/index.js

@@ -159,10 +159,7 @@ var ProForm = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       }).finally(function () {
         onInitialComplete === null || onInitialComplete === void 0 ? void 0 : onInitialComplete(form);
       });
-    } // 配置国际化
-
-
-    (0, _core.setValidateLanguage)((0, _utils.getLanguage)() || 'zh-cn');
+    }
   }, []); // 添加 onChange 事件
 
   (0, _react.useMemo)(function () {
@@ -186,6 +183,10 @@ var ProForm = /*#__PURE__*/(0, _react.memo)(function (_ref) {
       });
     }
   }, [onChange]);
+  (0, _react.useEffect)(function () {
+    // 配置国际化
+    (0, _core.setValidateLanguage)((0, _utils.getLanguage)() || 'zh-cn');
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_formily.Form, _objectSpread(_objectSpread(_objectSpread({
     className: (0, _utils.cls)(prefixCls(), className)
   }, otherProps), getTeamixLayout), {}, {

package/lib/form/ProForm/index.scss

@@ -36,8 +36,7 @@
         .#{$teamix-pro-field}-radio,
         .#{$teamix-pro-field}-switch,
         .#{$teamix-pro-field}-colorradio,
-        .#{$teamix-pro-field}-range,
-        .#{$css-prefix}btn-text {
+        .#{$teamix-pro-field}-range {
           line-height: var(--form-element-medium-height, 32px);
         }
         > .#{$css-prefix}btn-text {
@@ -109,6 +108,21 @@
   }
 }
 
+// 尺寸 - small
+.#{$form-item-cls}-size-small {
+  // 预览态行高
+  .#{$css-prefix}form-preview {
+    line-height: var(--form-element-small-height, 24px);
+  }
+}
+// 尺寸 - large
+.#{$form-item-cls}-size-large {
+  // 预览态行高
+  .#{$css-prefix}form-preview {
+    line-height: var(--form-element-large-height, 36px);
+  }
+}
+
 // Icon
 .#{$css-prefix}formily-icon {
   transform: translate(0, -1px);
@@ -190,23 +204,6 @@
   }
 }
 
-// 数组类组件添加按钮
-.#{$css-prefix}btn.#{$form-array}-base-addition {
-  border-style: dashed;
-  .#{$css-prefix}formily-icon {
-    margin-right: 4px;
-  }
-}
-// 数组类ArrayItem Icon text 居中
-.#{$form-array}-items-item-inner {
-  .#{$css-prefix}space-item {
-    > .#{$css-prefix}formily-icon.#{$css-prefix}btn-text {
-      line-height: inherit !important;
-      margin-right: 0;
-    }
-  }
-}
-
 // Editable预览态行高
 .#{$css-prefix}formily-editable-content {
   line-height: var(--form-element-medium-height, 32px);
@@ -296,6 +293,20 @@
 .form-array-base-icon {
   cursor: pointer;
 }
+// 数组类组件添加按钮
+.#{$css-prefix}btn.#{$form-array}-base-addition {
+  border-style: dashed;
+  .#{$css-prefix}formily-icon {
+    margin-right: 4px;
+  }
+}
+.#{$form-array}-items {
+  .#{$form-item-cls}-control-content-component {
+    > .#{$css-prefix}btn-text.#{$form-array}-base-addition {
+      line-height: var(--form-element-medium-height, 32px);
+    }
+  }
+}
 
 // ArrayCard
 .#{$form-array}-cards-item {
@@ -324,6 +335,18 @@
   align-items: center;
 }
 
+// todo 此处做覆盖，formily改为变量后可移除
+.#{$form-array}-items-card {
+  border-color: var(--card-border-color, #eaeaea);
+  background: var(--card-background, #ffffff);
+  .#{$css-prefix}formily-item:not(.#{$css-prefix}formily-item-feedback-layout-popover) {
+    .#{$css-prefix}formily-item-help {
+      background: var(--card-background, #ffffff);
+      box-shadow: 0 0 10px var(--card-border-color, #eaeaea);
+    }
+  }
+}
+
 /* hack todo remove */
 .#{$form-item-cls}-control-content-component {
   .#{$teamix-pro-field}-tooltip.#{$teamix-pro-field}-checkbox {

package/lib/index.d.ts

@@ -27,5 +27,5 @@ export * from './table';
 export * from './sidebar';
 export * from './utils';
 export * from './timeline';
-declare const version = "1.4.3";
+declare const version = "1.4.4";
 export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, hooks, nocode, templates, utils, };

package/lib/index.js

@@ -307,5 +307,5 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 // 设置图标源
 _icon.default.setConfig(_utils.default.getTeamixIconConfig());
 
-var version = '1.4.3';
+var version = '1.4.4';
 exports.version = version;

package/lib/table/index.scss

@@ -1,16 +1,9 @@
 $prefix: 'teamix-pro-table';
 $fullscreenPadding: 24px;
 
-.next-overlay-wrapper {
-  --checkbox-select-icon-content: '\ead7';
-  --checkbox-semi-select-icon-content: '\ead5';
-}
-
 .#{$prefix} {
   background: var(--table-row-bg, #ffffff);
   position: relative;
-  --checkbox-select-icon-content: '\ead7';
-  --checkbox-semi-select-icon-content: '\ead5';
   &-footer {
     padding: 8px 0;
     width: 100%;
@@ -121,7 +114,7 @@ $fullscreenPadding: 24px;
 }
 
 .next-table {
-  .next-form-preview.next-form-preview {
+  .next-form-preview {
     line-height: unset;
   }
   &-row {
@@ -141,4 +134,4 @@ $fullscreenPadding: 24px;
   a:hover {
     color: var(--color-brand1-5);
   }
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamix/pro",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "description": "TeamixPro大包",
   "keywords": [
     "aliyun",