@digitalc/dxp-ui 0.0.6-alpha.1 → 0.0.6

package/es/components/Amount/index.js

@@ -66,6 +66,7 @@ var Amount = function Amount(props) {
     colorCardTextPriceStrikethrough = designTokens.colorCardTextPriceStrikethrough,
     colorCardTextTitle = designTokens.colorCardTextTitle,
     colorIconActive = designTokens.colorIconActive;
+  console.log('colorIconActive', colorIconActive);
   var baseProps = {
     className: classNames(prefixCls, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-size-").concat(size), size), "".concat(prefixCls, "-position-").concat(position), position), className),
     style: style

package/es/components/Button/designTokens.d.ts

@@ -14,7 +14,6 @@
  *    - 缺点：需要了解组件DOM结构，维护成本高，优先选择第1种
  */
 declare const useDesignTokens: () => {
-    controlHeight: string;
     colorPrimary: any;
     colorPrimaryHover: any;
     colorPrimaryTextHover: any;
@@ -48,7 +47,6 @@ declare const useDesignTokens: () => {
     paddingBlockLG: any;
 };
 declare const useInverseDesignTokens: () => {
-    controlHeight: string;
     colorPrimary: any;
     colorPrimaryHover: any;
     colorPrimaryTextHover: any;

package/es/components/Button/designTokens.js

@@ -19,7 +19,6 @@ import { useDynamicTokens } from "../../utils";
 var useDesignTokens = function useDesignTokens() {
   var getToken = useDynamicTokens();
   return {
-    controlHeight: "".concat(2 * getToken('spacingButtonPaddingHorizontal') + 24, "px"),
     // 算法配置
     // algorithm: true,
     // 主要按钮背景色
@@ -91,7 +90,7 @@ var useInverseDesignTokens = function useInverseDesignTokens() {
   return {
     // 算法配置
     // algorithm: true,
-    controlHeight: "".concat(2 * getToken('spacingButtonPaddingVertical') + 24, "px"),
+
     // 主要按钮背景色
     colorPrimary: getToken('colorButtonBackgroundPrimaryInverse'),
     // 主要按钮 Hover

package/es/components/Card/index.d.ts

@@ -15,7 +15,7 @@ export interface CardProps {
     extraTop?: ReactNode;
     extraBottom?: ReactNode;
     amountLabel?: string;
-    amountValue?: ReactNode;
+    amountValue?: string | number | null;
     bgColor?: string;
     [key: string]: any;
 }

package/es/components/Card/index.js

@@ -7,7 +7,7 @@ import cl from 'classnames';
 import { theme } from "../../utils/theme";
 import { useDesignTokens } from "./designTokens";
 import { cssClasses } from "../../constants";
-import { Text } from "../";
+import { Text, Amount } from "../";
 import "./style/index.less";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var Card = function Card(props) {
@@ -55,7 +55,12 @@ var Card = function Card(props) {
       children: [/*#__PURE__*/_jsx(Text, {
         size: "ContentC15Bold",
         children: amountLabel
-      }), amountValue]
+      }), /*#__PURE__*/_jsx(Amount, {
+        showIcon: false,
+        title: "",
+        priceColor: colorTextAmount,
+        children: amountValue
+      })]
     }) : extraBottom;
   };
   var styleBg = bgColor ? {

package/es/components/Card/style/index.less

@@ -36,7 +36,7 @@
         height: 16px;
         width: 8px;
         position: absolute;
-        z-index: 1;
+        z-index: 99;
         top: -8px;
         border: 1px solid #d5d5d5;
       }

package/es/components/Checkbox/style/index.less

@@ -6,3 +6,8 @@
   height: 2px !important;
   background-color: white !important; // 白色线条
 }
+
+.@{prefix}-checkbox-group {
+  // 自定义分组容器的样式
+  gap: 8px;
+}

package/es/components/Form/index.js

@@ -17,7 +17,7 @@ var InternalForm = function InternalForm(props) {
     className = _props$className === void 0 ? '' : _props$className,
     children = props.children,
     attr = _objectWithoutProperties(props, _excluded);
-  var prefix = "".concat(cssClasses.PREFIX);
+  var prefix = "".concat(cssClasses.PREFIX, "-form");
   var designFormTokens = useDesignFormTokens();
   var designFormHorizontalTokens = useDesignFormHorizontalTokens();
   var formDesign = layout === 'vertical' ? designFormTokens : designFormHorizontalTokens;

package/es/components/Input/index.js

@@ -35,7 +35,7 @@ var Input = function Input(props) {
   var styleToken = useStyleToken();
   var controlHeight = designTokens.controlHeight;
   // 主Input组件
-  var prefix = "".concat(cssClasses.PREFIX);
+  var prefix = "".concat(cssClasses.PREFIX, "-inputOutside");
   // 样式注入逻辑
   var useCustomButtonStyle = function useCustomButtonStyle() {
     var hashId = useStyleRegister({
@@ -43,7 +43,7 @@ var Input = function Input(props) {
       token: {},
       path: ["".concat(prefix)]
     }, function () {
-      return "\n      .".concat(prefix, "-input-affix-wrapper {\n        height: ").concat(controlHeight, "px !important;\n        padding-block: 0 !important;\n      }      \n    ");
+      return "\n      .".concat(prefix, "-input {\n        height: ").concat(controlHeight, "px;\n      }\n      .").concat(prefix, "-input-affix-wrapper {\n        height: ").concat(controlHeight, "px !important;\n        padding-block: 0 !important;\n      }      \n    ");
     });
     return hashId;
   };

package/es/components/Input/style/index.less

@@ -1 +1,4 @@
 @import './variables.less';
+
+// 基础按钮样式
+@components: inputOutside;

package/es/components/Input/style/variables.less

@@ -1 +1,5 @@
+
 @import '../../../style/variables.less';
+
+// Primary Button
+@btn-primary-bg-default: var(--base-color-primary);

package/es/components/Modal/index.js

@@ -55,7 +55,7 @@ var Modal = function Modal(props) {
       token: {},
       path: ["".concat(prefix)]
     }, function () {
-      return "\n      .".concat(prefix, "-sticky-headers .").concat(prefix, "-title {\n        padding-right: 1rem;\n      }\n      .").concat(prefix, "-sticky-header.").concat(prefix, "-sticky-footer .").concat(prefix, "-body {\n        overflow-y: auto;\n        -ms-overflow-style: none;\n        scrollbar-width: none;\n        max-height: calc(80vh - ").concat(spacingModalCardPaddingTop * 2, "px - 26px - ").concat(spacingModalButtonStickyPaddingVertical * 2, "px - 40px - 16px);\n      }\n      .").concat(prefix, "-sticky-header.").concat(prefix, "-sticky-footer .").concat(prefix, "-body::-webkit-scrollbar {\n        display: none;\n      }\n      .").concat(prefix, "-left .").concat(prefix, "-footer {\n        text-align: left;\n      }\n      .").concat(prefix, "-right .").concat(prefix, "-footer {\n        text-align: right;\n      }\n      .").concat(prefix, "-center .").concat(prefix, "-footer {\n        text-align: center;\n      }\n      .").concat(prefix, " .").concat(prefix, "-close {\n        top: ").concat(spacingModalCardPaddingHorizontal - 4, "px\n      }\n      .").concat(prefix, "-mobile .").concat(prefix, "-close-x {\n        font-size: 24px;\n      }\n      .").concat(prefix, "-desktop .").concat(prefix, "-close-x {\n        font-size: 16px;\n      }\n    ");
+      return "\n      .".concat(prefix, "-sticky-headers .").concat(prefix, "-header {\n      }\n      .").concat(prefix, "-sticky-header.").concat(prefix, "-sticky-footer .").concat(prefix, "-body {\n        overflow-y: auto;\n        -ms-overflow-style: none;\n        scrollbar-width: none;\n        max-height: calc(80vh - ").concat(spacingModalCardPaddingTop * 2, "px - 26px - ").concat(spacingModalButtonStickyPaddingVertical * 2, "px - 40px - 16px);\n      }\n      .").concat(prefix, "-sticky-header.").concat(prefix, "-sticky-footer .").concat(prefix, "-body::-webkit-scrollbar {\n        display: none;\n      }\n      .").concat(prefix, "-left .").concat(prefix, "-footer {\n        text-align: left;\n      }\n      .").concat(prefix, "-right .").concat(prefix, "-footer {\n        text-align: right;\n      }\n      .").concat(prefix, "-center .").concat(prefix, "-footer {\n        text-align: center;\n      }\n      .").concat(prefix, " .").concat(prefix, "-close {\n        top: ").concat(spacingModalCardPaddingHorizontal - 4, "px\n      }\n      .").concat(prefix, "-mobile .").concat(prefix, "-close-x {\n        font-size: 24px;\n      }\n      .").concat(prefix, "-desktop .").concat(prefix, "-close-x {\n        font-size: 16px;\n      }\n    ");
     });
     return hashId;
   };

package/es/components/Selector/ESelector.js

@@ -98,7 +98,7 @@ var ESelector = function ESelector(props) {
       token: {},
       path: ["".concat(prefix, "-warp")]
     }, function () {
-      return "\n      .".concat(prefix, "-warp {\n        div + div {\n          margin-top:").concat(gap || 16, "px;\n        }\n        .itemSelect {\n          .filterOptions {\n            background: ").concat(colorSelectorBackground, ";\n            border: ").concat(borderWidthSelectorStandard || 1, "px solid ").concat(colorSelectorBorderStandard, ";\n            border-radius: ").concat(borderRadiusSelector, "px;\n            padding: ").concat(spacingSelectorPaddingVertical, "px ").concat(spacingSelectorPaddingHorizontal, "px;\n              &.active {\n                border: ").concat(borderWidthSelectorActive || 1, "px solid ").concat(colorSelectorBorderActive, ";\n                border-radius: ").concat(borderRadiusSelector, "px;\n                &.activeBg {\n                  background: ").concat(colorSelectorBackgroundActive, ";\n                }\n              }         \n              &.active.showActiveIcon:after {\n                background: ").concat(colorSelectorBorderActive, ";\n              }    \n              &.disabled {\n                opacity: ").concat(opacitySelectorTextDisabled / 100, ";\n                border-color: ").concat(colorSelectorBorderDisabled, ";\n                color:").concat(colorSelectorTextDisabled, ";\n              }\n          }\n        }\n    ");
+      return "\n      .".concat(prefix, "-warp {\n        gap: ").concat(gap || 16, "px;\n        .itemSelect {\n          .filterOptions {\n            background: ").concat(colorSelectorBackground, ";\n            border: ").concat(borderWidthSelectorStandard || 1, "px solid ").concat(colorSelectorBorderStandard, ";\n            border-radius: ").concat(borderRadiusSelector, "px;\n            padding: ").concat(spacingSelectorPaddingVertical, "px ").concat(spacingSelectorPaddingHorizontal, "px;\n              &.active {\n                border: ").concat(borderWidthSelectorActive || 1, "px solid ").concat(colorSelectorBorderActive, ";\n                border-radius: ").concat(borderRadiusSelector, "px;\n                &.activeBg {\n                  background: ").concat(colorSelectorBackgroundActive, ";\n                }\n              }         \n              &.active.showActiveIcon:after {\n                background: ").concat(colorSelectorBorderActive, ";\n              }    \n              &.disabled {\n                opacity: ").concat(opacitySelectorTextDisabled / 100, ";\n                border-color: ").concat(colorSelectorBorderDisabled, ";\n                color:").concat(colorSelectorTextDisabled, ";\n              }\n          }\n        }\n    ");
     });
     return hashId;
   };

package/es/components/Selector/style/index.less

@@ -50,7 +50,7 @@
           position: absolute;
           right: 8px;
           bottom: 4px;
-          z-index: 2;
+          z-index: 100;
           transform: scale(0.5, 0.5);
         }
 
@@ -68,7 +68,7 @@
           bottom: -32px;
           right: -32px;
           border-radius: 10000px;
-          z-index: 1;
+          z-index: 99;
         }
       }
     }

package/es/components/SelectorItem/style/index.less

@@ -29,7 +29,7 @@
         position: absolute;
         right: 8px;
         bottom: 4px;
-        z-index: 2;
+        z-index: 100;
         transform: scale(0.5, 0.5);
       }
 
@@ -47,7 +47,7 @@
         bottom: -32px;
         right: -32px;
         border-radius: 10000px;
-        z-index: 1;
+        z-index: 99;
       }
     }
   }

package/es/components/StickyFooter/index.js

@@ -86,8 +86,8 @@ var StickyFooter = function StickyFooter(props) {
           disabled: btnDisabled,
           children: buttonText
         })
-      }), type === 'priceVariant' && /*#__PURE__*/_jsxs(_Fragment, {
-        children: [hideAmount ? /*#__PURE__*/_jsx("div", {}) : /*#__PURE__*/_jsx(Amount, {
+      }), type === 'priceVariant' && !hideAmount && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Amount, {
           titleType: titleType,
           priceStrikethrough: priceStrikethrough,
           priceColor: colorPrice || priceColor,
@@ -101,7 +101,7 @@ var StickyFooter = function StickyFooter(props) {
           onDropDownClick: onDropDownClick,
           iconType: iconType,
           children: price
-        }), !hideBtn && /*#__PURE__*/_jsxs(_Space, {
+        }), autoBreakPoint === DESKTOP && !hideBtn && /*#__PURE__*/_jsxs(_Space, {
           size: "middle",
           children: [showCancel, showPrevious, showBackPage, /*#__PURE__*/_jsx(Button, {
             iconPosition: iconPosition,
@@ -112,6 +112,13 @@ var StickyFooter = function StickyFooter(props) {
             onClick: onBtnClick,
             children: buttonText
           })]
+        }), autoBreakPoint === MOBILE && /*#__PURE__*/_jsx(Button, {
+          icon: btnIcon,
+          disabled: btnDisabled,
+          loading: btnLoading,
+          type: "primary",
+          onClick: onBtnClick,
+          children: buttonText
         })]
       })]
     }), children]

package/es/components/Tabs/index.js

@@ -22,7 +22,7 @@ var Tabs = function Tabs(props) {
     type = _props$type === void 0 ? 'default' : _props$type,
     defaultActiveKey = props.defaultActiveKey,
     _props$prefixCls = props.prefixCls,
-    prefixCls = _props$prefixCls === void 0 ? "".concat(BASE_CLASS_PREFIX) : _props$prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? "".concat(BASE_CLASS_PREFIX, "-tabs") : _props$prefixCls,
     _props$className = props.className,
     className = _props$className === void 0 ? '' : _props$className,
     _props$isEqualTabs = props.isEqualTabs,

package/es/components/Tabs/style/index.less

@@ -2,7 +2,7 @@
 
 @components: tabs;
 
-.@{prefix}-equal-tabs {
+.@{prefix}-@{components}-equal-tabs {
   .@{prefix}-tabs-nav-list {
     display: grid !important;
     grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
@@ -21,21 +21,21 @@
   }
 }
 
-.@{prefix}-item {
+.@{prefix}-@{components}-item {
   display: flex;
   align-items: center;
   flex-direction: column;
   box-sizing: border-box;
 }
 
-.@{prefix}-tab-btn {
+.@{prefix}-@{components}-tab-btn {
   text-align: center;
 
-  .@{prefix}-tab-icon {
+  .@{prefix}-@{components}-tab-icon {
     margin: 0 !important;
   }
 }
 
-.@{prefix}-fill>.@{prefix}-nav .@{prefix}-tab-focus {
+.@{prefix}-@{components}-fill>.@{prefix}-@{components}-nav .@{prefix}-@{components}-tab-focus {
   outline: none;
 }

package/es/components/index.d.ts

@@ -63,7 +63,4 @@ export { AlignTypes } from './ListItem';
 export { default as Selector } from './Selector';
 export { default as Checkbox } from './Checkbox';
 export { default as Radio } from './Radio';
-export { default as AppStyleWrapper } from './AppStyleWrapper';
-export { default as Row } from './Row';
-export { default as Col } from './Col';
 export { default as GlobalTokenProvider } from './GlobalTokenProvider';

package/es/components/index.js

@@ -38,7 +38,4 @@ export { AlignTypes } from "./ListItem";
 export { default as Selector } from "./Selector";
 export { default as Checkbox } from "./Checkbox";
 export { default as Radio } from "./Radio";
-export { default as AppStyleWrapper } from "./AppStyleWrapper";
-export { default as Row } from "./Row";
-export { default as Col } from "./Col";
 export { default as GlobalTokenProvider } from "./GlobalTokenProvider";

package/es/index.d.ts

@@ -1,5 +1,5 @@
 import './style/themes/index.css';
 export * from './components';
 export { default as tokenManager } from './utils/tokenManager';
-export { useBreakPoint, useIsMobile, checkIsMobile, isWebViewBelow90 } from './utils/deviceType';
+export { useBreakPoint, useIsMobile, checkIsMobile } from './utils/deviceType';
 export * from './utils/themeContext';

package/es/index.js

@@ -5,7 +5,7 @@ export * from "./components";
 
 // 导出工具函数
 export { default as tokenManager } from "./utils/tokenManager";
-export { useBreakPoint, useIsMobile, checkIsMobile, isWebViewBelow90 } from "./utils/deviceType";
+export { useBreakPoint, useIsMobile, checkIsMobile } from "./utils/deviceType";
 
 // 这个是多主题的配置目前没用；选择了直接由消费者注入 token 的方式改变样式更灵活
 export * from "./utils/themeContext";

package/es/utils/deviceType.d.ts

@@ -12,18 +12,3 @@ export declare const checkIsMobile: () => boolean;
  */
 export declare const useIsMobile: () => boolean;
 export declare const useBreakPoint: () => "desktop" | "mobile" | null;
-/**
- * 获取 WebView 的版本号
- * @returns {number|null} 返回 WebView 的版本号（整数），如果无法解析则返回 null
- */
-export declare const getWebViewVersion: () => number | null;
-/**
- * 检测是否支持某个特性（例如 CSS 属性或 JavaScript API）
- * @returns {boolean} 如果支持返回 true，否则返回 false
- */
-export declare const isGapSupported: () => boolean;
-/**
- * 检测 WebView 版本是否低于 90
- * @returns {boolean} 如果版本低于 90 或无法检测到版本，则返回 true；否则返回 false
- */
-export declare const isWebViewBelow90: () => boolean;

package/es/utils/deviceType.js

@@ -62,50 +62,4 @@ export var useBreakPoint = function useBreakPoint() {
     setBreakpoint(autoBreakPoint);
   }, []);
   return breakpoint;
-};
-
-/**
- * 获取 WebView 的版本号
- * @returns {number|null} 返回 WebView 的版本号（整数），如果无法解析则返回 null
- */
-export var getWebViewVersion = function getWebViewVersion() {
-  try {
-    var _navigator;
-    var userAgent = ((_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.userAgent) || ''; // 确保 navigator 和 userAgent 存在
-
-    // 匹配 Chrome/XX 或 WebView/XX（Android WebView 格式）
-    var versionMatch = userAgent.match(/(Chrome|WebView)\/(\d+)/);
-
-    // 如果匹配成功，返回版本号；否则返回 null
-    return versionMatch ? parseInt(versionMatch[2], 10) : null;
-  } catch (error) {
-    console.error('Error while parsing WebView version:', error);
-    return null; // 捕获异常并返回 null
-  }
-};
-/**
- * 检测是否支持某个特性（例如 CSS 属性或 JavaScript API）
- * @returns {boolean} 如果支持返回 true，否则返回 false
- */
-export var isGapSupported = function isGapSupported() {
-  // 示例：检测是否支持 CSS 的 gap 属性
-  var testElement = document.createElement('div');
-  testElement.style.gap = '1px'; // 尝试设置 gap 属性
-
-  // 如果浏览器支持 gap 属性，则 style.gap 不会为空
-  return testElement.style.gap !== '';
-};
-
-/**
- * 检测 WebView 版本是否低于 90
- * @returns {boolean} 如果版本低于 90 或无法检测到版本，则返回 true；否则返回 false
- */
-export var isWebViewBelow90 = function isWebViewBelow90() {
-  var version = getWebViewVersion();
-  // 如果版本号有效且小于 90，返回 true
-  if (version !== null) {
-    return version < 90;
-  }
-  // 如果无法获取版本号，降级到特性检测
-  return !isGapSupported();
 };

package/lib/components/Amount/index.js

@@ -133,6 +133,7 @@ var Amount = (props) => {
   ]);
   const designTokens = (0, import_designTokens.useDesignTokens)();
   const { colorCardTextPrice, colorCardTextPriceStrikethrough, colorCardTextTitle, colorIconActive } = designTokens;
+  console.log("colorIconActive", colorIconActive);
   const baseProps = {
     className: (0, import_classnames.default)(
       prefixCls,

package/lib/components/Button/designTokens.d.ts

@@ -14,7 +14,6 @@
  *    - 缺点：需要了解组件DOM结构，维护成本高，优先选择第1种
  */
 declare const useDesignTokens: () => {
-    controlHeight: string;
     colorPrimary: any;
     colorPrimaryHover: any;
     colorPrimaryTextHover: any;
@@ -48,7 +47,6 @@ declare const useDesignTokens: () => {
     paddingBlockLG: any;
 };
 declare const useInverseDesignTokens: () => {
-    controlHeight: string;
     colorPrimary: any;
     colorPrimaryHover: any;
     colorPrimaryTextHover: any;

package/lib/components/Button/designTokens.js

@@ -27,7 +27,6 @@ var import_utils = require("../../utils");
 var useDesignTokens = () => {
   const getToken = (0, import_utils.useDynamicTokens)();
   return {
-    controlHeight: `${2 * getToken("spacingButtonPaddingHorizontal") + 24}px`,
     // 算法配置
     // algorithm: true,
     // 主要按钮背景色
@@ -96,7 +95,6 @@ var useInverseDesignTokens = () => {
   return {
     // 算法配置
     // algorithm: true,
-    controlHeight: `${2 * getToken("spacingButtonPaddingVertical") + 24}px`,
     // 主要按钮背景色
     colorPrimary: getToken("colorButtonBackgroundPrimaryInverse"),
     // 主要按钮 Hover

package/lib/components/Card/index.d.ts

@@ -15,7 +15,7 @@ export interface CardProps {
     extraTop?: ReactNode;
     extraBottom?: ReactNode;
     amountLabel?: string;
-    amountValue?: ReactNode;
+    amountValue?: string | number | null;
     bgColor?: string;
     [key: string]: any;
 }

package/lib/components/Card/index.js

@@ -168,7 +168,7 @@ var Card = (props) => {
     return hashId;
   };
   useCustomButtonStyle();
-  const getAmount = () => amountValue ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-amount` }, /* @__PURE__ */ import_react.default.createElement(import__.Text, { size: "ContentC15Bold" }, amountLabel), amountValue) : extraBottom;
+  const getAmount = () => amountValue ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-amount` }, /* @__PURE__ */ import_react.default.createElement(import__.Text, { size: "ContentC15Bold" }, amountLabel), /* @__PURE__ */ import_react.default.createElement(import__.Amount, { showIcon: false, title: "", priceColor: colorTextAmount }, amountValue)) : extraBottom;
   const styleBg = bgColor ? { background: bgColor } : {};
   if (type === "default") {
     return /* @__PURE__ */ import_react.default.createElement(

package/lib/components/Card/style/index.less

@@ -36,7 +36,7 @@
         height: 16px;
         width: 8px;
         position: absolute;
-        z-index: 1;
+        z-index: 99;
         top: -8px;
         border: 1px solid #d5d5d5;
       }

package/lib/components/Checkbox/style/index.less

@@ -6,3 +6,8 @@
   height: 2px !important;
   background-color: white !important; // 白色线条
 }
+
+.@{prefix}-checkbox-group {
+  // 自定义分组容器的样式
+  gap: 8px;
+}

package/lib/components/Form/index.js

@@ -65,7 +65,7 @@ var import_designTokens = require("./designTokens");
 var import_style = require("./style/index.less");
 var InternalForm = (props) => {
   const _a = props, { layout = "vertical", className = "", children } = _a, attr = __objRest(_a, ["layout", "className", "children"]);
-  const prefix = `${import_constants.cssClasses.PREFIX}`;
+  const prefix = `${import_constants.cssClasses.PREFIX}-form`;
   const designFormTokens = (0, import_designTokens.useDesignFormTokens)();
   const designFormHorizontalTokens = (0, import_designTokens.useDesignFormHorizontalTokens)();
   const formDesign = layout === "vertical" ? designFormTokens : designFormHorizontalTokens;

package/lib/components/Input/index.js

@@ -84,13 +84,16 @@ var Input = (props) => {
   const designTokens = (0, import_designTokens.useDesignTokens)();
   const styleToken = (0, import_designTokens.useStyleToken)();
   const { controlHeight } = designTokens;
-  const prefix = `${import_constants.cssClasses.PREFIX}`;
+  const prefix = `${import_constants.cssClasses.PREFIX}-inputOutside`;
   const useCustomButtonStyle = () => {
     const hashId = (0, import_cssinjs.useStyleRegister)({
       theme: import_theme.theme,
       token: {},
       path: [`${prefix}`]
     }, () => `
+      .${prefix}-input {
+        height: ${controlHeight}px;
+      }
       .${prefix}-input-affix-wrapper {
         height: ${controlHeight}px !important;
         padding-block: 0 !important;

package/lib/components/Input/style/index.less

@@ -1 +1,4 @@
 @import './variables.less';
+
+// 基础按钮样式
+@components: inputOutside;

package/lib/components/Input/style/variables.less

@@ -1 +1,5 @@
+
 @import '../../../style/variables.less';
+
+// Primary Button
+@btn-primary-bg-default: var(--base-color-primary);

package/lib/components/Modal/index.js

@@ -138,8 +138,7 @@ var Modal = (props) => {
       token: {},
       path: [`${prefix}`]
     }, () => `
-      .${prefix}-sticky-headers .${prefix}-title {
-        padding-right: 1rem;
+      .${prefix}-sticky-headers .${prefix}-header {
       }
       .${prefix}-sticky-header.${prefix}-sticky-footer .${prefix}-body {
         overflow-y: auto;

package/lib/components/Selector/ESelector.js

@@ -113,9 +113,7 @@ var ESelector = (props) => {
       path: [`${prefix}-warp`]
     }, () => `
       .${prefix}-warp {
-        div + div {
-          margin-top:${gap || 16}px;
-        }
+        gap: ${gap || 16}px;
         .itemSelect {
           .filterOptions {
             background: ${colorSelectorBackground};

package/lib/components/Selector/style/index.less

@@ -50,7 +50,7 @@
           position: absolute;
           right: 8px;
           bottom: 4px;
-          z-index: 2;
+          z-index: 100;
           transform: scale(0.5, 0.5);
         }
 
@@ -68,7 +68,7 @@
           bottom: -32px;
           right: -32px;
           border-radius: 10000px;
-          z-index: 1;
+          z-index: 99;
         }
       }
     }

package/lib/components/SelectorItem/style/index.less

@@ -29,7 +29,7 @@
         position: absolute;
         right: 8px;
         bottom: 4px;
-        z-index: 2;
+        z-index: 100;
         transform: scale(0.5, 0.5);
       }
 
@@ -47,7 +47,7 @@
         bottom: -32px;
         right: -32px;
         border-radius: 10000px;
-        z-index: 1;
+        z-index: 99;
       }
     }
   }

package/lib/components/StickyFooter/index.js

@@ -169,7 +169,7 @@ var StickyFooter = (props) => {
       onClick: props.onClick
     }),
     extraContent && extraContent,
-    /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-wrap` }, type === "default" && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import__.Button, { icon: btnIcon, type: "primary", block: true, onClick: onBtnClick, disabled: btnDisabled }, buttonText)), type === "priceVariant" && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, hideAmount ? /* @__PURE__ */ import_react.default.createElement("div", null) : /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-wrap` }, type === "default" && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import__.Button, { icon: btnIcon, type: "primary", block: true, onClick: onBtnClick, disabled: btnDisabled }, buttonText)), type === "priceVariant" && !hideAmount && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
       import__.Amount,
       {
         titleType,
@@ -186,7 +186,7 @@ var StickyFooter = (props) => {
         iconType
       },
       price
-    ), !hideBtn && /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: "middle" }, showCancel, showPrevious, showBackPage, /* @__PURE__ */ import_react.default.createElement(import__.Button, { iconPosition, icon: btnIcon, disabled: btnDisabled, loading: btnLoading, type: "primary", onClick: onBtnClick }, buttonText)))),
+    ), autoBreakPoint === DESKTOP && !hideBtn && /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: "middle" }, showCancel, showPrevious, showBackPage, /* @__PURE__ */ import_react.default.createElement(import__.Button, { iconPosition, icon: btnIcon, disabled: btnDisabled, loading: btnLoading, type: "primary", onClick: onBtnClick }, buttonText)), autoBreakPoint === MOBILE && /* @__PURE__ */ import_react.default.createElement(import__.Button, { icon: btnIcon, disabled: btnDisabled, loading: btnLoading, type: "primary", onClick: onBtnClick }, buttonText))),
     children
   );
 };

package/lib/components/Tabs/index.js

@@ -75,7 +75,7 @@ var Tabs = (props) => {
     items = [],
     type = "default",
     defaultActiveKey,
-    prefixCls = `${import_constants.BASE_CLASS_PREFIX}`,
+    prefixCls = `${import_constants.BASE_CLASS_PREFIX}-tabs`,
     className = "",
     isEqualTabs = false,
     indicator,

package/lib/components/Tabs/style/index.less

@@ -2,7 +2,7 @@
 
 @components: tabs;
 
-.@{prefix}-equal-tabs {
+.@{prefix}-@{components}-equal-tabs {
   .@{prefix}-tabs-nav-list {
     display: grid !important;
     grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
@@ -21,21 +21,21 @@
   }
 }
 
-.@{prefix}-item {
+.@{prefix}-@{components}-item {
   display: flex;
   align-items: center;
   flex-direction: column;
   box-sizing: border-box;
 }
 
-.@{prefix}-tab-btn {
+.@{prefix}-@{components}-tab-btn {
   text-align: center;
 
-  .@{prefix}-tab-icon {
+  .@{prefix}-@{components}-tab-icon {
     margin: 0 !important;
   }
 }
 
-.@{prefix}-fill>.@{prefix}-nav .@{prefix}-tab-focus {
+.@{prefix}-@{components}-fill>.@{prefix}-@{components}-nav .@{prefix}-@{components}-tab-focus {
   outline: none;
 }

package/lib/components/index.d.ts

@@ -63,7 +63,4 @@ export { AlignTypes } from './ListItem';
 export { default as Selector } from './Selector';
 export { default as Checkbox } from './Checkbox';
 export { default as Radio } from './Radio';
-export { default as AppStyleWrapper } from './AppStyleWrapper';
-export { default as Row } from './Row';
-export { default as Col } from './Col';
 export { default as GlobalTokenProvider } from './GlobalTokenProvider';

package/lib/components/index.js

@@ -35,13 +35,11 @@ __export(components_exports, {
   AlignTypes: () => import_ListItem3.AlignTypes,
   Amount: () => import_Amount.default,
   AmountTitleTypes: () => import_Amount.AmountTitleTypes,
-  AppStyleWrapper: () => import_AppStyleWrapper.default,
   BackImageEnum: () => import_Image2.BackImageEnum,
   Button: () => import_Button.default,
   Card: () => import_Card.default,
   Checkbox: () => import_Checkbox.default,
   Chip: () => import_Chip.default,
-  Col: () => import_Col.default,
   Divider: () => import_Divider.default,
   Drawer: () => import_Drawer.default,
   DrawerTypeEnum: () => import_Drawer2.DrawerTypeEnum,
@@ -58,7 +56,6 @@ __export(components_exports, {
   Navigation: () => import_Navigation.default,
   Notification: () => import_Notification.default,
   Radio: () => import_Radio.default,
-  Row: () => import_Row.default,
   Search: () => import_Search.default,
   Select: () => import_Select.default,
   Selector: () => import_Selector.default,
@@ -118,7 +115,4 @@ var import_ListItem3 = require("./ListItem");
 var import_Selector = __toESM(require("./Selector"));
 var import_Checkbox = __toESM(require("./Checkbox"));
 var import_Radio = __toESM(require("./Radio"));
-var import_AppStyleWrapper = __toESM(require("./AppStyleWrapper"));
-var import_Row = __toESM(require("./Row"));
-var import_Col = __toESM(require("./Col"));
 var import_GlobalTokenProvider = __toESM(require("./GlobalTokenProvider"));

package/lib/index.d.ts

@@ -1,5 +1,5 @@
 import './style/themes/index.css';
 export * from './components';
 export { default as tokenManager } from './utils/tokenManager';
-export { useBreakPoint, useIsMobile, checkIsMobile, isWebViewBelow90 } from './utils/deviceType';
+export { useBreakPoint, useIsMobile, checkIsMobile } from './utils/deviceType';
 export * from './utils/themeContext';

package/lib/index.js

@@ -31,7 +31,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   checkIsMobile: () => import_deviceType.checkIsMobile,
-  isWebViewBelow90: () => import_deviceType.isWebViewBelow90,
   tokenManager: () => import_tokenManager.default,
   useBreakPoint: () => import_deviceType.useBreakPoint,
   useIsMobile: () => import_deviceType.useIsMobile

package/lib/utils/deviceType.d.ts

@@ -12,18 +12,3 @@ export declare const checkIsMobile: () => boolean;
  */
 export declare const useIsMobile: () => boolean;
 export declare const useBreakPoint: () => "desktop" | "mobile" | null;
-/**
- * 获取 WebView 的版本号
- * @returns {number|null} 返回 WebView 的版本号（整数），如果无法解析则返回 null
- */
-export declare const getWebViewVersion: () => number | null;
-/**
- * 检测是否支持某个特性（例如 CSS 属性或 JavaScript API）
- * @returns {boolean} 如果支持返回 true，否则返回 false
- */
-export declare const isGapSupported: () => boolean;
-/**
- * 检测 WebView 版本是否低于 90
- * @returns {boolean} 如果版本低于 90 或无法检测到版本，则返回 true；否则返回 false
- */
-export declare const isWebViewBelow90: () => boolean;

package/lib/utils/deviceType.js

@@ -20,9 +20,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var deviceType_exports = {};
 __export(deviceType_exports, {
   checkIsMobile: () => checkIsMobile,
-  getWebViewVersion: () => getWebViewVersion,
-  isGapSupported: () => isGapSupported,
-  isWebViewBelow90: () => isWebViewBelow90,
   useBreakPoint: () => useBreakPoint,
   useIsMobile: () => useIsMobile
 });
@@ -57,25 +54,3 @@ var useBreakPoint = () => {
   }, []);
   return breakpoint;
 };
-var getWebViewVersion = () => {
-  try {
-    const userAgent = (navigator == null ? void 0 : navigator.userAgent) || "";
-    const versionMatch = userAgent.match(/(Chrome|WebView)\/(\d+)/);
-    return versionMatch ? parseInt(versionMatch[2], 10) : null;
-  } catch (error) {
-    console.error("Error while parsing WebView version:", error);
-    return null;
-  }
-};
-var isGapSupported = () => {
-  const testElement = document.createElement("div");
-  testElement.style.gap = "1px";
-  return testElement.style.gap !== "";
-};
-var isWebViewBelow90 = () => {
-  const version = getWebViewVersion();
-  if (version !== null) {
-    return version < 90;
-  }
-  return !isGapSupported();
-};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digitalc/dxp-ui",
-  "version": "0.0.6-alpha.1",
+  "version": "0.0.6",
   "description": "A UI library of Digitalc Design React Component",
   "type": "module",
   "keywords": [
@@ -132,4 +132,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

package/es/components/AppStyleWrapper/index.d.ts

@@ -1,6 +0,0 @@
-import React, { ReactNode } from 'react';
-interface AppWrapperProps {
-    children: ReactNode;
-}
-declare const AppStyleWrapper: React.FC<AppWrapperProps>;
-export default AppStyleWrapper;

package/es/components/AppStyleWrapper/index.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { StyleProvider, legacyLogicalPropertiesTransformer } from '@ant-design/cssinjs';
-import { isWebViewBelow90 } from "../../utils";
-import { jsx as _jsx } from "react/jsx-runtime";
-var AppStyleWrapper = function AppStyleWrapper(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/_jsx(StyleProvider, {
-    transformers: isWebViewBelow90() ? [legacyLogicalPropertiesTransformer] : [],
-    hashPriority: isWebViewBelow90() ? "high" : "low",
-    children: children
-  });
-};
-export default AppStyleWrapper;

package/es/components/Col/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { ColProps as AntdColProps } from 'antd';
-interface ColProps extends AntdColProps {
-    children?: React.ReactNode;
-}
-declare const Col: React.FC<ColProps>;
-export default Col;

package/es/components/Col/index.js

@@ -1,21 +0,0 @@
-import "antd/es/config-provider/style";
-import _ConfigProvider from "antd/es/config-provider";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import "antd/es/col/style";
-import _Col from "antd/es/col";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children"];
-import React from 'react';
-import { cssClasses } from "../../constants";
-import { jsx as _jsx } from "react/jsx-runtime";
-var Col = function Col(_ref) {
-  var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsx(_ConfigProvider, {
-    prefixCls: "".concat(cssClasses.PREFIX),
-    children: /*#__PURE__*/_jsx(_Col, _objectSpread(_objectSpread({}, props), {}, {
-      children: children
-    }))
-  });
-};
-export default Col;

package/es/components/Row/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { RowProps as AntdRowProps } from 'antd';
-interface RowProps extends AntdRowProps {
-    children?: React.ReactNode;
-}
-declare const Row: React.FC<RowProps>;
-export default Row;

package/es/components/Row/index.js

@@ -1,68 +0,0 @@
-import "antd/es/config-provider/style";
-import _ConfigProvider from "antd/es/config-provider";
-import "antd/es/row/style";
-import _Row from "antd/es/row";
-import "antd/es/col/style";
-import _Col from "antd/es/col";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["gutter", "children"];
-import React from 'react';
-import { isWebViewBelow90 } from "../../utils";
-import { cssClasses } from "../../constants";
-import { jsx as _jsx } from "react/jsx-runtime";
-var Row = function Row(_ref) {
-  var gutter = _ref.gutter,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  // 计算实际 gutter 值（仅处理数字和数组类型）
-  var _ref2 = function () {
-      if (!gutter) return [0, 0];
-      if (typeof gutter === 'number') return [gutter, 0];
-      if (Array.isArray(gutter)) return [gutter[0] || 0, gutter[1] || 0];
-      return [0, 0]; // 响应式 gutter 不处理补偿
-    }(),
-    _ref3 = _slicedToArray(_ref2, 2),
-    horizontalGutter = _ref3[0],
-    verticalGutter = _ref3[1];
-
-  // 为每个 Col 添加 padding 补偿
-  var wrappedChildren = React.Children.map(children, function (child) {
-    if (! /*#__PURE__*/React.isValidElement(child)) return child;
-    return /*#__PURE__*/_jsx(_Col, _objectSpread(_objectSpread({}, child.props), {}, {
-      style: _objectSpread({
-        paddingLeft: horizontalGutter / 2,
-        paddingRight: horizontalGutter / 2,
-        paddingBottom: verticalGutter
-      }, child.props.style)
-    }));
-  });
-  var prefix = "".concat(cssClasses.PREFIX);
-  console.log('isWebViewBelow90()', isWebViewBelow90());
-  if (isWebViewBelow90()) {
-    return /*#__PURE__*/_jsx(_ConfigProvider, {
-      wave: {
-        disabled: true
-      },
-      prefixCls: prefix,
-      children: /*#__PURE__*/_jsx(_Row, _objectSpread(_objectSpread({
-        gutter: gutter
-      }, props), {}, {
-        children: wrappedChildren
-      }))
-    });
-  }
-  return /*#__PURE__*/_jsx(_ConfigProvider, {
-    wave: {
-      disabled: true
-    },
-    prefixCls: prefix,
-    children: /*#__PURE__*/_jsx(_Row, _objectSpread(_objectSpread({
-      gutter: gutter
-    }, props), {}, {
-      children: children
-    }))
-  });
-};
-export default Row;

package/lib/components/AppStyleWrapper/index.d.ts

@@ -1,6 +0,0 @@
-import React, { ReactNode } from 'react';
-interface AppWrapperProps {
-    children: ReactNode;
-}
-declare const AppStyleWrapper: React.FC<AppWrapperProps>;
-export default AppStyleWrapper;

package/lib/components/AppStyleWrapper/index.js

@@ -1,48 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/AppStyleWrapper/index.tsx
-var AppStyleWrapper_exports = {};
-__export(AppStyleWrapper_exports, {
-  default: () => AppStyleWrapper_default
-});
-module.exports = __toCommonJS(AppStyleWrapper_exports);
-var import_react = __toESM(require("react"));
-var import_cssinjs = require("@ant-design/cssinjs");
-var import_utils = require("../../utils");
-var AppStyleWrapper = ({ children }) => {
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_cssinjs.StyleProvider,
-    {
-      transformers: (0, import_utils.isWebViewBelow90)() ? [import_cssinjs.legacyLogicalPropertiesTransformer] : [],
-      hashPriority: (0, import_utils.isWebViewBelow90)() ? "high" : "low"
-    },
-    children
-  );
-};
-var AppStyleWrapper_default = AppStyleWrapper;

package/lib/components/Col/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { ColProps as AntdColProps } from 'antd';
-interface ColProps extends AntdColProps {
-    children?: React.ReactNode;
-}
-declare const Col: React.FC<ColProps>;
-export default Col;

package/lib/components/Col/index.js

@@ -1,74 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/Col/index.tsx
-var Col_exports = {};
-__export(Col_exports, {
-  default: () => Col_default
-});
-module.exports = __toCommonJS(Col_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_constants = require("../../constants");
-var Col = (_a) => {
-  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_antd.ConfigProvider,
-    {
-      prefixCls: `${import_constants.cssClasses.PREFIX}`
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_antd.Col, __spreadValues({}, props), children)
-  );
-};
-var Col_default = Col;

package/lib/components/Row/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { RowProps as AntdRowProps } from 'antd';
-interface RowProps extends AntdRowProps {
-    children?: React.ReactNode;
-}
-declare const Row: React.FC<RowProps>;
-export default Row;

package/lib/components/Row/index.js

@@ -1,114 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/Row/index.tsx
-var Row_exports = {};
-__export(Row_exports, {
-  default: () => Row_default
-});
-module.exports = __toCommonJS(Row_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_utils = require("../../utils");
-var import_constants = require("../../constants");
-var Row = (_a) => {
-  var _b = _a, { gutter, children } = _b, props = __objRest(_b, ["gutter", "children"]);
-  const [horizontalGutter, verticalGutter] = (() => {
-    if (!gutter)
-      return [0, 0];
-    if (typeof gutter === "number")
-      return [gutter, 0];
-    if (Array.isArray(gutter))
-      return [gutter[0] || 0, gutter[1] || 0];
-    return [0, 0];
-  })();
-  const wrappedChildren = import_react.default.Children.map(children, (child) => {
-    if (!import_react.default.isValidElement(child))
-      return child;
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Col,
-      __spreadProps(__spreadValues({}, child.props), {
-        style: __spreadValues({
-          paddingLeft: horizontalGutter / 2,
-          paddingRight: horizontalGutter / 2,
-          paddingBottom: verticalGutter
-        }, child.props.style)
-      })
-    );
-  });
-  const prefix = `${import_constants.cssClasses.PREFIX}`;
-  console.log("isWebViewBelow90()", (0, import_utils.isWebViewBelow90)());
-  if ((0, import_utils.isWebViewBelow90)()) {
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_antd.ConfigProvider,
-      {
-        wave: { disabled: true },
-        prefixCls: prefix
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_antd.Row, __spreadValues({ gutter }, props), wrappedChildren)
-    );
-  }
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_antd.ConfigProvider,
-    {
-      wave: { disabled: true },
-      prefixCls: prefix
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_antd.Row, __spreadValues({ gutter }, props), children)
-  );
-};
-var Row_default = Row;