tntd 2.7.27 → 2.7.29-beta.1
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/_util/context.js +14 -0
- package/es/_util/context.js.map +1 -0
- package/es/_util/defaultRenderEmpty.js +20 -0
- package/es/_util/defaultRenderEmpty.js.map +1 -0
- package/es/_util/hooks/useFlexGapSupport.js +10 -0
- package/es/_util/hooks/useFlexGapSupport.js.map +1 -0
- package/es/_util/hooks/useForceUpdate.js +6 -0
- package/es/_util/hooks/useForceUpdate.js.map +1 -0
- package/es/_util/motion.js +22 -0
- package/es/_util/motion.js.map +1 -1
- package/es/_util/reactNode.js +15 -0
- package/es/_util/reactNode.js.map +1 -0
- package/es/_util/responsiveObserve.js +58 -0
- package/es/_util/responsiveObserve.js.map +1 -0
- package/es/_util/styleChecker.js +27 -0
- package/es/_util/styleChecker.js.map +1 -0
- package/es/_util/type.js.map +1 -1
- package/es/_util/warning.js.map +1 -1
- package/es/button/button.js +5 -17
- package/es/button/button.js.map +1 -1
- package/es/grid/RowContext.js +4 -0
- package/es/grid/RowContext.js.map +1 -0
- package/es/grid/col.js +78 -0
- package/es/grid/col.js.map +1 -0
- package/es/grid/hooks/useBreakpoint.js +19 -0
- package/es/grid/hooks/useBreakpoint.js.map +1 -0
- package/es/grid/index.js +13 -0
- package/es/grid/index.js.map +1 -0
- package/es/grid/row.js +141 -0
- package/es/grid/row.js.map +1 -0
- package/es/grid/style/index.js +3 -0
- package/es/grid/style/index.js.map +1 -0
- package/es/grid/style/index.less +124 -0
- package/es/grid/style/mixin.less +57 -0
- package/es/grid/style/rtl.less +69 -0
- package/es/handle/index.js +4 -29
- package/es/handle/index.js.map +1 -1
- package/es/index.js +2 -0
- package/es/index.js.map +1 -1
- package/es/modal/modal.js +2 -2
- package/es/modal/modal.js.map +1 -1
- package/es/table/constants.js +0 -53
- package/es/table/constants.js.map +1 -1
- package/es/table/table.js +8 -48
- package/es/table/table.js.map +1 -1
- package/es/tntd-form/ErrorList.js +1 -1
- package/es/tntd-form/ErrorList.js.map +1 -1
- package/es/tntd-form/FormItem/ItemHolder.js +1 -1
- package/es/tntd-form/FormItem/ItemHolder.js.map +1 -1
- package/es/tntd-form/FormItem/index.js +3 -3
- package/es/tntd-form/FormItem/index.js.map +1 -1
- package/es/tntd-form/FormItemInput.js +1 -1
- package/es/tntd-form/FormItemInput.js.map +1 -1
- package/es/tntd-form/FormItemLabel.js +1 -1
- package/es/tntd-form/FormItemLabel.js.map +1 -1
- package/es/tntd-form/FormList.js +1 -1
- package/es/tntd-form/FormList.js.map +1 -1
- package/es/tntd-form/hooks/useFormItemStatus.js +1 -1
- package/es/tntd-form/hooks/useFormItemStatus.js.map +1 -1
- package/es/tntd-form/index.js +0 -1
- package/es/tntd-form/index.js.map +1 -1
- package/es/utils/lang.js +8 -8
- package/es/utils/lang.js.map +1 -1
- package/lib/_util/context.d.ts +42 -0
- package/lib/_util/context.d.ts.map +1 -0
- package/lib/_util/context.js +20 -0
- package/lib/_util/context.js.map +1 -0
- package/lib/_util/defaultRenderEmpty.d.ts +5 -0
- package/lib/_util/defaultRenderEmpty.d.ts.map +1 -0
- package/lib/_util/defaultRenderEmpty.js +48 -0
- package/lib/_util/defaultRenderEmpty.js.map +1 -0
- package/lib/_util/hooks/useFlexGapSupport.d.ts +3 -0
- package/lib/_util/hooks/useFlexGapSupport.d.ts.map +1 -0
- package/lib/_util/hooks/useFlexGapSupport.js +35 -0
- package/lib/_util/hooks/useFlexGapSupport.js.map +1 -0
- package/lib/_util/hooks/useForceUpdate.d.ts +3 -0
- package/lib/_util/hooks/useForceUpdate.d.ts.map +1 -0
- package/lib/_util/hooks/useForceUpdate.js +32 -0
- package/lib/_util/hooks/useForceUpdate.js.map +1 -0
- package/lib/_util/motion.d.ts +3 -0
- package/lib/_util/motion.d.ts.map +1 -1
- package/lib/_util/motion.js +22 -0
- package/lib/_util/motion.js.map +1 -1
- package/lib/_util/reactNode.d.ts +9 -0
- package/lib/_util/reactNode.d.ts.map +1 -0
- package/lib/_util/reactNode.js +44 -0
- package/lib/_util/reactNode.js.map +1 -0
- package/lib/_util/responsiveObserve.d.ts +22 -0
- package/lib/_util/responsiveObserve.d.ts.map +1 -0
- package/lib/_util/responsiveObserve.js +61 -0
- package/lib/_util/responsiveObserve.js.map +1 -0
- package/lib/_util/styleChecker.d.ts +5 -0
- package/lib/_util/styleChecker.d.ts.map +1 -0
- package/lib/_util/styleChecker.js +35 -0
- package/lib/_util/styleChecker.js.map +1 -0
- package/lib/_util/type.d.ts.map +1 -1
- package/lib/_util/type.js.map +1 -1
- package/lib/_util/warning.d.ts.map +1 -1
- package/lib/_util/warning.js.map +1 -1
- package/lib/button/button.d.ts +5 -1
- package/lib/button/button.d.ts.map +1 -1
- package/lib/button/button.js +5 -17
- package/lib/button/button.js.map +1 -1
- package/lib/checkbox/checkbox-group.d.ts +1 -1
- package/lib/descriptions/descriptions.d.ts +1 -1
- package/lib/descriptions/descriptions.d.ts.map +1 -1
- package/lib/grid/RowContext.d.ts +9 -0
- package/lib/grid/RowContext.d.ts.map +1 -0
- package/lib/grid/RowContext.js +6 -0
- package/lib/grid/RowContext.js.map +1 -0
- package/lib/grid/col.d.ts +29 -0
- package/lib/grid/col.d.ts.map +1 -0
- package/lib/grid/col.js +106 -0
- package/lib/grid/col.js.map +1 -0
- package/lib/grid/hooks/useBreakpoint.d.ts +4 -0
- package/lib/grid/hooks/useBreakpoint.d.ts.map +1 -0
- package/lib/grid/hooks/useBreakpoint.js +24 -0
- package/lib/grid/hooks/useBreakpoint.js.map +1 -0
- package/lib/grid/index.d.ts +12 -0
- package/lib/grid/index.d.ts.map +1 -0
- package/lib/grid/index.js +20 -0
- package/lib/grid/index.js.map +1 -0
- package/lib/grid/row.d.ts +21 -0
- package/lib/grid/row.d.ts.map +1 -0
- package/lib/grid/row.js +169 -0
- package/lib/grid/row.js.map +1 -0
- package/lib/grid/style/index.d.ts +2 -0
- package/lib/grid/style/index.d.ts.map +1 -0
- package/lib/grid/style/index.js +5 -0
- package/lib/grid/style/index.js.map +1 -0
- package/lib/grid/style/index.less +124 -0
- package/lib/grid/style/mixin.less +57 -0
- package/lib/grid/style/rtl.less +69 -0
- package/lib/handle/index.d.ts.map +1 -1
- package/lib/handle/index.js +4 -29
- package/lib/handle/index.js.map +1 -1
- package/lib/index.d.ts +2 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +5 -1
- package/lib/index.js.map +1 -1
- package/lib/input/input.d.ts +4 -4
- package/lib/input/input.d.ts.map +1 -1
- package/lib/input-number/index.d.ts +1 -1
- package/lib/modal/modal.d.ts +5 -1
- package/lib/modal/modal.d.ts.map +1 -1
- package/lib/modal/modal.js +2 -2
- package/lib/modal/modal.js.map +1 -1
- package/lib/query-form/Field/fieldsMap.d.ts +3 -3
- package/lib/radio/radio-group.d.ts +1 -1
- package/lib/segmented/index.d.ts +1 -1
- package/lib/segmented/index.d.ts.map +1 -1
- package/lib/svg-components/illustration-403.d.ts +1 -1
- package/lib/svg-components/illustration-404.d.ts +1 -1
- package/lib/svg-components/illustration-500.d.ts +1 -1
- package/lib/svg-components/illustration-empty.d.ts +1 -1
- package/lib/svg-components/illustration-failure.d.ts +1 -1
- package/lib/svg-components/illustration-no-access.d.ts +1 -1
- package/lib/svg-components/illustration-no-chart.d.ts +1 -1
- package/lib/svg-components/illustration-no-result.d.ts +1 -1
- package/lib/svg-components/illustration-offline.d.ts +1 -1
- package/lib/svg-components/illustration-success.d.ts +1 -1
- package/lib/table/assets/image-loading-background.d.ts +1 -1
- package/lib/table/assets/image-loading.d.ts +1 -1
- package/lib/table/constants.d.ts +0 -2
- package/lib/table/constants.d.ts.map +1 -1
- package/lib/table/constants.js +1 -54
- package/lib/table/constants.js.map +1 -1
- package/lib/table/table.d.ts +1 -1
- package/lib/table/table.d.ts.map +1 -1
- package/lib/table/table.js +9 -49
- package/lib/table/table.js.map +1 -1
- package/lib/time-picker/index.d.ts +1 -1
- package/lib/tntd-cascader/AntdCascader/config/utils.d.ts +1 -1
- package/lib/tntd-form/ErrorList.js +1 -1
- package/lib/tntd-form/ErrorList.js.map +1 -1
- package/lib/tntd-form/FormItem/ItemHolder.js +2 -2
- package/lib/tntd-form/FormItem/ItemHolder.js.map +1 -1
- package/lib/tntd-form/FormItem/index.js +3 -3
- package/lib/tntd-form/FormItem/index.js.map +1 -1
- package/lib/tntd-form/FormItemInput.d.ts +1 -1
- package/lib/tntd-form/FormItemInput.d.ts.map +1 -1
- package/lib/tntd-form/FormItemInput.js +1 -1
- package/lib/tntd-form/FormItemInput.js.map +1 -1
- package/lib/tntd-form/FormItemLabel.d.ts +1 -1
- package/lib/tntd-form/FormItemLabel.d.ts.map +1 -1
- package/lib/tntd-form/FormItemLabel.js +1 -1
- package/lib/tntd-form/FormItemLabel.js.map +1 -1
- package/lib/tntd-form/FormList.js +1 -1
- package/lib/tntd-form/FormList.js.map +1 -1
- package/lib/tntd-form/hooks/useFormItemStatus.js +1 -1
- package/lib/tntd-form/hooks/useFormItemStatus.js.map +1 -1
- package/lib/tntd-form/index.d.ts.map +1 -1
- package/lib/tntd-form/index.js +0 -1
- package/lib/tntd-form/index.js.map +1 -1
- package/lib/tntd-form/tntd-form.stories.d.ts +1 -1
- package/lib/utils/lang.d.ts +5 -1
- package/lib/utils/lang.d.ts.map +1 -1
- package/lib/utils/lang.js +14 -12
- package/lib/utils/lang.js.map +1 -1
- package/package.json +104 -105
- package/themes/default/variables.less +124 -7
- package/themes/utils/colorPalette.less +12 -0
package/es/utils/lang.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { getLanguage } from '../prev-locale';
|
|
3
|
-
const prepositions = [
|
|
3
|
+
export const prepositions = [
|
|
4
4
|
'about',
|
|
5
5
|
'above',
|
|
6
6
|
'across',
|
|
@@ -53,8 +53,8 @@ const prepositions = [
|
|
|
53
53
|
'without',
|
|
54
54
|
'or'
|
|
55
55
|
];
|
|
56
|
-
const articles = ['the', 'a', 'an'];
|
|
57
|
-
const titleHandle = (str, upperCaseIgnore) => {
|
|
56
|
+
export const articles = ['the', 'a', 'an'];
|
|
57
|
+
export const titleHandle = (str, upperCaseIgnore = []) => {
|
|
58
58
|
const words = str.split(' ');
|
|
59
59
|
const capitalizedWords = words.map((word, i) => {
|
|
60
60
|
const lowerCaseWord = word.toLowerCase();
|
|
@@ -73,7 +73,7 @@ const titleHandle = (str, upperCaseIgnore) => {
|
|
|
73
73
|
return capitalizedWords.join(' ');
|
|
74
74
|
};
|
|
75
75
|
// 表头转换为首字母大写
|
|
76
|
-
const titleCaseUpper = (str, upperCaseIgnore) => {
|
|
76
|
+
export const titleCaseUpper = (str, upperCaseIgnore = []) => {
|
|
77
77
|
if (!str) {
|
|
78
78
|
return str;
|
|
79
79
|
}
|
|
@@ -91,7 +91,7 @@ const titleCaseUpper = (str, upperCaseIgnore) => {
|
|
|
91
91
|
}
|
|
92
92
|
return str;
|
|
93
93
|
};
|
|
94
|
-
export const doUpperTitle = (label) => {
|
|
94
|
+
export const doUpperTitle = (label, upperCaseIgnore = []) => {
|
|
95
95
|
var _a, _b, _c, _d, _e, _f;
|
|
96
96
|
if (getLanguage() === 'cn') {
|
|
97
97
|
return label;
|
|
@@ -100,17 +100,17 @@ export const doUpperTitle = (label) => {
|
|
|
100
100
|
return label;
|
|
101
101
|
}
|
|
102
102
|
if (typeof label === 'string') {
|
|
103
|
-
return titleCaseUpper(label);
|
|
103
|
+
return titleCaseUpper(label, upperCaseIgnore);
|
|
104
104
|
}
|
|
105
105
|
else {
|
|
106
106
|
if (React.isValidElement(label)) {
|
|
107
107
|
if (((_a = label === null || label === void 0 ? void 0 : label.props) === null || _a === void 0 ? void 0 : _a.children) && Array.isArray((_b = label === null || label === void 0 ? void 0 : label.props) === null || _b === void 0 ? void 0 : _b.children)) {
|
|
108
108
|
return Object.assign(Object.assign({}, label), { props: Object.assign(Object.assign({}, label.props), { children: (_d = (_c = label === null || label === void 0 ? void 0 : label.props) === null || _c === void 0 ? void 0 : _c.children) === null || _d === void 0 ? void 0 : _d.map((subLabel) => {
|
|
109
|
-
return titleCaseUpper(subLabel);
|
|
109
|
+
return titleCaseUpper(subLabel, upperCaseIgnore);
|
|
110
110
|
}) }) });
|
|
111
111
|
}
|
|
112
112
|
else if (typeof ((_e = label === null || label === void 0 ? void 0 : label.props) === null || _e === void 0 ? void 0 : _e.children) === 'string') {
|
|
113
|
-
label = Object.assign(Object.assign({}, label), { props: Object.assign(Object.assign({}, label.props), { children: titleCaseUpper((_f = label === null || label === void 0 ? void 0 : label.props) === null || _f === void 0 ? void 0 : _f.children) }) });
|
|
113
|
+
label = Object.assign(Object.assign({}, label), { props: Object.assign(Object.assign({}, label.props), { children: titleCaseUpper((_f = label === null || label === void 0 ? void 0 : label.props) === null || _f === void 0 ? void 0 : _f.children, upperCaseIgnore) }) });
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
116
|
}
|
package/es/utils/lang.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lang.js","sourceRoot":"","sources":["../../src/utils/lang.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,MAAM,YAAY,GAAG;
|
|
1
|
+
{"version":3,"file":"lang.js","sourceRoot":"","sources":["../../src/utils/lang.js"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { getLanguage } from '../prev-locale'\n\nexport const prepositions = [\n 'about',\n 'above',\n 'across',\n 'after',\n 'against',\n 'along',\n 'among',\n 'around',\n 'as',\n 'at',\n 'before',\n 'behind',\n 'below',\n 'beneath',\n 'beside',\n 'between',\n 'beyond',\n 'by',\n 'down',\n 'during',\n 'except',\n 'for',\n 'from',\n 'in',\n 'inside',\n 'into',\n 'like',\n 'near',\n 'of',\n 'off',\n 'on',\n 'onto',\n 'out',\n 'outside',\n 'over',\n 'past',\n 'round',\n 'since',\n 'through',\n 'throughout',\n 'to',\n 'toward',\n 'under',\n 'underneath',\n 'until',\n 'up',\n 'upon',\n 'with',\n 'within',\n 'without',\n 'or'\n]\n\nexport const articles = ['the', 'a', 'an']\n\nexport const titleHandle = (str, upperCaseIgnore=[]) => {\n const words = str.split(' ')\n const capitalizedWords = words.map((word, i) => {\n const lowerCaseWord = word.toLowerCase()\n let ignoreList = prepositions.concat(articles)\n if (upperCaseIgnore?.length) {\n ignoreList = ignoreList.concat(upperCaseIgnore)\n ignoreList = Array.from(new Set(ignoreList))\n }\n if (ignoreList.includes(lowerCaseWord) && i !== 0) {\n return lowerCaseWord\n } else {\n return word.charAt(0).toUpperCase() + word.slice(1)\n }\n })\n return capitalizedWords.join(' ')\n}\n\n// 表头转换为首字母大写\nexport const titleCaseUpper = (str, upperCaseIgnore=[]) => {\n if (!str) {\n return str\n }\n if (typeof str === 'string') {\n // 有斜杠根据斜杠划分\n if (str?.includes('/')) {\n const parWords = str.split('/')\n return parWords\n .map((str1) => {\n return titleHandle(str1, upperCaseIgnore )\n })\n .join('/')\n }\n return titleHandle(str, upperCaseIgnore)\n }\n return str\n}\n\nexport const doUpperTitle = (label, upperCaseIgnore=[]) => {\n if (getLanguage() === 'cn') {\n return label\n }\n if (!label) {\n return label\n }\n if (typeof label === 'string') {\n return titleCaseUpper(label, upperCaseIgnore);\n } else {\n if (React.isValidElement(label)) {\n if (label?.props?.children && Array.isArray(label?.props?.children)) {\n return {\n ...label,\n props: {\n ...label.props,\n children: label?.props?.children?.map((subLabel) => {\n return titleCaseUpper(subLabel, upperCaseIgnore)\n }),\n },\n }\n } else if (typeof label?.props?.children === 'string') {\n label = {\n ...label,\n props: {\n ...label.props,\n children: titleCaseUpper(label?.props?.children, upperCaseIgnore),\n },\n }\n }\n }\n }\n return label\n};\n"]}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { RenderEmptyHandler } from './defaultRenderEmpty';
|
|
3
|
+
export interface CSPConfig {
|
|
4
|
+
nonce?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare type DirectionType = 'ltr' | 'rtl' | undefined;
|
|
7
|
+
export declare type SizeType = 'small' | 'middle' | 'large' | undefined;
|
|
8
|
+
export declare type RequiredMark = boolean | 'optional';
|
|
9
|
+
export declare const defaultIconPrefixCls = "anticon";
|
|
10
|
+
export interface ConfigConsumerProps {
|
|
11
|
+
getTargetContainer?: () => HTMLElement;
|
|
12
|
+
getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement;
|
|
13
|
+
rootPrefixCls?: string;
|
|
14
|
+
iconPrefixCls?: string;
|
|
15
|
+
getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string;
|
|
16
|
+
renderEmpty?: RenderEmptyHandler;
|
|
17
|
+
csp?: CSPConfig;
|
|
18
|
+
autoInsertSpaceInButton?: boolean;
|
|
19
|
+
input?: {
|
|
20
|
+
autoComplete?: string;
|
|
21
|
+
};
|
|
22
|
+
pagination?: {
|
|
23
|
+
showSizeChanger?: boolean;
|
|
24
|
+
};
|
|
25
|
+
locale?: object;
|
|
26
|
+
pageHeader?: {
|
|
27
|
+
ghost: boolean;
|
|
28
|
+
};
|
|
29
|
+
direction?: DirectionType;
|
|
30
|
+
space?: {
|
|
31
|
+
size?: SizeType | number;
|
|
32
|
+
};
|
|
33
|
+
virtual?: boolean;
|
|
34
|
+
dropdownMatchSelectWidth?: boolean;
|
|
35
|
+
form?: {
|
|
36
|
+
requiredMark?: RequiredMark;
|
|
37
|
+
colon?: boolean;
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
export declare const ConfigContext: React.Context<ConfigConsumerProps>;
|
|
41
|
+
export declare const ConfigConsumer: React.Consumer<ConfigConsumerProps>;
|
|
42
|
+
//# sourceMappingURL=context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/_util/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAE9D,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAQD,oBAAY,aAAa,GAAG,KAAK,GAAG,KAAK,GAAG,SAAS,CAAA;AAErD,oBAAY,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AAE/D,oBAAY,YAAY,GAAG,OAAO,GAAG,UAAU,CAAA;AAE/C,eAAO,MAAM,oBAAoB,YAAY,CAAA;AAE7C,MAAM,WAAW,mBAAmB;IAClC,kBAAkB,CAAC,EAAE,MAAM,WAAW,CAAA;IACtC,iBAAiB,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,WAAW,KAAK,WAAW,CAAA;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,kBAAkB,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IACzE,WAAW,CAAC,EAAE,kBAAkB,CAAA;IAChC,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,KAAK,CAAC,EAAE;QACN,YAAY,CAAC,EAAE,MAAM,CAAA;KACtB,CAAA;IACD,UAAU,CAAC,EAAE;QACX,eAAe,CAAC,EAAE,OAAO,CAAA;KAC1B,CAAA;IACD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE;QACX,KAAK,EAAE,OAAO,CAAA;KACf,CAAA;IACD,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,KAAK,CAAC,EAAE;QACN,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;KACzB,CAAA;IACD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,IAAI,CAAC,EAAE;QACL,YAAY,CAAC,EAAE,YAAY,CAAA;QAC3B,KAAK,CAAC,EAAE,OAAO,CAAA;KAChB,CAAA;CACF;AAGD,eAAO,MAAM,aAAa,oCAGxB,CAAA;AAEF,eAAO,MAAM,cAAc,qCAAyB,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.ConfigConsumer = exports.ConfigContext = exports.defaultIconPrefixCls = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const defaultGetPrefixCls = (suffixCls, customizePrefixCls) => {
|
|
9
|
+
if (customizePrefixCls)
|
|
10
|
+
return customizePrefixCls;
|
|
11
|
+
return `tnt-${suffixCls}`;
|
|
12
|
+
};
|
|
13
|
+
exports.defaultIconPrefixCls = 'anticon';
|
|
14
|
+
// zombieJ: 🚨 Do not pass `defaultRenderEmpty` here since it will case circular dependency.
|
|
15
|
+
exports.ConfigContext = react_1.default.createContext({
|
|
16
|
+
// We provide a default function for Context without provider
|
|
17
|
+
getPrefixCls: defaultGetPrefixCls,
|
|
18
|
+
});
|
|
19
|
+
exports.ConfigConsumer = exports.ConfigContext.Consumer;
|
|
20
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/_util/context.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAOzB,MAAM,mBAAmB,GAAG,CAAC,SAAkB,EAAE,kBAA2B,EAAE,EAAE;IAC9E,IAAI,kBAAkB;QAAE,OAAO,kBAAkB,CAAA;IAEjD,OAAO,OAAO,SAAS,EAAE,CAAA;AAC3B,CAAC,CAAA;AAQY,QAAA,oBAAoB,GAAG,SAAS,CAAA;AAiC7C,4FAA4F;AAC/E,QAAA,aAAa,GAAG,eAAK,CAAC,aAAa,CAAsB;IACpE,6DAA6D;IAC7D,YAAY,EAAE,mBAAmB;CAClC,CAAC,CAAA;AAEW,QAAA,cAAc,GAAG,qBAAa,CAAC,QAAQ,CAAA","sourcesContent":["import React from 'react'\nimport type { RenderEmptyHandler } from './defaultRenderEmpty'\n\nexport interface CSPConfig {\n nonce?: string\n}\n\nconst defaultGetPrefixCls = (suffixCls?: string, customizePrefixCls?: string) => {\n if (customizePrefixCls) return customizePrefixCls\n\n return `tnt-${suffixCls}`\n}\n\nexport type DirectionType = 'ltr' | 'rtl' | undefined\n\nexport type SizeType = 'small' | 'middle' | 'large' | undefined\n\nexport type RequiredMark = boolean | 'optional'\n\nexport const defaultIconPrefixCls = 'anticon'\n\nexport interface ConfigConsumerProps {\n getTargetContainer?: () => HTMLElement\n getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement\n rootPrefixCls?: string\n iconPrefixCls?: string\n getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string\n renderEmpty?: RenderEmptyHandler\n csp?: CSPConfig\n autoInsertSpaceInButton?: boolean\n input?: {\n autoComplete?: string\n }\n pagination?: {\n showSizeChanger?: boolean\n }\n locale?: object\n pageHeader?: {\n ghost: boolean\n }\n direction?: DirectionType\n space?: {\n size?: SizeType | number\n }\n virtual?: boolean\n dropdownMatchSelectWidth?: boolean\n form?: {\n requiredMark?: RequiredMark\n colon?: boolean\n }\n}\n\n// zombieJ: 🚨 Do not pass `defaultRenderEmpty` here since it will case circular dependency.\nexport const ConfigContext = React.createContext<ConfigConsumerProps>({\n // We provide a default function for Context without provider\n getPrefixCls: defaultGetPrefixCls,\n})\n\nexport const ConfigConsumer = ConfigContext.Consumer\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaultRenderEmpty.d.ts","sourceRoot":"","sources":["../../src/_util/defaultRenderEmpty.tsx"],"names":[],"mappings":";AAWA,QAAA,MAAM,kBAAkB,kBAAmB,MAAM,gBAwBhD,CAAA;AAED,oBAAY,kBAAkB,GAAG,OAAO,kBAAkB,CAAA;AAE1D,eAAe,kBAAkB,CAAA"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
/*
|
|
30
|
+
* @Descripttion: 空状态
|
|
31
|
+
* @Author: 郑泳健
|
|
32
|
+
* @Date: 2022-12-19 16:45:16
|
|
33
|
+
* @LastEditors: 郑泳健
|
|
34
|
+
* @LastEditTime: 2023-02-07 11:47:03
|
|
35
|
+
*/
|
|
36
|
+
const React = __importStar(require("react"));
|
|
37
|
+
const context_1 = require("./context");
|
|
38
|
+
const LocaleReceiver_1 = __importDefault(require("antd/es/locale-provider/LocaleReceiver"));
|
|
39
|
+
const defaultRenderEmpty = (componentName) => (React.createElement(context_1.ConfigConsumer, null, ({ getPrefixCls }) => {
|
|
40
|
+
const prefix = getPrefixCls('empty');
|
|
41
|
+
return (React.createElement(LocaleReceiver_1.default, { componentName: "TntdSelect" }, (locale) => {
|
|
42
|
+
return (React.createElement("div", { className: `tntd-select-no-data-wrapper ${prefix}` },
|
|
43
|
+
React.createElement("img", { style: { width: 80, height: 50 }, src: require('../img/no-data-s.png').default }),
|
|
44
|
+
React.createElement("div", { className: "tntd-select-no-data-content" }, locale.noData)));
|
|
45
|
+
}));
|
|
46
|
+
}));
|
|
47
|
+
exports.default = defaultRenderEmpty;
|
|
48
|
+
//# sourceMappingURL=defaultRenderEmpty.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaultRenderEmpty.js","sourceRoot":"","sources":["../../src/_util/defaultRenderEmpty.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;GAMG;AACH,6CAA8B;AAC9B,uCAA0C;AAC1C,4FAAmE;AAEnE,MAAM,kBAAkB,GAAG,CAAC,aAAqB,EAAE,EAAE,CAAC,CACpD,oBAAC,wBAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;IACpB,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,wBAAc,IAAC,aAAa,EAAC,YAAY,IACvC,CAAC,MAAM,EAAE,EAAE;QACV,OAAO,CACL,6BAAK,SAAS,EAAE,+BAA+B,MAAM,EAAE;YACrD,6BACE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAChC,GAAG,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC,OAAO,GAC5C;YACF,6BAAK,SAAS,EAAC,6BAA6B,IACxC,MAAmC,CAAC,MAAM,CACxC,CACF,CACP,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACc,CAClB,CAAA;AAID,kBAAe,kBAAkB,CAAA","sourcesContent":["/*\n * @Descripttion: 空状态\n * @Author: 郑泳健\n * @Date: 2022-12-19 16:45:16\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-02-07 11:47:03\n */\nimport * as React from 'react'\nimport { ConfigConsumer } from './context'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\n\nconst defaultRenderEmpty = (componentName: string) => (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefix = getPrefixCls('empty')\n\n return (\n <LocaleReceiver componentName=\"TntdSelect\">\n {(locale) => {\n return (\n <div className={`tntd-select-no-data-wrapper ${prefix}`}>\n <img\n style={{ width: 80, height: 50 }}\n src={require('../img/no-data-s.png').default}\n />\n <div className=\"tntd-select-no-data-content\">\n {(locale as Record<'noData', object>).noData}\n </div>\n </div>\n )\n }}\n </LocaleReceiver>\n )\n }}\n </ConfigConsumer>\n)\n\nexport type RenderEmptyHandler = typeof defaultRenderEmpty\n\nexport default defaultRenderEmpty\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFlexGapSupport.d.ts","sourceRoot":"","sources":["../../../src/_util/hooks/useFlexGapSupport.ts"],"names":[],"mappings":";AAGA,wBAOC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
const React = __importStar(require("react"));
|
|
27
|
+
const styleChecker_1 = require("../styleChecker");
|
|
28
|
+
exports.default = () => {
|
|
29
|
+
const [flexible, setFlexible] = React.useState(false);
|
|
30
|
+
React.useEffect(() => {
|
|
31
|
+
setFlexible((0, styleChecker_1.detectFlexGapSupported)());
|
|
32
|
+
}, []);
|
|
33
|
+
return flexible;
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=useFlexGapSupport.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFlexGapSupport.js","sourceRoot":"","sources":["../../../src/_util/hooks/useFlexGapSupport.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8B;AAC9B,kDAAwD;AAExD,kBAAe,GAAG,EAAE;IAClB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,WAAW,CAAC,IAAA,qCAAsB,GAAE,CAAC,CAAA;IACvC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { detectFlexGapSupported } from '../styleChecker'\n\nexport default () => {\n const [flexible, setFlexible] = React.useState(false)\n React.useEffect(() => {\n setFlexible(detectFlexGapSupported())\n }, [])\n\n return flexible\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useForceUpdate.d.ts","sourceRoot":"","sources":["../../../src/_util/hooks/useForceUpdate.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,CAAC,OAAO,UAAU,cAAc,gCAGrC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
const React = __importStar(require("react"));
|
|
27
|
+
function useForceUpdate() {
|
|
28
|
+
const [, forceUpdate] = React.useReducer((x) => x + 1, 0);
|
|
29
|
+
return forceUpdate;
|
|
30
|
+
}
|
|
31
|
+
exports.default = useForceUpdate;
|
|
32
|
+
//# sourceMappingURL=useForceUpdate.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useForceUpdate.js","sourceRoot":"","sources":["../../../src/_util/hooks/useForceUpdate.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8B;AAE9B,SAAwB,cAAc;IACpC,MAAM,CAAC,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;IACzD,OAAO,WAAW,CAAA;AACpB,CAAC;AAHD,iCAGC","sourcesContent":["import * as React from 'react'\n\nexport default function useForceUpdate() {\n const [, forceUpdate] = React.useReducer((x) => x + 1, 0)\n return forceUpdate\n}\n"]}
|
package/lib/_util/motion.d.ts
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
|
+
import type { CSSMotionProps } from 'rc-motion';
|
|
2
|
+
declare const collapseMotion: CSSMotionProps;
|
|
1
3
|
declare const SelectPlacements: ["bottomLeft", "bottomRight", "topLeft", "topRight"];
|
|
2
4
|
export declare type SelectCommonPlacement = typeof SelectPlacements[number];
|
|
3
5
|
declare const getTransitionDirection: (placement: SelectCommonPlacement | undefined) => "slide-down" | "slide-up";
|
|
4
6
|
declare const getTransitionName: (rootPrefixCls: string, motion: string, transitionName?: string | undefined) => string;
|
|
5
7
|
export { getTransitionName, getTransitionDirection };
|
|
8
|
+
export default collapseMotion;
|
|
6
9
|
//# sourceMappingURL=motion.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../src/_util/motion.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../src/_util/motion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAA6C,MAAM,WAAW,CAAA;AAc1F,QAAA,MAAM,cAAc,EAAE,cAYrB,CAAA;AAED,QAAA,MAAM,gBAAgB,sDAA4D,CAAA;AAClF,oBAAY,qBAAqB,GAAG,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAA;AAEnE,QAAA,MAAM,sBAAsB,cAAe,qBAAqB,GAAG,SAAS,8BAK3E,CAAA;AAED,QAAA,MAAM,iBAAiB,kBAAmB,MAAM,UAAU,MAAM,gDAK/D,CAAA;AACD,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,CAAA;AACpD,eAAe,cAAc,CAAA"}
|
package/lib/_util/motion.js
CHANGED
|
@@ -2,6 +2,27 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.getTransitionDirection = exports.getTransitionName = void 0;
|
|
4
4
|
const type_1 = require("./type");
|
|
5
|
+
// ================== Collapse Motion ==================
|
|
6
|
+
const getCollapsedHeight = () => ({ height: 0, opacity: 0 });
|
|
7
|
+
const getRealHeight = (node) => {
|
|
8
|
+
const { scrollHeight } = node;
|
|
9
|
+
return { height: scrollHeight, opacity: 1 };
|
|
10
|
+
};
|
|
11
|
+
const getCurrentHeight = (node) => ({ height: node ? node.offsetHeight : 0 });
|
|
12
|
+
const skipOpacityTransition = (_, event) => (event === null || event === void 0 ? void 0 : event.deadline) === true || event.propertyName === 'height';
|
|
13
|
+
const collapseMotion = {
|
|
14
|
+
motionName: 'ant-motion-collapse',
|
|
15
|
+
onAppearStart: getCollapsedHeight,
|
|
16
|
+
onEnterStart: getCollapsedHeight,
|
|
17
|
+
onAppearActive: getRealHeight,
|
|
18
|
+
onEnterActive: getRealHeight,
|
|
19
|
+
onLeaveStart: getCurrentHeight,
|
|
20
|
+
onLeaveActive: getCollapsedHeight,
|
|
21
|
+
onAppearEnd: skipOpacityTransition,
|
|
22
|
+
onEnterEnd: skipOpacityTransition,
|
|
23
|
+
onLeaveEnd: skipOpacityTransition,
|
|
24
|
+
motionDeadline: 500,
|
|
25
|
+
};
|
|
5
26
|
const SelectPlacements = (0, type_1.tuple)('bottomLeft', 'bottomRight', 'topLeft', 'topRight');
|
|
6
27
|
const getTransitionDirection = (placement) => {
|
|
7
28
|
if (placement !== undefined && (placement === 'topLeft' || placement === 'topRight')) {
|
|
@@ -17,4 +38,5 @@ const getTransitionName = (rootPrefixCls, motion, transitionName) => {
|
|
|
17
38
|
return `${rootPrefixCls}-${motion}`;
|
|
18
39
|
};
|
|
19
40
|
exports.getTransitionName = getTransitionName;
|
|
41
|
+
exports.default = collapseMotion;
|
|
20
42
|
//# sourceMappingURL=motion.js.map
|
package/lib/_util/motion.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"motion.js","sourceRoot":"","sources":["../../src/_util/motion.tsx"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"motion.js","sourceRoot":"","sources":["../../src/_util/motion.tsx"],"names":[],"mappings":";;;AAEA,iCAA8B;AAE9B,wDAAwD;AACxD,MAAM,kBAAkB,GAAuB,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAA;AAChF,MAAM,aAAa,GAAuB,CAAC,IAAI,EAAE,EAAE;IACjD,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAA;IAC7B,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,EAAE,CAAA;AAC7C,CAAC,CAAA;AACD,MAAM,gBAAgB,GAAuB,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;AACjG,MAAM,qBAAqB,GAA0B,CAAC,CAAC,EAAE,KAAkB,EAAE,EAAE,CAC7E,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,MAAK,IAAI,IAAK,KAAyB,CAAC,YAAY,KAAK,QAAQ,CAAA;AAElF,MAAM,cAAc,GAAmB;IACrC,UAAU,EAAE,qBAAqB;IACjC,aAAa,EAAE,kBAAkB;IACjC,YAAY,EAAE,kBAAkB;IAChC,cAAc,EAAE,aAAa;IAC7B,aAAa,EAAE,aAAa;IAC5B,YAAY,EAAE,gBAAgB;IAC9B,aAAa,EAAE,kBAAkB;IACjC,WAAW,EAAE,qBAAqB;IAClC,UAAU,EAAE,qBAAqB;IACjC,UAAU,EAAE,qBAAqB;IACjC,cAAc,EAAE,GAAG;CACpB,CAAA;AAED,MAAM,gBAAgB,GAAG,IAAA,YAAK,EAAC,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,CAAC,CAAA;AAGlF,MAAM,sBAAsB,GAAG,CAAC,SAA4C,EAAE,EAAE;IAC9E,IAAI,SAAS,KAAK,SAAS,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,UAAU,CAAC,EAAE;QACpF,OAAO,YAAY,CAAA;KACpB;IACD,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AAQ2B,wDAAsB;AANlD,MAAM,iBAAiB,GAAG,CAAC,aAAqB,EAAE,MAAc,EAAE,cAAuB,EAAE,EAAE;IAC3F,IAAI,cAAc,KAAK,SAAS,EAAE;QAChC,OAAO,cAAc,CAAA;KACtB;IACD,OAAO,GAAG,aAAa,IAAI,MAAM,EAAE,CAAA;AACrC,CAAC,CAAA;AACQ,8CAAiB;AAC1B,kBAAe,cAAc,CAAA","sourcesContent":["import type { CSSMotionProps, MotionEndEventHandler, MotionEventHandler } from 'rc-motion'\nimport type { MotionEvent } from 'rc-motion/lib/interface'\nimport { tuple } from './type'\n\n// ================== Collapse Motion ==================\nconst getCollapsedHeight: MotionEventHandler = () => ({ height: 0, opacity: 0 })\nconst getRealHeight: MotionEventHandler = (node) => {\n const { scrollHeight } = node\n return { height: scrollHeight, opacity: 1 }\n}\nconst getCurrentHeight: MotionEventHandler = (node) => ({ height: node ? node.offsetHeight : 0 })\nconst skipOpacityTransition: MotionEndEventHandler = (_, event: MotionEvent) =>\n event?.deadline === true || (event as TransitionEvent).propertyName === 'height'\n\nconst collapseMotion: CSSMotionProps = {\n motionName: 'ant-motion-collapse',\n onAppearStart: getCollapsedHeight,\n onEnterStart: getCollapsedHeight,\n onAppearActive: getRealHeight,\n onEnterActive: getRealHeight,\n onLeaveStart: getCurrentHeight,\n onLeaveActive: getCollapsedHeight,\n onAppearEnd: skipOpacityTransition,\n onEnterEnd: skipOpacityTransition,\n onLeaveEnd: skipOpacityTransition,\n motionDeadline: 500,\n}\n\nconst SelectPlacements = tuple('bottomLeft', 'bottomRight', 'topLeft', 'topRight')\nexport type SelectCommonPlacement = typeof SelectPlacements[number]\n\nconst getTransitionDirection = (placement: SelectCommonPlacement | undefined) => {\n if (placement !== undefined && (placement === 'topLeft' || placement === 'topRight')) {\n return `slide-down`\n }\n return `slide-up`\n}\n\nconst getTransitionName = (rootPrefixCls: string, motion: string, transitionName?: string) => {\n if (transitionName !== undefined) {\n return transitionName\n }\n return `${rootPrefixCls}-${motion}`\n}\nexport { getTransitionName, getTransitionDirection }\nexport default collapseMotion\n"]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export declare const isValidElement: typeof React.isValidElement;
|
|
3
|
+
export declare function isFragment(child: any): boolean;
|
|
4
|
+
declare type AnyObject = Record<PropertyKey, any>;
|
|
5
|
+
declare type RenderProps = AnyObject | ((originProps: AnyObject) => AnyObject | void);
|
|
6
|
+
export declare function replaceElement(element: React.ReactNode, replacement: React.ReactNode, props?: RenderProps): React.ReactNode;
|
|
7
|
+
export declare function cloneElement(element: React.ReactNode, props?: RenderProps): React.ReactElement;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=reactNode.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"reactNode.d.ts","sourceRoot":"","sources":["../../src/_util/reactNode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,eAAO,MAAQ,cAAc,6BAAU,CAAA;AAEvC,wBAAgB,UAAU,CAAC,KAAK,EAAE,GAAG,GAAG,OAAO,CAE9C;AAED,aAAK,SAAS,GAAG,MAAM,CAAC,WAAW,EAAE,GAAG,CAAC,CAAA;AAEzC,aAAK,WAAW,GAAG,SAAS,GAAG,CAAC,CAAC,WAAW,EAAE,SAAS,KAAK,SAAS,GAAG,IAAI,CAAC,CAAA;AAE7E,wBAAgB,cAAc,CAC5B,OAAO,EAAE,KAAK,CAAC,SAAS,EACxB,WAAW,EAAE,KAAK,CAAC,SAAS,EAC5B,KAAK,CAAC,EAAE,WAAW,GAClB,KAAK,CAAC,SAAS,CAQjB;AAED,wBAAgB,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAE9F"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.cloneElement = exports.replaceElement = exports.isFragment = exports.isValidElement = void 0;
|
|
27
|
+
const React = __importStar(require("react"));
|
|
28
|
+
exports.isValidElement = React.isValidElement;
|
|
29
|
+
function isFragment(child) {
|
|
30
|
+
return child && (0, exports.isValidElement)(child) && child.type === React.Fragment;
|
|
31
|
+
}
|
|
32
|
+
exports.isFragment = isFragment;
|
|
33
|
+
function replaceElement(element, replacement, props) {
|
|
34
|
+
if (!(0, exports.isValidElement)(element)) {
|
|
35
|
+
return replacement;
|
|
36
|
+
}
|
|
37
|
+
return React.cloneElement(element, typeof props === 'function' ? props(element.props || {}) : props);
|
|
38
|
+
}
|
|
39
|
+
exports.replaceElement = replaceElement;
|
|
40
|
+
function cloneElement(element, props) {
|
|
41
|
+
return replaceElement(element, element, props);
|
|
42
|
+
}
|
|
43
|
+
exports.cloneElement = cloneElement;
|
|
44
|
+
//# sourceMappingURL=reactNode.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"reactNode.js","sourceRoot":"","sources":["../../src/_util/reactNode.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8B;AAEf,sBAAc,GAAK,KAAK,gBAAA;AAEvC,SAAgB,UAAU,CAAC,KAAU;IACnC,OAAO,KAAK,IAAI,IAAA,sBAAc,EAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,QAAQ,CAAA;AACxE,CAAC;AAFD,gCAEC;AAMD,SAAgB,cAAc,CAC5B,OAAwB,EACxB,WAA4B,EAC5B,KAAmB;IAEnB,IAAI,CAAC,IAAA,sBAAc,EAAC,OAAO,CAAC,EAAE;QAC5B,OAAO,WAAW,CAAA;KACnB;IACD,OAAO,KAAK,CAAC,YAAY,CACvB,OAAO,EACP,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CACjE,CAAA;AACH,CAAC;AAZD,wCAYC;AAED,SAAgB,YAAY,CAAC,OAAwB,EAAE,KAAmB;IACxE,OAAO,cAAc,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAuB,CAAA;AACtE,CAAC;AAFD,oCAEC","sourcesContent":["import * as React from 'react'\n\nexport const { isValidElement } = React\n\nexport function isFragment(child: any): boolean {\n return child && isValidElement(child) && child.type === React.Fragment\n}\n\ntype AnyObject = Record<PropertyKey, any>\n\ntype RenderProps = AnyObject | ((originProps: AnyObject) => AnyObject | void)\n\nexport function replaceElement(\n element: React.ReactNode,\n replacement: React.ReactNode,\n props?: RenderProps\n): React.ReactNode {\n if (!isValidElement(element)) {\n return replacement\n }\n return React.cloneElement(\n element,\n typeof props === 'function' ? props(element.props || {}) : props\n )\n}\n\nexport function cloneElement(element: React.ReactNode, props?: RenderProps): React.ReactElement {\n return replaceElement(element, element, props) as React.ReactElement\n}\n"]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export declare type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
|
|
2
|
+
export declare type BreakpointMap = Record<Breakpoint, string>;
|
|
3
|
+
export declare type ScreenMap = Partial<Record<Breakpoint, boolean>>;
|
|
4
|
+
export declare type ScreenSizeMap = Partial<Record<Breakpoint, number>>;
|
|
5
|
+
export declare const responsiveArray: Breakpoint[];
|
|
6
|
+
export declare const responsiveMap: BreakpointMap;
|
|
7
|
+
declare type SubscribeFunc = (screens: ScreenMap) => void;
|
|
8
|
+
declare const responsiveObserve: {
|
|
9
|
+
matchHandlers: {
|
|
10
|
+
[prop: string]: {
|
|
11
|
+
mql: MediaQueryList;
|
|
12
|
+
listener: ((this: MediaQueryList, ev: MediaQueryListEvent) => any) | null;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
dispatch(pointMap: ScreenMap): boolean;
|
|
16
|
+
subscribe(func: SubscribeFunc): number;
|
|
17
|
+
unsubscribe(token: number): void;
|
|
18
|
+
unregister(): void;
|
|
19
|
+
register(): void;
|
|
20
|
+
};
|
|
21
|
+
export default responsiveObserve;
|
|
22
|
+
//# sourceMappingURL=responsiveObserve.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"responsiveObserve.d.ts","sourceRoot":"","sources":["../../src/_util/responsiveObserve.ts"],"names":[],"mappings":"AAAA,oBAAY,UAAU,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AACjE,oBAAY,aAAa,GAAG,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAA;AACtD,oBAAY,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAA;AAC5D,oBAAY,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAA;AAE/D,eAAO,MAAM,eAAe,EAAE,UAAU,EAA0C,CAAA;AAElF,eAAO,MAAM,aAAa,EAAE,aAO3B,CAAA;AAED,aAAK,aAAa,GAAG,CAAC,OAAO,EAAE,SAAS,KAAK,IAAI,CAAA;AAKjD,QAAA,MAAM,iBAAiB;;;iBAGZ,cAAc;8BACD,cAAc,MAAM,mBAAmB,KAAK,GAAG;;;uBAGlD,SAAS;oBAKZ,aAAa,GAAG,MAAM;uBAOnB,MAAM;;;CA+B1B,CAAA;AAED,eAAe,iBAAiB,CAAA"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.responsiveMap = exports.responsiveArray = void 0;
|
|
4
|
+
exports.responsiveArray = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs'];
|
|
5
|
+
exports.responsiveMap = {
|
|
6
|
+
xs: '(max-width: 575px)',
|
|
7
|
+
sm: '(min-width: 576px)',
|
|
8
|
+
md: '(min-width: 768px)',
|
|
9
|
+
lg: '(min-width: 992px)',
|
|
10
|
+
xl: '(min-width: 1200px)',
|
|
11
|
+
xxl: '(min-width: 1600px)',
|
|
12
|
+
};
|
|
13
|
+
const subscribers = new Map();
|
|
14
|
+
let subUid = -1;
|
|
15
|
+
let screens = {};
|
|
16
|
+
const responsiveObserve = {
|
|
17
|
+
matchHandlers: {},
|
|
18
|
+
dispatch(pointMap) {
|
|
19
|
+
screens = pointMap;
|
|
20
|
+
subscribers.forEach((func) => func(screens));
|
|
21
|
+
return subscribers.size >= 1;
|
|
22
|
+
},
|
|
23
|
+
subscribe(func) {
|
|
24
|
+
if (!subscribers.size)
|
|
25
|
+
this.register();
|
|
26
|
+
subUid += 1;
|
|
27
|
+
subscribers.set(subUid, func);
|
|
28
|
+
func(screens);
|
|
29
|
+
return subUid;
|
|
30
|
+
},
|
|
31
|
+
unsubscribe(token) {
|
|
32
|
+
subscribers.delete(token);
|
|
33
|
+
if (!subscribers.size)
|
|
34
|
+
this.unregister();
|
|
35
|
+
},
|
|
36
|
+
unregister() {
|
|
37
|
+
Object.keys(exports.responsiveMap).forEach((screen) => {
|
|
38
|
+
const matchMediaQuery = exports.responsiveMap[screen];
|
|
39
|
+
const handler = this.matchHandlers[matchMediaQuery];
|
|
40
|
+
handler === null || handler === void 0 ? void 0 : handler.mql.removeListener(handler === null || handler === void 0 ? void 0 : handler.listener);
|
|
41
|
+
});
|
|
42
|
+
subscribers.clear();
|
|
43
|
+
},
|
|
44
|
+
register() {
|
|
45
|
+
Object.keys(exports.responsiveMap).forEach((screen) => {
|
|
46
|
+
const matchMediaQuery = exports.responsiveMap[screen];
|
|
47
|
+
const listener = ({ matches }) => {
|
|
48
|
+
this.dispatch(Object.assign(Object.assign({}, screens), { [screen]: matches }));
|
|
49
|
+
};
|
|
50
|
+
const mql = window.matchMedia(matchMediaQuery);
|
|
51
|
+
mql.addListener(listener);
|
|
52
|
+
this.matchHandlers[matchMediaQuery] = {
|
|
53
|
+
mql,
|
|
54
|
+
listener,
|
|
55
|
+
};
|
|
56
|
+
listener(mql);
|
|
57
|
+
});
|
|
58
|
+
},
|
|
59
|
+
};
|
|
60
|
+
exports.default = responsiveObserve;
|
|
61
|
+
//# sourceMappingURL=responsiveObserve.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"responsiveObserve.js","sourceRoot":"","sources":["../../src/_util/responsiveObserve.ts"],"names":[],"mappings":";;;AAKa,QAAA,eAAe,GAAiB,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;AAErE,QAAA,aAAa,GAAkB;IAC1C,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,qBAAqB;IACzB,GAAG,EAAE,qBAAqB;CAC3B,CAAA;AAGD,MAAM,WAAW,GAAG,IAAI,GAAG,EAAyB,CAAA;AACpD,IAAI,MAAM,GAAG,CAAC,CAAC,CAAA;AACf,IAAI,OAAO,GAAG,EAAE,CAAA;AAEhB,MAAM,iBAAiB,GAAG;IACxB,aAAa,EAAE,EAKd;IACD,QAAQ,CAAC,QAAmB;QAC1B,OAAO,GAAG,QAAQ,CAAA;QAClB,WAAW,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAA;QAC5C,OAAO,WAAW,CAAC,IAAI,IAAI,CAAC,CAAA;IAC9B,CAAC;IACD,SAAS,CAAC,IAAmB;QAC3B,IAAI,CAAC,WAAW,CAAC,IAAI;YAAE,IAAI,CAAC,QAAQ,EAAE,CAAA;QACtC,MAAM,IAAI,CAAC,CAAA;QACX,WAAW,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;QAC7B,IAAI,CAAC,OAAO,CAAC,CAAA;QACb,OAAO,MAAM,CAAA;IACf,CAAC;IACD,WAAW,CAAC,KAAa;QACvB,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QACzB,IAAI,CAAC,WAAW,CAAC,IAAI;YAAE,IAAI,CAAC,UAAU,EAAE,CAAA;IAC1C,CAAC;IACD,UAAU;QACR,MAAM,CAAC,IAAI,CAAC,qBAAa,CAAC,CAAC,OAAO,CAAC,CAAC,MAAc,EAAE,EAAE;YACpD,MAAM,eAAe,GAAG,qBAAa,CAAC,MAAoB,CAAC,CAAA;YAC3D,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAA;YACnD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,cAAc,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,CAAA;QAChD,CAAC,CAAC,CAAA;QACF,WAAW,CAAC,KAAK,EAAE,CAAA;IACrB,CAAC;IACD,QAAQ;QACN,MAAM,CAAC,IAAI,CAAC,qBAAa,CAAC,CAAC,OAAO,CAAC,CAAC,MAAc,EAAE,EAAE;YACpD,MAAM,eAAe,GAAG,qBAAa,CAAC,MAAoB,CAAC,CAAA;YAC3D,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAwB,EAAE,EAAE;gBACrD,IAAI,CAAC,QAAQ,iCACR,OAAO,KACV,CAAC,MAAM,CAAC,EAAE,OAAO,IACjB,CAAA;YACJ,CAAC,CAAA;YACD,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,CAAC,CAAA;YAC9C,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;YACzB,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,GAAG;gBACpC,GAAG;gBACH,QAAQ;aACT,CAAA;YAED,QAAQ,CAAC,GAAG,CAAC,CAAA;QACf,CAAC,CAAC,CAAA;IACJ,CAAC;CACF,CAAA;AAED,kBAAe,iBAAiB,CAAA","sourcesContent":["export type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs'\nexport type BreakpointMap = Record<Breakpoint, string>\nexport type ScreenMap = Partial<Record<Breakpoint, boolean>>\nexport type ScreenSizeMap = Partial<Record<Breakpoint, number>>\n\nexport const responsiveArray: Breakpoint[] = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs']\n\nexport const responsiveMap: BreakpointMap = {\n xs: '(max-width: 575px)',\n sm: '(min-width: 576px)',\n md: '(min-width: 768px)',\n lg: '(min-width: 992px)',\n xl: '(min-width: 1200px)',\n xxl: '(min-width: 1600px)',\n}\n\ntype SubscribeFunc = (screens: ScreenMap) => void\nconst subscribers = new Map<number, SubscribeFunc>()\nlet subUid = -1\nlet screens = {}\n\nconst responsiveObserve = {\n matchHandlers: {} as {\n [prop: string]: {\n mql: MediaQueryList\n listener: ((this: MediaQueryList, ev: MediaQueryListEvent) => any) | null\n }\n },\n dispatch(pointMap: ScreenMap) {\n screens = pointMap\n subscribers.forEach((func) => func(screens))\n return subscribers.size >= 1\n },\n subscribe(func: SubscribeFunc): number {\n if (!subscribers.size) this.register()\n subUid += 1\n subscribers.set(subUid, func)\n func(screens)\n return subUid\n },\n unsubscribe(token: number) {\n subscribers.delete(token)\n if (!subscribers.size) this.unregister()\n },\n unregister() {\n Object.keys(responsiveMap).forEach((screen: string) => {\n const matchMediaQuery = responsiveMap[screen as Breakpoint]\n const handler = this.matchHandlers[matchMediaQuery]\n handler?.mql.removeListener(handler?.listener)\n })\n subscribers.clear()\n },\n register() {\n Object.keys(responsiveMap).forEach((screen: string) => {\n const matchMediaQuery = responsiveMap[screen as Breakpoint]\n const listener = ({ matches }: { matches: boolean }) => {\n this.dispatch({\n ...screens,\n [screen]: matches,\n })\n }\n const mql = window.matchMedia(matchMediaQuery)\n mql.addListener(listener)\n this.matchHandlers[matchMediaQuery] = {\n mql,\n listener,\n }\n\n listener(mql)\n })\n },\n}\n\nexport default responsiveObserve\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styleChecker.d.ts","sourceRoot":"","sources":["../../src/_util/styleChecker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAE7D,eAAO,MAAM,gBAAgB,2BAAuD,CAAA;AAEpF,OAAO,EAAE,cAAc,EAAE,CAAA;AAGzB,eAAO,MAAM,sBAAsB,eAyBlC,CAAA"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.detectFlexGapSupported = exports.isStyleSupport = exports.canUseDocElement = void 0;
|
|
7
|
+
const canUseDom_1 = __importDefault(require("rc-util/lib/Dom/canUseDom"));
|
|
8
|
+
const styleChecker_1 = require("rc-util/lib/Dom/styleChecker");
|
|
9
|
+
Object.defineProperty(exports, "isStyleSupport", { enumerable: true, get: function () { return styleChecker_1.isStyleSupport; } });
|
|
10
|
+
const canUseDocElement = () => (0, canUseDom_1.default)() && window.document.documentElement;
|
|
11
|
+
exports.canUseDocElement = canUseDocElement;
|
|
12
|
+
let flexGapSupported;
|
|
13
|
+
const detectFlexGapSupported = () => {
|
|
14
|
+
if (!(0, exports.canUseDocElement)()) {
|
|
15
|
+
return false;
|
|
16
|
+
}
|
|
17
|
+
if (flexGapSupported !== undefined) {
|
|
18
|
+
return flexGapSupported;
|
|
19
|
+
}
|
|
20
|
+
// create flex container with row-gap set
|
|
21
|
+
const flex = document.createElement('div');
|
|
22
|
+
flex.style.display = 'flex';
|
|
23
|
+
flex.style.flexDirection = 'column';
|
|
24
|
+
flex.style.rowGap = '1px';
|
|
25
|
+
// create two, elements inside it
|
|
26
|
+
flex.appendChild(document.createElement('div'));
|
|
27
|
+
flex.appendChild(document.createElement('div'));
|
|
28
|
+
// append to the DOM (needed to obtain scrollHeight)
|
|
29
|
+
document.body.appendChild(flex);
|
|
30
|
+
flexGapSupported = flex.scrollHeight === 1; // flex container should be 1px high from the row-gap
|
|
31
|
+
document.body.removeChild(flex);
|
|
32
|
+
return flexGapSupported;
|
|
33
|
+
};
|
|
34
|
+
exports.detectFlexGapSupported = detectFlexGapSupported;
|
|
35
|
+
//# sourceMappingURL=styleChecker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styleChecker.js","sourceRoot":"","sources":["../../src/_util/styleChecker.tsx"],"names":[],"mappings":";;;;;;AAAA,0EAAiD;AACjD,+DAA6D;AAIpD,+FAJA,6BAAc,OAIA;AAFhB,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,IAAA,mBAAS,GAAE,IAAI,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAA;AAAvE,QAAA,gBAAgB,oBAAuD;AAIpF,IAAI,gBAAqC,CAAA;AAClC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,IAAI,CAAC,IAAA,wBAAgB,GAAE,EAAE;QACvB,OAAO,KAAK,CAAA;KACb;IAED,IAAI,gBAAgB,KAAK,SAAS,EAAE;QAClC,OAAO,gBAAgB,CAAA;KACxB;IAED,yCAAyC;IACzC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IAC1C,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAA;IAC3B,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAA;IACnC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAA;IAEzB,iCAAiC;IACjC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;IAC/C,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;IAE/C,oDAAoD;IACpD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;IAC/B,gBAAgB,GAAG,IAAI,CAAC,YAAY,KAAK,CAAC,CAAA,CAAC,qDAAqD;IAChG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;IAE/B,OAAO,gBAAgB,CAAA;AACzB,CAAC,CAAA;AAzBY,QAAA,sBAAsB,0BAyBlC","sourcesContent":["import canUseDom from 'rc-util/lib/Dom/canUseDom'\nimport { isStyleSupport } from 'rc-util/lib/Dom/styleChecker'\n\nexport const canUseDocElement = () => canUseDom() && window.document.documentElement\n\nexport { isStyleSupport }\n\nlet flexGapSupported: boolean | undefined\nexport const detectFlexGapSupported = () => {\n if (!canUseDocElement()) {\n return false\n }\n\n if (flexGapSupported !== undefined) {\n return flexGapSupported\n }\n\n // create flex container with row-gap set\n const flex = document.createElement('div')\n flex.style.display = 'flex'\n flex.style.flexDirection = 'column'\n flex.style.rowGap = '1px'\n\n // create two, elements inside it\n flex.appendChild(document.createElement('div'))\n flex.appendChild(document.createElement('div'))\n\n // append to the DOM (needed to obtain scrollHeight)\n document.body.appendChild(flex)\n flexGapSupported = flex.scrollHeight === 1 // flex container should be 1px high from the row-gap\n document.body.removeChild(flex)\n\n return flexGapSupported\n}\n"]}
|