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.
Files changed (41) hide show
  1. package/README.md +2 -2
  2. package/bundle/index.css +149 -0
  3. package/bundle/index.min.css +1 -1
  4. package/bundle/react-vant-nova.es.js +949 -728
  5. package/bundle/react-vant-nova.js +868 -646
  6. package/bundle/react-vant-nova.min.js +2 -2
  7. package/es/empty/Network.d.ts +1 -0
  8. package/es/index.d.ts +1 -0
  9. package/es/index.js +2 -1
  10. package/es/radio/Radio.d.ts +1 -0
  11. package/es/radio/RadioGroup.d.ts +1 -0
  12. package/es/treeSelect/PropsType.d.ts +85 -0
  13. package/es/treeSelect/PropsType.js +1 -0
  14. package/es/treeSelect/TreeSelect.d.ts +4 -0
  15. package/es/treeSelect/TreeSelect.js +259 -0
  16. package/es/treeSelect/index.d.ts +5 -0
  17. package/es/treeSelect/index.js +4 -0
  18. package/es/treeSelect/style/index.css +149 -0
  19. package/es/treeSelect/style/var.css +0 -0
  20. package/es/utils/dom/render.js +12 -30
  21. package/es/utils/dom/render1.d.ts +9 -0
  22. package/es/utils/dom/render1.js +85 -0
  23. package/lib/empty/Network.d.ts +1 -0
  24. package/lib/index.css +149 -0
  25. package/lib/index.d.ts +1 -0
  26. package/lib/index.js +12 -0
  27. package/lib/index.min.css +1 -1
  28. package/lib/radio/Radio.d.ts +1 -0
  29. package/lib/radio/RadioGroup.d.ts +1 -0
  30. package/lib/treeSelect/PropsType.d.ts +85 -0
  31. package/lib/treeSelect/PropsType.js +6 -0
  32. package/lib/treeSelect/TreeSelect.d.ts +4 -0
  33. package/lib/treeSelect/TreeSelect.js +291 -0
  34. package/lib/treeSelect/index.d.ts +5 -0
  35. package/lib/treeSelect/index.js +16 -0
  36. package/lib/treeSelect/style/index.css +149 -0
  37. package/lib/treeSelect/style/var.css +0 -0
  38. package/lib/utils/dom/render.js +20 -32
  39. package/lib/utils/dom/render1.d.ts +9 -0
  40. package/lib/utils/dom/render1.js +106 -0
  41. 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
+ }
@@ -1 +1,2 @@
1
+ /// <reference types="react" />
1
2
  export declare const Network: JSX.Element;
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
@@ -72,3 +72,4 @@ export * from './floating-ball';
72
72
  export * from './water-mark';
73
73
  export * from './floating-panel';
74
74
  export * from './table';
75
+ export * from './treeSelect';
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 }; }