react-vant-nova 1.0.7 → 1.0.9
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/README.md +2 -2
- package/bundle/index.css +149 -0
- package/bundle/index.min.css +1 -1
- package/bundle/react-vant-nova.es.js +949 -728
- package/bundle/react-vant-nova.js +868 -646
- package/bundle/react-vant-nova.min.js +2 -2
- package/es/empty/Network.d.ts +1 -0
- package/es/index.d.ts +1 -0
- package/es/index.js +2 -1
- package/es/radio/Radio.d.ts +1 -0
- package/es/radio/RadioGroup.d.ts +1 -0
- package/es/treeSelect/PropsType.d.ts +85 -0
- package/es/treeSelect/PropsType.js +1 -0
- package/es/treeSelect/TreeSelect.d.ts +4 -0
- package/es/treeSelect/TreeSelect.js +259 -0
- package/es/treeSelect/index.d.ts +5 -0
- package/es/treeSelect/index.js +4 -0
- package/es/treeSelect/style/index.css +149 -0
- package/es/treeSelect/style/var.css +0 -0
- package/es/utils/dom/render.js +12 -30
- package/es/utils/dom/render1.d.ts +9 -0
- package/es/utils/dom/render1.js +85 -0
- package/lib/empty/Network.d.ts +1 -0
- package/lib/index.css +149 -0
- package/lib/index.d.ts +1 -0
- package/lib/index.js +12 -0
- package/lib/index.min.css +1 -1
- package/lib/radio/Radio.d.ts +1 -0
- package/lib/radio/RadioGroup.d.ts +1 -0
- package/lib/treeSelect/PropsType.d.ts +85 -0
- package/lib/treeSelect/PropsType.js +6 -0
- package/lib/treeSelect/TreeSelect.d.ts +4 -0
- package/lib/treeSelect/TreeSelect.js +291 -0
- package/lib/treeSelect/index.d.ts +5 -0
- package/lib/treeSelect/index.js +16 -0
- package/lib/treeSelect/style/index.css +149 -0
- package/lib/treeSelect/style/var.css +0 -0
- package/lib/utils/dom/render.js +20 -32
- package/lib/utils/dom/render1.d.ts +9 -0
- package/lib/utils/dom/render1.js +106 -0
- package/package.json +1 -1
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { __awaiter } from "tslib";
|
|
2
|
+
import * as ReactDOM from 'react-dom';
|
|
3
|
+
// Let compiler not to search module usage
|
|
4
|
+
const fullClone = Object.assign({}, ReactDOM);
|
|
5
|
+
const {
|
|
6
|
+
unmountComponentAtNode
|
|
7
|
+
} = fullClone;
|
|
8
|
+
let createRoot;
|
|
9
|
+
// 确保在React 18+版本中获取createRoot
|
|
10
|
+
if (fullClone.createRoot) {
|
|
11
|
+
createRoot = fullClone.createRoot;
|
|
12
|
+
} else {
|
|
13
|
+
// 如果createRoot不可用,尝试从react-dom/client导入
|
|
14
|
+
try {
|
|
15
|
+
// eslint-disable-next-line @typescript-eslint/no-var-requires
|
|
16
|
+
createRoot = require('react-dom/client').createRoot;
|
|
17
|
+
} catch (e) {
|
|
18
|
+
// 保留原有行为以兼容旧版本
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
function toggleWarning(skip) {
|
|
22
|
+
const {
|
|
23
|
+
__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
|
|
24
|
+
} = fullClone;
|
|
25
|
+
if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && typeof __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === 'object') {
|
|
26
|
+
__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
const MARK = '__react_vant_root__';
|
|
30
|
+
/************* ✨ Windsurf Command ⭐ *************/
|
|
31
|
+
/**
|
|
32
|
+
* 使用ReactDOM.render的替代方案,仅用于旧版本React
|
|
33
|
+
* 如果ReactDOM.render不可用,将降级使用createRoot(如果可用)
|
|
34
|
+
/******* 57770e2e-0e81-41a7-aee6-9175a4a59062 *******/
|
|
35
|
+
function legacyRender(node, container) {
|
|
36
|
+
// 使用ReactDOM.render的替代方案,仅用于旧版本React
|
|
37
|
+
// @ts-ignore
|
|
38
|
+
if (fullClone.render) {
|
|
39
|
+
// @ts-ignore
|
|
40
|
+
fullClone.render(node, container);
|
|
41
|
+
} else {
|
|
42
|
+
// 如果ReactDOM.render不可用,降级使用createRoot(如果可用)
|
|
43
|
+
//@ts-ignore
|
|
44
|
+
if (createRoot) {
|
|
45
|
+
concurrentRender(node, container);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
function concurrentRender(node, container) {
|
|
50
|
+
toggleWarning(true);
|
|
51
|
+
const root = container[MARK] || createRoot(container);
|
|
52
|
+
toggleWarning(false);
|
|
53
|
+
// @ts-ignore
|
|
54
|
+
root.render(node);
|
|
55
|
+
container[MARK] = root;
|
|
56
|
+
}
|
|
57
|
+
export function render(node, container) {
|
|
58
|
+
//@ts-ignore
|
|
59
|
+
if (createRoot) {
|
|
60
|
+
concurrentRender(node, container);
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
legacyRender(node, container);
|
|
64
|
+
}
|
|
65
|
+
// ========================== Unmount =========================
|
|
66
|
+
function legacyUnmount(container) {
|
|
67
|
+
return unmountComponentAtNode(container);
|
|
68
|
+
}
|
|
69
|
+
function concurrentUnmount(container) {
|
|
70
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
71
|
+
// Delay to unmount to avoid React 18 sync warning
|
|
72
|
+
return Promise.resolve().then(() => {
|
|
73
|
+
var _a;
|
|
74
|
+
(_a = container[MARK]) === null || _a === void 0 ? void 0 : _a.unmount();
|
|
75
|
+
delete container[MARK];
|
|
76
|
+
});
|
|
77
|
+
});
|
|
78
|
+
}
|
|
79
|
+
export function unmount(container) {
|
|
80
|
+
//@ts-ignore
|
|
81
|
+
if (createRoot) {
|
|
82
|
+
return concurrentUnmount(container);
|
|
83
|
+
}
|
|
84
|
+
return legacyUnmount(container);
|
|
85
|
+
}
|
package/lib/empty/Network.d.ts
CHANGED
package/lib/index.css
CHANGED
|
@@ -6783,3 +6783,152 @@ ul {
|
|
|
6783
6783
|
width: 100%;
|
|
6784
6784
|
height: 100%;
|
|
6785
6785
|
}
|
|
6786
|
+
:root {
|
|
6787
|
+
--rv-tree-select-font-size: 14px;
|
|
6788
|
+
--rv-tree-select-nav-width: 80px;
|
|
6789
|
+
--rv-tree-select-nav-background-color: var(--rv-gray-1);
|
|
6790
|
+
--rv-tree-select-content-background-color: #fff;
|
|
6791
|
+
--rv-tree-select-nav-item-padding: 14px 12px;
|
|
6792
|
+
--rv-tree-select-item-height: 48px;
|
|
6793
|
+
--rv-tree-select-item-active-color: #f44336;
|
|
6794
|
+
--rv-tree-select-item-disabled-color: #c8c9cc;
|
|
6795
|
+
--rv-tree-select-item-selected-size: 16px;
|
|
6796
|
+
--rv-tree-select-height: 300px;
|
|
6797
|
+
}
|
|
6798
|
+
.rv-tree-select {
|
|
6799
|
+
display: flex;
|
|
6800
|
+
font-size: var(--rv-tree-select-font-size);
|
|
6801
|
+
user-select: none;
|
|
6802
|
+
}
|
|
6803
|
+
.rv-tree-select__nav {
|
|
6804
|
+
flex: none;
|
|
6805
|
+
overflow-y: auto;
|
|
6806
|
+
background-color: var(--rv-tree-select-nav-background-color);
|
|
6807
|
+
-webkit-overflow-scrolling: touch;
|
|
6808
|
+
}
|
|
6809
|
+
.rv-tree-select__nav-item {
|
|
6810
|
+
position: relative;
|
|
6811
|
+
display: flex;
|
|
6812
|
+
align-items: center;
|
|
6813
|
+
padding: var(--rv-tree-select-nav-item-padding);
|
|
6814
|
+
cursor: pointer;
|
|
6815
|
+
transition: background-color 0.2s;
|
|
6816
|
+
}
|
|
6817
|
+
.rv-tree-select__nav-item:active {
|
|
6818
|
+
opacity: 0.7;
|
|
6819
|
+
}
|
|
6820
|
+
.rv-tree-select__nav-item--active {
|
|
6821
|
+
color: var(--rv-tree-select-item-active-color);
|
|
6822
|
+
font-weight: 600;
|
|
6823
|
+
background-color: var(--rv-tree-select-content-background-color);
|
|
6824
|
+
}
|
|
6825
|
+
.rv-tree-select__nav-item--active::before {
|
|
6826
|
+
position: absolute;
|
|
6827
|
+
top: 50%;
|
|
6828
|
+
left: 0;
|
|
6829
|
+
width: 3px;
|
|
6830
|
+
height: 16px;
|
|
6831
|
+
background-color: var(--rv-tree-select-item-active-color);
|
|
6832
|
+
transform: translateY(-50%);
|
|
6833
|
+
content: '';
|
|
6834
|
+
}
|
|
6835
|
+
.rv-tree-select__nav-item--disabled {
|
|
6836
|
+
color: var(--rv-tree-select-item-disabled-color);
|
|
6837
|
+
cursor: not-allowed;
|
|
6838
|
+
}
|
|
6839
|
+
.rv-tree-select__nav-item--disabled:active {
|
|
6840
|
+
opacity: 1;
|
|
6841
|
+
}
|
|
6842
|
+
.rv-tree-select__nav-icon {
|
|
6843
|
+
margin-right: 4px;
|
|
6844
|
+
}
|
|
6845
|
+
.rv-tree-select__nav-text {
|
|
6846
|
+
flex: 1;
|
|
6847
|
+
word-break: break-all;
|
|
6848
|
+
}
|
|
6849
|
+
.rv-tree-select__nav-badge {
|
|
6850
|
+
margin-left: 4px;
|
|
6851
|
+
padding: 0 6px;
|
|
6852
|
+
font-size: 12px;
|
|
6853
|
+
color: #fff;
|
|
6854
|
+
background-color: var(--rv-tree-select-item-active-color);
|
|
6855
|
+
border-radius: 10px;
|
|
6856
|
+
}
|
|
6857
|
+
.rv-tree-select__content {
|
|
6858
|
+
flex: 1;
|
|
6859
|
+
overflow-y: auto;
|
|
6860
|
+
background-color: var(--rv-tree-select-content-background-color);
|
|
6861
|
+
-webkit-overflow-scrolling: touch;
|
|
6862
|
+
}
|
|
6863
|
+
.rv-tree-select__items {
|
|
6864
|
+
padding: 12px 16px;
|
|
6865
|
+
}
|
|
6866
|
+
.rv-tree-select__content-empty {
|
|
6867
|
+
display: flex;
|
|
6868
|
+
align-items: center;
|
|
6869
|
+
justify-content: center;
|
|
6870
|
+
height: 100%;
|
|
6871
|
+
color: var(--rv-tree-select-item-disabled-color);
|
|
6872
|
+
}
|
|
6873
|
+
.rv-tree-select__item-wrapper {
|
|
6874
|
+
margin-bottom: 12px;
|
|
6875
|
+
}
|
|
6876
|
+
.rv-tree-select__item-wrapper:last-child {
|
|
6877
|
+
margin-bottom: 0;
|
|
6878
|
+
}
|
|
6879
|
+
.rv-tree-select__item {
|
|
6880
|
+
position: relative;
|
|
6881
|
+
display: flex;
|
|
6882
|
+
align-items: center;
|
|
6883
|
+
justify-content: space-between;
|
|
6884
|
+
min-height: var(--rv-tree-select-item-height);
|
|
6885
|
+
padding: 10px 12px;
|
|
6886
|
+
background-color: var(--rv-tree-select-nav-background-color);
|
|
6887
|
+
border-radius: 8px;
|
|
6888
|
+
cursor: pointer;
|
|
6889
|
+
transition: all 0.2s;
|
|
6890
|
+
}
|
|
6891
|
+
.rv-tree-select__item:active {
|
|
6892
|
+
opacity: 0.7;
|
|
6893
|
+
}
|
|
6894
|
+
.rv-tree-select__item--active {
|
|
6895
|
+
color: var(--rv-tree-select-item-active-color);
|
|
6896
|
+
background-color: rgba(238, 10, 36, 0.08);
|
|
6897
|
+
font-weight: 500;
|
|
6898
|
+
}
|
|
6899
|
+
.rv-tree-select__item--disabled {
|
|
6900
|
+
color: var(--rv-tree-select-item-disabled-color);
|
|
6901
|
+
cursor: not-allowed;
|
|
6902
|
+
}
|
|
6903
|
+
.rv-tree-select__item--disabled:active {
|
|
6904
|
+
opacity: 1;
|
|
6905
|
+
}
|
|
6906
|
+
.rv-tree-select__item-content {
|
|
6907
|
+
display: flex;
|
|
6908
|
+
align-items: center;
|
|
6909
|
+
flex: 1;
|
|
6910
|
+
}
|
|
6911
|
+
.rv-tree-select__item-icon {
|
|
6912
|
+
margin-right: 8px;
|
|
6913
|
+
display: flex;
|
|
6914
|
+
align-items: center;
|
|
6915
|
+
}
|
|
6916
|
+
.rv-tree-select__item-title {
|
|
6917
|
+
flex: 1;
|
|
6918
|
+
}
|
|
6919
|
+
.rv-tree-select__item-selected-icon {
|
|
6920
|
+
margin-left: 8px;
|
|
6921
|
+
font-size: var(--rv-tree-select-item-selected-size);
|
|
6922
|
+
color: var(--rv-tree-select-item-active-color);
|
|
6923
|
+
}
|
|
6924
|
+
.rv-tree-select__item-checkbox {
|
|
6925
|
+
margin-left: 8px;
|
|
6926
|
+
width: 18px;
|
|
6927
|
+
height: 18px;
|
|
6928
|
+
cursor: pointer;
|
|
6929
|
+
}
|
|
6930
|
+
.rv-tree-select__item-children {
|
|
6931
|
+
margin-top: 8px;
|
|
6932
|
+
padding-left: 20px;
|
|
6933
|
+
border-left: 2px solid var(--rv-tree-select-nav-background-color);
|
|
6934
|
+
}
|
package/lib/index.d.ts
CHANGED
package/lib/index.js
CHANGED
|
@@ -878,4 +878,16 @@ Object.keys(_table).forEach(function (key) {
|
|
|
878
878
|
}
|
|
879
879
|
});
|
|
880
880
|
});
|
|
881
|
+
var _treeSelect = require("./treeSelect");
|
|
882
|
+
Object.keys(_treeSelect).forEach(function (key) {
|
|
883
|
+
if (key === "default" || key === "__esModule") return;
|
|
884
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
885
|
+
if (key in exports && exports[key] === _treeSelect[key]) return;
|
|
886
|
+
Object.defineProperty(exports, key, {
|
|
887
|
+
enumerable: true,
|
|
888
|
+
get: function () {
|
|
889
|
+
return _treeSelect[key];
|
|
890
|
+
}
|
|
891
|
+
});
|
|
892
|
+
});
|
|
881
893
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|