@digitalc/dxp-ui 0.0.6-alpha.2 → 0.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/assets/iconFont/demo_index.html +6 -535
- package/es/assets/iconFont/iconfont.css +6 -98
- package/es/assets/iconFont/iconfont.eot +0 -0
- package/es/assets/iconFont/iconfont.js +10 -10
- package/es/assets/iconFont/iconfont.json +0 -161
- package/es/assets/iconFont/iconfont.svg +0 -46
- package/es/assets/iconFont/iconfont.ttf +0 -0
- package/es/assets/iconFont/iconfont.woff +0 -0
- package/es/assets/iconFont/iconfont.woff2 +0 -0
- package/es/components/Amount/index.js +1 -0
- package/es/components/Button/designTokens.d.ts +0 -6
- package/es/components/Button/designTokens.js +1 -6
- package/es/components/Card/index.d.ts +1 -1
- package/es/components/Card/index.js +8 -3
- package/es/components/Card/style/index.less +1 -1
- package/es/components/Checkbox/style/index.less +5 -0
- package/es/components/Drawer/index.d.ts +0 -1
- package/es/components/Drawer/index.js +2 -3
- package/es/components/Drawer/style/index.less +0 -1
- package/es/components/Form/index.js +1 -1
- package/es/components/IconButton/index.js +1 -1
- package/es/components/Input/index.js +2 -2
- package/es/components/Input/style/index.less +3 -0
- package/es/components/Input/style/variables.less +4 -0
- package/es/components/Modal/index.js +1 -1
- package/es/components/Navigation/index.js +1 -1
- package/es/components/Selector/ESelector.js +2 -2
- package/es/components/Selector/style/index.less +11 -8
- package/es/components/SelectorItem/index.js +1 -1
- package/es/components/SelectorItem/style/index.less +11 -8
- package/es/components/Stepper/index.js +1 -2
- package/es/components/StickyFooter/index.js +10 -3
- package/es/components/Tabs/index.js +2 -3
- package/es/components/Tabs/style/index.less +5 -5
- package/es/components/index.d.ts +0 -3
- package/es/components/index.js +0 -3
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/utils/deviceType.d.ts +0 -15
- package/es/utils/deviceType.js +0 -46
- package/lib/assets/iconFont/demo_index.html +6 -535
- package/lib/assets/iconFont/iconfont.css +6 -98
- package/lib/assets/iconFont/iconfont.eot +0 -0
- package/lib/assets/iconFont/iconfont.js +9 -9
- package/lib/assets/iconFont/iconfont.json +0 -161
- package/lib/assets/iconFont/iconfont.svg +0 -46
- package/lib/assets/iconFont/iconfont.ttf +0 -0
- package/lib/assets/iconFont/iconfont.woff +0 -0
- package/lib/assets/iconFont/iconfont.woff2 +0 -0
- package/lib/components/Amount/index.js +1 -0
- package/lib/components/Button/designTokens.d.ts +0 -6
- package/lib/components/Button/designTokens.js +0 -6
- package/lib/components/Card/index.d.ts +1 -1
- package/lib/components/Card/index.js +2 -2
- package/lib/components/Card/style/index.less +1 -1
- package/lib/components/Checkbox/style/index.less +5 -0
- package/lib/components/Drawer/index.d.ts +0 -1
- package/lib/components/Drawer/index.js +2 -3
- package/lib/components/Drawer/style/index.less +0 -1
- package/lib/components/Form/index.js +1 -1
- package/lib/components/IconButton/index.js +0 -2
- package/lib/components/Input/index.js +4 -1
- package/lib/components/Input/style/index.less +3 -0
- package/lib/components/Input/style/variables.less +4 -0
- package/lib/components/Modal/index.js +1 -2
- package/lib/components/Navigation/index.js +1 -1
- package/lib/components/Selector/ESelector.js +2 -4
- package/lib/components/Selector/style/index.less +11 -8
- package/lib/components/SelectorItem/index.js +1 -1
- package/lib/components/SelectorItem/style/index.less +11 -8
- package/lib/components/Stepper/index.js +1 -2
- package/lib/components/StickyFooter/index.js +2 -2
- package/lib/components/Tabs/index.js +5 -6
- package/lib/components/Tabs/style/index.less +5 -5
- package/lib/components/index.d.ts +0 -3
- package/lib/components/index.js +0 -6
- package/lib/index.d.ts +1 -1
- package/lib/index.js +0 -1
- package/lib/utils/deviceType.d.ts +0 -15
- package/lib/utils/deviceType.js +0 -25
- package/package.json +2 -2
- package/es/components/AppStyleWrapper/index.d.ts +0 -6
- package/es/components/AppStyleWrapper/index.js +0 -13
- package/es/components/Col/index.d.ts +0 -7
- package/es/components/Col/index.js +0 -21
- package/es/components/Row/index.d.ts +0 -7
- package/es/components/Row/index.js +0 -68
- package/lib/components/AppStyleWrapper/index.d.ts +0 -6
- package/lib/components/AppStyleWrapper/index.js +0 -48
- package/lib/components/Col/index.d.ts +0 -7
- package/lib/components/Col/index.js +0 -74
- package/lib/components/Row/index.d.ts +0 -7
- package/lib/components/Row/index.js +0 -114
|
@@ -23,11 +23,14 @@
|
|
|
23
23
|
&.active {
|
|
24
24
|
&.showActiveIcon {
|
|
25
25
|
.select-tick {
|
|
26
|
+
width: 16px;
|
|
27
|
+
height: 16px;
|
|
26
28
|
display: block;
|
|
27
29
|
position: absolute;
|
|
28
|
-
right:
|
|
29
|
-
bottom:
|
|
30
|
-
z-index:
|
|
30
|
+
right: 8px;
|
|
31
|
+
bottom: 4px;
|
|
32
|
+
z-index: 100;
|
|
33
|
+
transform: scale(0.5, 0.5);
|
|
31
34
|
}
|
|
32
35
|
|
|
33
36
|
&:before {
|
|
@@ -37,14 +40,14 @@
|
|
|
37
40
|
&:after {
|
|
38
41
|
position: absolute;
|
|
39
42
|
content: '';
|
|
40
|
-
width:
|
|
41
|
-
height:
|
|
43
|
+
width: 64px;
|
|
44
|
+
height: 64px;
|
|
42
45
|
overflow: hidden;
|
|
43
46
|
border-radius: 10000px;
|
|
44
|
-
bottom: -
|
|
45
|
-
right: -
|
|
47
|
+
bottom: -32px;
|
|
48
|
+
right: -32px;
|
|
46
49
|
border-radius: 10000px;
|
|
47
|
-
z-index:
|
|
50
|
+
z-index: 99;
|
|
48
51
|
}
|
|
49
52
|
}
|
|
50
53
|
}
|
|
@@ -125,9 +125,8 @@ var Stepper = (_a) => {
|
|
|
125
125
|
const { title, nextStep } = (0, import_react.useMemo)(() => {
|
|
126
126
|
var _a2, _b2;
|
|
127
127
|
const hasNextStep = items && current !== void 0 && current < items.length - 1;
|
|
128
|
-
const curStep = items && current !== void 0;
|
|
129
128
|
return {
|
|
130
|
-
title:
|
|
129
|
+
title: hasNextStep ? ((_a2 = items[current]) == null ? void 0 : _a2.title) || "" : "",
|
|
131
130
|
nextStep: hasNextStep ? ((_b2 = items[current + 1]) == null ? void 0 : _b2.title) || "" : ""
|
|
132
131
|
};
|
|
133
132
|
}, [items, current]);
|
|
@@ -169,7 +169,7 @@ var StickyFooter = (props) => {
|
|
|
169
169
|
onClick: props.onClick
|
|
170
170
|
}),
|
|
171
171
|
extraContent && extraContent,
|
|
172
|
-
/* @__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,
|
|
172
|
+
/* @__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(
|
|
173
173
|
import__.Amount,
|
|
174
174
|
{
|
|
175
175
|
titleType,
|
|
@@ -186,7 +186,7 @@ var StickyFooter = (props) => {
|
|
|
186
186
|
iconType
|
|
187
187
|
},
|
|
188
188
|
price
|
|
189
|
-
), !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)))),
|
|
189
|
+
), 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))),
|
|
190
190
|
children
|
|
191
191
|
);
|
|
192
192
|
};
|
|
@@ -75,7 +75,7 @@ var Tabs = (props) => {
|
|
|
75
75
|
items = [],
|
|
76
76
|
type = "default",
|
|
77
77
|
defaultActiveKey,
|
|
78
|
-
prefixCls = `${import_constants.BASE_CLASS_PREFIX}`,
|
|
78
|
+
prefixCls = `${import_constants.BASE_CLASS_PREFIX}-tabs`,
|
|
79
79
|
className = "",
|
|
80
80
|
isEqualTabs = false,
|
|
81
81
|
indicator,
|
|
@@ -102,25 +102,24 @@ var Tabs = (props) => {
|
|
|
102
102
|
const subTitleActiveColor = inverse ? otherDesignToken.colorTabsTextSubtitleInverse : otherDesignToken.colorTabsTextSubtitle;
|
|
103
103
|
const iconColor = inverse ? otherDesignToken.colorTabsIconInactiveInverse : otherDesignToken.colorTabsIconInactive;
|
|
104
104
|
const iconActiveColor = inverse ? otherDesignToken.colorTabsIconActiveInverse : otherDesignToken.colorTabsIconActive;
|
|
105
|
-
const per = `${import_constants.BASE_CLASS_PREFIX}-tabs`;
|
|
106
105
|
const useCustomButtonStyle = () => {
|
|
107
106
|
const hashId = (0, import_cssinjs.useStyleRegister)({
|
|
108
107
|
theme: import_theme.theme,
|
|
109
108
|
token: {},
|
|
110
109
|
path: [`${prefixCls}`]
|
|
111
110
|
}, () => `
|
|
112
|
-
.${
|
|
111
|
+
.${prefixCls}-card.${prefixCls}-fill>.${prefixCls}-nav .${prefixCls}-tab {
|
|
113
112
|
border-radius: 32px;
|
|
114
113
|
height:40px;
|
|
115
114
|
}
|
|
116
|
-
.${
|
|
115
|
+
.${prefixCls}-card.${prefixCls}-fill .${prefixCls}-nav-list {
|
|
117
116
|
background: ${designFillTokens.colorFillAlter};
|
|
118
117
|
border-radius: 32px;
|
|
119
118
|
}
|
|
120
|
-
.${
|
|
119
|
+
.${prefixCls}-tab-active .${prefixCls}-item-title {
|
|
121
120
|
font-family:${fontFamilySecondaryBold}-Bold;
|
|
122
121
|
}
|
|
123
|
-
.${prefixCls}-fill .${
|
|
122
|
+
.${prefixCls}-fill .${prefixCls}-tab-active .${prefixCls}-item-title {
|
|
124
123
|
font-family:${fontFamilySecondaryBold}-Bold;
|
|
125
124
|
font-size: ${fontSizeMobileContentC14};
|
|
126
125
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
@components: tabs;
|
|
4
4
|
|
|
5
|
-
.@{prefix}-equal-tabs {
|
|
5
|
+
.@{prefix}-@{components}-equal-tabs {
|
|
6
6
|
.@{prefix}-tabs-nav-list {
|
|
7
7
|
display: grid !important;
|
|
8
8
|
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
|
|
@@ -21,21 +21,21 @@
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
.@{prefix}-item {
|
|
24
|
+
.@{prefix}-@{components}-item {
|
|
25
25
|
display: flex;
|
|
26
26
|
align-items: center;
|
|
27
27
|
flex-direction: column;
|
|
28
28
|
box-sizing: border-box;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
.@{prefix}-tab-btn {
|
|
31
|
+
.@{prefix}-@{components}-tab-btn {
|
|
32
32
|
text-align: center;
|
|
33
33
|
|
|
34
|
-
.@{prefix}-tab-icon {
|
|
34
|
+
.@{prefix}-@{components}-tab-icon {
|
|
35
35
|
margin: 0 !important;
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
-
.@{prefix}-fill>.@{prefix}-nav .@{prefix}-tab-focus {
|
|
39
|
+
.@{prefix}-@{components}-fill>.@{prefix}-@{components}-nav .@{prefix}-@{components}-tab-focus {
|
|
40
40
|
outline: none;
|
|
41
41
|
}
|
|
@@ -63,7 +63,4 @@ export { AlignTypes } from './ListItem';
|
|
|
63
63
|
export { default as Selector } from './Selector';
|
|
64
64
|
export { default as Checkbox } from './Checkbox';
|
|
65
65
|
export { default as Radio } from './Radio';
|
|
66
|
-
export { default as AppStyleWrapper } from './AppStyleWrapper';
|
|
67
|
-
export { default as Row } from './Row';
|
|
68
|
-
export { default as Col } from './Col';
|
|
69
66
|
export { default as GlobalTokenProvider } from './GlobalTokenProvider';
|
package/lib/components/index.js
CHANGED
|
@@ -35,13 +35,11 @@ __export(components_exports, {
|
|
|
35
35
|
AlignTypes: () => import_ListItem3.AlignTypes,
|
|
36
36
|
Amount: () => import_Amount.default,
|
|
37
37
|
AmountTitleTypes: () => import_Amount.AmountTitleTypes,
|
|
38
|
-
AppStyleWrapper: () => import_AppStyleWrapper.default,
|
|
39
38
|
BackImageEnum: () => import_Image2.BackImageEnum,
|
|
40
39
|
Button: () => import_Button.default,
|
|
41
40
|
Card: () => import_Card.default,
|
|
42
41
|
Checkbox: () => import_Checkbox.default,
|
|
43
42
|
Chip: () => import_Chip.default,
|
|
44
|
-
Col: () => import_Col.default,
|
|
45
43
|
Divider: () => import_Divider.default,
|
|
46
44
|
Drawer: () => import_Drawer.default,
|
|
47
45
|
DrawerTypeEnum: () => import_Drawer2.DrawerTypeEnum,
|
|
@@ -58,7 +56,6 @@ __export(components_exports, {
|
|
|
58
56
|
Navigation: () => import_Navigation.default,
|
|
59
57
|
Notification: () => import_Notification.default,
|
|
60
58
|
Radio: () => import_Radio.default,
|
|
61
|
-
Row: () => import_Row.default,
|
|
62
59
|
Search: () => import_Search.default,
|
|
63
60
|
Select: () => import_Select.default,
|
|
64
61
|
Selector: () => import_Selector.default,
|
|
@@ -118,7 +115,4 @@ var import_ListItem3 = require("./ListItem");
|
|
|
118
115
|
var import_Selector = __toESM(require("./Selector"));
|
|
119
116
|
var import_Checkbox = __toESM(require("./Checkbox"));
|
|
120
117
|
var import_Radio = __toESM(require("./Radio"));
|
|
121
|
-
var import_AppStyleWrapper = __toESM(require("./AppStyleWrapper"));
|
|
122
|
-
var import_Row = __toESM(require("./Row"));
|
|
123
|
-
var import_Col = __toESM(require("./Col"));
|
|
124
118
|
var import_GlobalTokenProvider = __toESM(require("./GlobalTokenProvider"));
|
package/lib/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './style/themes/index.css';
|
|
2
2
|
export * from './components';
|
|
3
3
|
export { default as tokenManager } from './utils/tokenManager';
|
|
4
|
-
export { useBreakPoint, useIsMobile, checkIsMobile
|
|
4
|
+
export { useBreakPoint, useIsMobile, checkIsMobile } from './utils/deviceType';
|
|
5
5
|
export * from './utils/themeContext';
|
package/lib/index.js
CHANGED
|
@@ -31,7 +31,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
31
31
|
var src_exports = {};
|
|
32
32
|
__export(src_exports, {
|
|
33
33
|
checkIsMobile: () => import_deviceType.checkIsMobile,
|
|
34
|
-
isWebViewBelow90: () => import_deviceType.isWebViewBelow90,
|
|
35
34
|
tokenManager: () => import_tokenManager.default,
|
|
36
35
|
useBreakPoint: () => import_deviceType.useBreakPoint,
|
|
37
36
|
useIsMobile: () => import_deviceType.useIsMobile
|
|
@@ -12,18 +12,3 @@ export declare const checkIsMobile: () => boolean;
|
|
|
12
12
|
*/
|
|
13
13
|
export declare const useIsMobile: () => boolean;
|
|
14
14
|
export declare const useBreakPoint: () => "desktop" | "mobile" | null;
|
|
15
|
-
/**
|
|
16
|
-
* 获取 WebView 的版本号
|
|
17
|
-
* @returns {number|null} 返回 WebView 的版本号(整数),如果无法解析则返回 null
|
|
18
|
-
*/
|
|
19
|
-
export declare const getWebViewVersion: () => number | null;
|
|
20
|
-
/**
|
|
21
|
-
* 检测是否支持某个特性(例如 CSS 属性或 JavaScript API)
|
|
22
|
-
* @returns {boolean} 如果支持返回 true,否则返回 false
|
|
23
|
-
*/
|
|
24
|
-
export declare const isGapSupported: () => boolean;
|
|
25
|
-
/**
|
|
26
|
-
* 检测 WebView 版本是否低于 90
|
|
27
|
-
* @returns {boolean} 如果版本低于 90 或无法检测到版本,则返回 true;否则返回 false
|
|
28
|
-
*/
|
|
29
|
-
export declare const isWebViewBelow90: () => boolean;
|
package/lib/utils/deviceType.js
CHANGED
|
@@ -20,9 +20,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
20
20
|
var deviceType_exports = {};
|
|
21
21
|
__export(deviceType_exports, {
|
|
22
22
|
checkIsMobile: () => checkIsMobile,
|
|
23
|
-
getWebViewVersion: () => getWebViewVersion,
|
|
24
|
-
isGapSupported: () => isGapSupported,
|
|
25
|
-
isWebViewBelow90: () => isWebViewBelow90,
|
|
26
23
|
useBreakPoint: () => useBreakPoint,
|
|
27
24
|
useIsMobile: () => useIsMobile
|
|
28
25
|
});
|
|
@@ -57,25 +54,3 @@ var useBreakPoint = () => {
|
|
|
57
54
|
}, []);
|
|
58
55
|
return breakpoint;
|
|
59
56
|
};
|
|
60
|
-
var getWebViewVersion = () => {
|
|
61
|
-
try {
|
|
62
|
-
const userAgent = (navigator == null ? void 0 : navigator.userAgent) || "";
|
|
63
|
-
const versionMatch = userAgent.match(/(Chrome|WebView)\/(\d+)/);
|
|
64
|
-
return versionMatch ? parseInt(versionMatch[2], 10) : null;
|
|
65
|
-
} catch (error) {
|
|
66
|
-
console.error("Error while parsing WebView version:", error);
|
|
67
|
-
return null;
|
|
68
|
-
}
|
|
69
|
-
};
|
|
70
|
-
var isGapSupported = () => {
|
|
71
|
-
const testElement = document.createElement("div");
|
|
72
|
-
testElement.style.gap = "1px";
|
|
73
|
-
return testElement.style.gap !== "";
|
|
74
|
-
};
|
|
75
|
-
var isWebViewBelow90 = () => {
|
|
76
|
-
const version = getWebViewVersion();
|
|
77
|
-
if (version !== null) {
|
|
78
|
-
return version < 90;
|
|
79
|
-
}
|
|
80
|
-
return !isGapSupported();
|
|
81
|
-
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@digitalc/dxp-ui",
|
|
3
|
-
"version": "0.0.6
|
|
3
|
+
"version": "0.0.6",
|
|
4
4
|
"description": "A UI library of Digitalc Design React Component",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"keywords": [
|
|
@@ -132,4 +132,4 @@
|
|
|
132
132
|
"publishConfig": {
|
|
133
133
|
"access": "public"
|
|
134
134
|
}
|
|
135
|
-
}
|
|
135
|
+
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { StyleProvider, legacyLogicalPropertiesTransformer } from '@ant-design/cssinjs';
|
|
3
|
-
import { isWebViewBelow90 } from "../../utils";
|
|
4
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
-
var AppStyleWrapper = function AppStyleWrapper(_ref) {
|
|
6
|
-
var children = _ref.children;
|
|
7
|
-
return /*#__PURE__*/_jsx(StyleProvider, {
|
|
8
|
-
transformers: isWebViewBelow90() ? [legacyLogicalPropertiesTransformer] : [],
|
|
9
|
-
hashPriority: isWebViewBelow90() ? "high" : "low",
|
|
10
|
-
children: children
|
|
11
|
-
});
|
|
12
|
-
};
|
|
13
|
-
export default AppStyleWrapper;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import "antd/es/config-provider/style";
|
|
2
|
-
import _ConfigProvider from "antd/es/config-provider";
|
|
3
|
-
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
4
|
-
import "antd/es/col/style";
|
|
5
|
-
import _Col from "antd/es/col";
|
|
6
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
7
|
-
var _excluded = ["children"];
|
|
8
|
-
import React from 'react';
|
|
9
|
-
import { cssClasses } from "../../constants";
|
|
10
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
|
-
var Col = function Col(_ref) {
|
|
12
|
-
var children = _ref.children,
|
|
13
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
14
|
-
return /*#__PURE__*/_jsx(_ConfigProvider, {
|
|
15
|
-
prefixCls: "".concat(cssClasses.PREFIX),
|
|
16
|
-
children: /*#__PURE__*/_jsx(_Col, _objectSpread(_objectSpread({}, props), {}, {
|
|
17
|
-
children: children
|
|
18
|
-
}))
|
|
19
|
-
});
|
|
20
|
-
};
|
|
21
|
-
export default Col;
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import "antd/es/config-provider/style";
|
|
2
|
-
import _ConfigProvider from "antd/es/config-provider";
|
|
3
|
-
import "antd/es/row/style";
|
|
4
|
-
import _Row from "antd/es/row";
|
|
5
|
-
import "antd/es/col/style";
|
|
6
|
-
import _Col from "antd/es/col";
|
|
7
|
-
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
8
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
9
|
-
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
10
|
-
var _excluded = ["gutter", "children"];
|
|
11
|
-
import React from 'react';
|
|
12
|
-
import { isWebViewBelow90 } from "../../utils";
|
|
13
|
-
import { cssClasses } from "../../constants";
|
|
14
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
|
-
var Row = function Row(_ref) {
|
|
16
|
-
var gutter = _ref.gutter,
|
|
17
|
-
children = _ref.children,
|
|
18
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
19
|
-
// 计算实际 gutter 值(仅处理数字和数组类型)
|
|
20
|
-
var _ref2 = function () {
|
|
21
|
-
if (!gutter) return [0, 0];
|
|
22
|
-
if (typeof gutter === 'number') return [gutter, 0];
|
|
23
|
-
if (Array.isArray(gutter)) return [gutter[0] || 0, gutter[1] || 0];
|
|
24
|
-
return [0, 0]; // 响应式 gutter 不处理补偿
|
|
25
|
-
}(),
|
|
26
|
-
_ref3 = _slicedToArray(_ref2, 2),
|
|
27
|
-
horizontalGutter = _ref3[0],
|
|
28
|
-
verticalGutter = _ref3[1];
|
|
29
|
-
|
|
30
|
-
// 为每个 Col 添加 padding 补偿
|
|
31
|
-
var wrappedChildren = React.Children.map(children, function (child) {
|
|
32
|
-
if (! /*#__PURE__*/React.isValidElement(child)) return child;
|
|
33
|
-
return /*#__PURE__*/_jsx(_Col, _objectSpread(_objectSpread({}, child.props), {}, {
|
|
34
|
-
style: _objectSpread({
|
|
35
|
-
paddingLeft: horizontalGutter / 2,
|
|
36
|
-
paddingRight: horizontalGutter / 2,
|
|
37
|
-
paddingBottom: verticalGutter
|
|
38
|
-
}, child.props.style)
|
|
39
|
-
}));
|
|
40
|
-
});
|
|
41
|
-
var prefix = "".concat(cssClasses.PREFIX);
|
|
42
|
-
console.log('isWebViewBelow90()', isWebViewBelow90());
|
|
43
|
-
if (isWebViewBelow90()) {
|
|
44
|
-
return /*#__PURE__*/_jsx(_ConfigProvider, {
|
|
45
|
-
wave: {
|
|
46
|
-
disabled: true
|
|
47
|
-
},
|
|
48
|
-
prefixCls: prefix,
|
|
49
|
-
children: /*#__PURE__*/_jsx(_Row, _objectSpread(_objectSpread({
|
|
50
|
-
gutter: gutter
|
|
51
|
-
}, props), {}, {
|
|
52
|
-
children: wrappedChildren
|
|
53
|
-
}))
|
|
54
|
-
});
|
|
55
|
-
}
|
|
56
|
-
return /*#__PURE__*/_jsx(_ConfigProvider, {
|
|
57
|
-
wave: {
|
|
58
|
-
disabled: true
|
|
59
|
-
},
|
|
60
|
-
prefixCls: prefix,
|
|
61
|
-
children: /*#__PURE__*/_jsx(_Row, _objectSpread(_objectSpread({
|
|
62
|
-
gutter: gutter
|
|
63
|
-
}, props), {}, {
|
|
64
|
-
children: children
|
|
65
|
-
}))
|
|
66
|
-
});
|
|
67
|
-
};
|
|
68
|
-
export default Row;
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all)
|
|
9
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
-
};
|
|
11
|
-
var __copyProps = (to, from, except, desc) => {
|
|
12
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
-
for (let key of __getOwnPropNames(from))
|
|
14
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
-
}
|
|
17
|
-
return to;
|
|
18
|
-
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
-
mod
|
|
26
|
-
));
|
|
27
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
-
|
|
29
|
-
// src/components/AppStyleWrapper/index.tsx
|
|
30
|
-
var AppStyleWrapper_exports = {};
|
|
31
|
-
__export(AppStyleWrapper_exports, {
|
|
32
|
-
default: () => AppStyleWrapper_default
|
|
33
|
-
});
|
|
34
|
-
module.exports = __toCommonJS(AppStyleWrapper_exports);
|
|
35
|
-
var import_react = __toESM(require("react"));
|
|
36
|
-
var import_cssinjs = require("@ant-design/cssinjs");
|
|
37
|
-
var import_utils = require("../../utils");
|
|
38
|
-
var AppStyleWrapper = ({ children }) => {
|
|
39
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
|
40
|
-
import_cssinjs.StyleProvider,
|
|
41
|
-
{
|
|
42
|
-
transformers: (0, import_utils.isWebViewBelow90)() ? [import_cssinjs.legacyLogicalPropertiesTransformer] : [],
|
|
43
|
-
hashPriority: (0, import_utils.isWebViewBelow90)() ? "high" : "low"
|
|
44
|
-
},
|
|
45
|
-
children
|
|
46
|
-
);
|
|
47
|
-
};
|
|
48
|
-
var AppStyleWrapper_default = AppStyleWrapper;
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
9
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
10
|
-
var __spreadValues = (a, b) => {
|
|
11
|
-
for (var prop in b || (b = {}))
|
|
12
|
-
if (__hasOwnProp.call(b, prop))
|
|
13
|
-
__defNormalProp(a, prop, b[prop]);
|
|
14
|
-
if (__getOwnPropSymbols)
|
|
15
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
16
|
-
if (__propIsEnum.call(b, prop))
|
|
17
|
-
__defNormalProp(a, prop, b[prop]);
|
|
18
|
-
}
|
|
19
|
-
return a;
|
|
20
|
-
};
|
|
21
|
-
var __objRest = (source, exclude) => {
|
|
22
|
-
var target = {};
|
|
23
|
-
for (var prop in source)
|
|
24
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
25
|
-
target[prop] = source[prop];
|
|
26
|
-
if (source != null && __getOwnPropSymbols)
|
|
27
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
28
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
29
|
-
target[prop] = source[prop];
|
|
30
|
-
}
|
|
31
|
-
return target;
|
|
32
|
-
};
|
|
33
|
-
var __export = (target, all) => {
|
|
34
|
-
for (var name in all)
|
|
35
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
36
|
-
};
|
|
37
|
-
var __copyProps = (to, from, except, desc) => {
|
|
38
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
39
|
-
for (let key of __getOwnPropNames(from))
|
|
40
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
41
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
42
|
-
}
|
|
43
|
-
return to;
|
|
44
|
-
};
|
|
45
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
46
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
47
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
48
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
49
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
50
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
51
|
-
mod
|
|
52
|
-
));
|
|
53
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
54
|
-
|
|
55
|
-
// src/components/Col/index.tsx
|
|
56
|
-
var Col_exports = {};
|
|
57
|
-
__export(Col_exports, {
|
|
58
|
-
default: () => Col_default
|
|
59
|
-
});
|
|
60
|
-
module.exports = __toCommonJS(Col_exports);
|
|
61
|
-
var import_react = __toESM(require("react"));
|
|
62
|
-
var import_antd = require("antd");
|
|
63
|
-
var import_constants = require("../../constants");
|
|
64
|
-
var Col = (_a) => {
|
|
65
|
-
var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
|
|
66
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
|
67
|
-
import_antd.ConfigProvider,
|
|
68
|
-
{
|
|
69
|
-
prefixCls: `${import_constants.cssClasses.PREFIX}`
|
|
70
|
-
},
|
|
71
|
-
/* @__PURE__ */ import_react.default.createElement(import_antd.Col, __spreadValues({}, props), children)
|
|
72
|
-
);
|
|
73
|
-
};
|
|
74
|
-
var Col_default = Col;
|