mirror of
https://github.com/lowdefy/lowdefy.git
synced 2025-04-06 15:30:30 +08:00
Merge pull request #1134 from lowdefy/fix-docs
Docs fixes and replace color selectors with single color selector using react-colorful.
This commit is contained in:
Sam
GitHub
commit
890cce4e09
2
.github/workflows/test-branches.yml
vendored
2
.github/workflows/test-branches.yml
vendored
@ -22,7 +22,7 @@ jobs:
|
||||
run: yarn build
|
||||
# format tests don't pass on node 12 since icu is missing and tests don't work with locales
|
||||
- name: Test packages
|
||||
run: yarn test --ignore='@lowdefy/format'
|
||||
run: yarn test --ignore='@lowdefy/engine' --ignore='@lowdefy/format' --ignore='@lowdefy/blocks-*' --ignore='@lowdefy/plugin-aws'
|
||||
- name: Upload coverage to codecov
|
||||
run: bash <(curl -s https://codecov.io/bash)
|
||||
- name: Upload coverage to codeclimate
|
||||
|
||||
2
.github/workflows/test-pulls.yml
vendored
2
.github/workflows/test-pulls.yml
vendored
@ -19,7 +19,7 @@ jobs:
|
||||
run: yarn build
|
||||
|
||||
- name: Test packages
|
||||
run: yarn test --ignore='@lowdefy/engine' --ignore='@lowdefy/blocks-*' --ignore='@lowdefy/plugin-aws'
|
||||
run: yarn test --ignore='@lowdefy/engine' --ignore='@lowdefy/format' --ignore='@lowdefy/blocks-*' --ignore='@lowdefy/plugin-aws'
|
||||
|
||||
- name: Upload coverage to codecov
|
||||
run: bash <(curl -s https://codecov.io/bash)
|
||||
|
||||
178
.pnp.cjs
generated
178
.pnp.cjs
generated
@ -263,17 +263,17 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
],
|
||||
"linkType": "SOFT",
|
||||
}],
|
||||
["virtual:f494f6d4e058cb1c8a3b456f6099aff9bd740d65abfc014377b7a3f1e34fcb35eb64a962e127c8bfbedaa0555175b6f2cdc47011e32e2fb5f081d7d32f526c78#npm:4.7.0", {
|
||||
"packageLocation": "./.yarn/__virtual__/@ant-design-icons-virtual-7e3863ece0/0/cache/@ant-design-icons-npm-4.7.0-8ad06c46c5-4264d38e6b.zip/node_modules/@ant-design/icons/",
|
||||
["virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:4.7.0", {
|
||||
"packageLocation": "./.yarn/__virtual__/@ant-design-icons-virtual-168cfd14dd/0/cache/@ant-design-icons-npm-4.7.0-8ad06c46c5-4264d38e6b.zip/node_modules/@ant-design/icons/",
|
||||
"packageDependencies": [
|
||||
["@ant-design/icons", "virtual:f494f6d4e058cb1c8a3b456f6099aff9bd740d65abfc014377b7a3f1e34fcb35eb64a962e127c8bfbedaa0555175b6f2cdc47011e32e2fb5f081d7d32f526c78#npm:4.7.0"],
|
||||
["@ant-design/icons", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:4.7.0"],
|
||||
["@ant-design/colors", "npm:6.0.0"],
|
||||
["@ant-design/icons-svg", "npm:4.2.1"],
|
||||
["@babel/runtime", "npm:7.16.7"],
|
||||
["@types/react", null],
|
||||
["@types/react-dom", null],
|
||||
["classnames", "npm:2.3.1"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
],
|
||||
@ -1645,28 +1645,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
"linkType": "HARD",
|
||||
}]
|
||||
]],
|
||||
["@icons/material", [
|
||||
["npm:0.2.4", {
|
||||
"packageLocation": "./.yarn/cache/@icons-material-npm-0.2.4-7c2363ec33-24baa360cb.zip/node_modules/@icons/material/",
|
||||
"packageDependencies": [
|
||||
["@icons/material", "npm:0.2.4"]
|
||||
],
|
||||
"linkType": "SOFT",
|
||||
}],
|
||||
["virtual:21da8d308c9b6d58324a3cae04b89069ff912cd1f595ab3cd4aa2756d304f55c57bdcf292af5c1bd4671895eaceb0ecedb2079087eeeccb09d782fe32fe9c2d9#npm:0.2.4", {
|
||||
"packageLocation": "./.yarn/__virtual__/@icons-material-virtual-8b7f80641a/0/cache/@icons-material-npm-0.2.4-7c2363ec33-24baa360cb.zip/node_modules/@icons/material/",
|
||||
"packageDependencies": [
|
||||
["@icons/material", "virtual:21da8d308c9b6d58324a3cae04b89069ff912cd1f595ab3cd4aa2756d304f55c57bdcf292af5c1bd4671895eaceb0ecedb2079087eeeccb09d782fe32fe9c2d9#npm:0.2.4"],
|
||||
["@types/react", null],
|
||||
["react", "npm:17.0.2"]
|
||||
],
|
||||
"packagePeers": [
|
||||
"@types/react",
|
||||
"react"
|
||||
],
|
||||
"linkType": "HARD",
|
||||
}]
|
||||
]],
|
||||
["@istanbuljs/load-nyc-config", [
|
||||
["npm:1.1.0", {
|
||||
"packageLocation": "./.yarn/cache/@istanbuljs-load-nyc-config-npm-1.1.0-42d17c9cb1-d578da5e2e.zip/node_modules/@istanbuljs/load-nyc-config/",
|
||||
@ -2880,6 +2858,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
"packageLocation": "./packages/utils/block-utils/",
|
||||
"packageDependencies": [
|
||||
["@lowdefy/block-utils", "workspace:packages/utils/block-utils"],
|
||||
["@ant-design/icons", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:4.7.0"],
|
||||
["@emotion/css", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:11.7.1"],
|
||||
["@emotion/jest", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:11.7.1"],
|
||||
["@emotion/react", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:11.7.1"],
|
||||
@ -2905,7 +2884,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
"packageLocation": "./packages/plugins/blocks/blocks-antd/",
|
||||
"packageDependencies": [
|
||||
["@lowdefy/blocks-antd", "workspace:packages/plugins/blocks/blocks-antd"],
|
||||
["@ant-design/icons", "virtual:f494f6d4e058cb1c8a3b456f6099aff9bd740d65abfc014377b7a3f1e34fcb35eb64a962e127c8bfbedaa0555175b6f2cdc47011e32e2fb5f081d7d32f526c78#npm:4.7.0"],
|
||||
["@ant-design/icons", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:4.7.0"],
|
||||
["@emotion/jest", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:11.7.1"],
|
||||
["@lowdefy/block-dev", "workspace:packages/utils/block-dev"],
|
||||
["@lowdefy/block-utils", "workspace:packages/utils/block-utils"],
|
||||
@ -2973,13 +2952,14 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["@testing-library/dom", "npm:8.11.3"],
|
||||
["@testing-library/react", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:13.0.0-alpha.4"],
|
||||
["@testing-library/user-event", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:14.0.0-alpha.14"],
|
||||
["classnames", "npm:2.3.1"],
|
||||
["copyfiles", "npm:2.4.1"],
|
||||
["jest", "virtual:babee6e81435a5d101529cd67f2c6b175f4db37a4ab0b58df15adf73dd11be8917ac14caf44ab4e6882a92c61661055072365b349016e85173e049f006fc2305#npm:27.5.1"],
|
||||
["jest-canvas-mock", "npm:2.3.1"],
|
||||
["jest-serializer-html", "npm:7.1.0"],
|
||||
["jest-transform-yaml", "npm:1.0.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-color", "virtual:0a20b9e617aa1128697d85dfc1773d0700f9410e369eeafa43bd745df98493fae6fb5b64e239c92296cab367dcf36c9f5f6d5f5c4ddec8933a9e30fac84ddeed#npm:2.19.3"],
|
||||
["react-colorful", "virtual:0a20b9e617aa1128697d85dfc1773d0700f9410e369eeafa43bd745df98493fae6fb5b64e239c92296cab367dcf36c9f5f6d5f5c4ddec8933a9e30fac84ddeed#npm:5.5.1"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
],
|
||||
"linkType": "SOFT",
|
||||
@ -5362,7 +5342,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
"packageDependencies": [
|
||||
["antd", "virtual:f494f6d4e058cb1c8a3b456f6099aff9bd740d65abfc014377b7a3f1e34fcb35eb64a962e127c8bfbedaa0555175b6f2cdc47011e32e2fb5f081d7d32f526c78#npm:4.18.2"],
|
||||
["@ant-design/colors", "npm:6.0.0"],
|
||||
["@ant-design/icons", "virtual:f494f6d4e058cb1c8a3b456f6099aff9bd740d65abfc014377b7a3f1e34fcb35eb64a962e127c8bfbedaa0555175b6f2cdc47011e32e2fb5f081d7d32f526c78#npm:4.7.0"],
|
||||
["@ant-design/icons", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:4.7.0"],
|
||||
["@ant-design/react-slick", "virtual:caddce747241c88958e039daadd2596eb7c11034e7ef35655f4f28f4496d3c6f1fc47b71417570ca9d8f270e1029349bbe942266aaa5cde8b29aef95b1038892#npm:0.28.4"],
|
||||
["@babel/runtime", "npm:7.16.7"],
|
||||
["@ctrl/tinycolor", "npm:3.4.0"],
|
||||
@ -5404,7 +5384,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["rc-tree-select", "virtual:caddce747241c88958e039daadd2596eb7c11034e7ef35655f4f28f4496d3c6f1fc47b71417570ca9d8f270e1029349bbe942266aaa5cde8b29aef95b1038892#npm:5.0.0-alpha.4"],
|
||||
["rc-trigger", "virtual:caddce747241c88958e039daadd2596eb7c11034e7ef35655f4f28f4496d3c6f1fc47b71417570ca9d8f270e1029349bbe942266aaa5cde8b29aef95b1038892#npm:5.2.10"],
|
||||
["rc-upload", "virtual:caddce747241c88958e039daadd2596eb7c11034e7ef35655f4f28f4496d3c6f1fc47b71417570ca9d8f270e1029349bbe942266aaa5cde8b29aef95b1038892#npm:4.3.3"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"],
|
||||
["scroll-into-view-if-needed", "npm:2.2.29"]
|
||||
@ -11821,15 +11801,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
"linkType": "HARD",
|
||||
}]
|
||||
]],
|
||||
["lodash-es", [
|
||||
["npm:4.17.21", {
|
||||
"packageLocation": "./.yarn/cache/lodash-es-npm-4.17.21-b45832dfce-05cbffad6e.zip/node_modules/lodash-es/",
|
||||
"packageDependencies": [
|
||||
["lodash-es", "npm:4.17.21"]
|
||||
],
|
||||
"linkType": "HARD",
|
||||
}]
|
||||
]],
|
||||
["lodash._reinterpolate", [
|
||||
["npm:3.0.0", {
|
||||
"packageLocation": "./.yarn/cache/lodash._reinterpolate-npm-3.0.0-3c62ca439e-06d2d5f331.zip/node_modules/lodash._reinterpolate/",
|
||||
@ -12153,15 +12124,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
"linkType": "HARD",
|
||||
}]
|
||||
]],
|
||||
["material-colors", [
|
||||
["npm:1.2.6", {
|
||||
"packageLocation": "./.yarn/cache/material-colors-npm-1.2.6-38f7e3d1c1-72d005cccc.zip/node_modules/material-colors/",
|
||||
"packageDependencies": [
|
||||
["material-colors", "npm:1.2.6"]
|
||||
],
|
||||
"linkType": "HARD",
|
||||
}]
|
||||
]],
|
||||
["md5-file", [
|
||||
["npm:5.0.0", {
|
||||
"packageLocation": "./.yarn/cache/md5-file-npm-5.0.0-e5f59abc62-c606a00ff5.zip/node_modules/md5-file/",
|
||||
@ -15216,7 +15178,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["classnames", "npm:2.3.1"],
|
||||
["dom-align", "npm:1.12.2"],
|
||||
["lodash", "npm:4.17.21"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"],
|
||||
["resize-observer-polyfill", "npm:1.5.1"]
|
||||
@ -15249,7 +15211,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["classnames", "npm:2.3.1"],
|
||||
["rc-select", "virtual:caddce747241c88958e039daadd2596eb7c11034e7ef35655f4f28f4496d3c6f1fc47b71417570ca9d8f270e1029349bbe942266aaa5cde8b29aef95b1038892#npm:14.0.0-alpha.26"],
|
||||
["rc-tree", "virtual:5cbeddbd8d40fd27744ac5bdca3d9c78264e0215780f1acaec203007d4b8b9a2b8d7ca06c3ba60bc09f45c2b2a6810a13a3fc52fd1d0d749ad27d151bb04a198#npm:5.4.3"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
],
|
||||
@ -15307,7 +15269,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["@types/react-dom", null],
|
||||
["classnames", "npm:2.3.1"],
|
||||
["rc-motion", "virtual:f494f6d4e058cb1c8a3b456f6099aff9bd740d65abfc014377b7a3f1e34fcb35eb64a962e127c8bfbedaa0555175b6f2cdc47011e32e2fb5f081d7d32f526c78#npm:2.4.4"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"],
|
||||
["shallowequal", "npm:1.1.0"]
|
||||
@ -15338,7 +15300,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["@types/react-dom", null],
|
||||
["classnames", "npm:2.3.1"],
|
||||
["rc-motion", "virtual:f494f6d4e058cb1c8a3b456f6099aff9bd740d65abfc014377b7a3f1e34fcb35eb64a962e127c8bfbedaa0555175b6f2cdc47011e32e2fb5f081d7d32f526c78#npm:2.4.4"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
],
|
||||
@ -15367,7 +15329,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["@types/react", null],
|
||||
["@types/react-dom", null],
|
||||
["classnames", "npm:2.3.1"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
],
|
||||
@ -15404,7 +15366,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["@types/react-dom", null],
|
||||
["classnames", "npm:2.3.1"],
|
||||
["rc-trigger", "virtual:caddce747241c88958e039daadd2596eb7c11034e7ef35655f4f28f4496d3c6f1fc47b71417570ca9d8f270e1029349bbe942266aaa5cde8b29aef95b1038892#npm:5.2.10"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
],
|
||||
@ -15425,7 +15387,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["@types/react-dom", null],
|
||||
["classnames", "npm:2.3.1"],
|
||||
["rc-trigger", "virtual:caddce747241c88958e039daadd2596eb7c11034e7ef35655f4f28f4496d3c6f1fc47b71417570ca9d8f270e1029349bbe942266aaa5cde8b29aef95b1038892#npm:5.2.10"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
],
|
||||
@ -15454,7 +15416,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["@types/react", null],
|
||||
["@types/react-dom", null],
|
||||
["async-validator", "npm:4.0.7"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
],
|
||||
@ -15484,7 +15446,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["@types/react-dom", null],
|
||||
["classnames", "npm:2.3.1"],
|
||||
["rc-dialog", "virtual:caddce747241c88958e039daadd2596eb7c11034e7ef35655f4f28f4496d3c6f1fc47b71417570ca9d8f270e1029349bbe942266aaa5cde8b29aef95b1038892#npm:8.6.0"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
],
|
||||
@ -15513,7 +15475,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["@types/react", null],
|
||||
["@types/react-dom", null],
|
||||
["classnames", "npm:2.3.1"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
],
|
||||
@ -15545,7 +15507,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["rc-menu", "virtual:9b08d0103ed0c41ecbb29b80c7f0952f56690458541bdc3b40a8f6e2141ab5571d8e667fc0cbc7e816e99c60fd695931aea6d23c3e10f2a63ed283fcb22856fc#npm:9.3.2"],
|
||||
["rc-textarea", "virtual:caddce747241c88958e039daadd2596eb7c11034e7ef35655f4f28f4496d3c6f1fc47b71417570ca9d8f270e1029349bbe942266aaa5cde8b29aef95b1038892#npm:0.3.7"],
|
||||
["rc-trigger", "virtual:caddce747241c88958e039daadd2596eb7c11034e7ef35655f4f28f4496d3c6f1fc47b71417570ca9d8f270e1029349bbe942266aaa5cde8b29aef95b1038892#npm:5.2.10"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
],
|
||||
@ -15584,7 +15546,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["rc-motion", "virtual:f494f6d4e058cb1c8a3b456f6099aff9bd740d65abfc014377b7a3f1e34fcb35eb64a962e127c8bfbedaa0555175b6f2cdc47011e32e2fb5f081d7d32f526c78#npm:2.4.4"],
|
||||
["rc-overflow", "virtual:f3201355e275fc367612b99835082bfe45b71743479bb8e7dc6b1a0e6ec3b97ac5d71b86ce2047f12fdd63e0e5db39a42431dac4589da3fdb850f063190fb24a#npm:1.2.2"],
|
||||
["rc-trigger", "virtual:caddce747241c88958e039daadd2596eb7c11034e7ef35655f4f28f4496d3c6f1fc47b71417570ca9d8f270e1029349bbe942266aaa5cde8b29aef95b1038892#npm:5.2.10"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"],
|
||||
["shallowequal", "npm:1.1.0"]
|
||||
@ -15608,7 +15570,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["rc-motion", "virtual:f494f6d4e058cb1c8a3b456f6099aff9bd740d65abfc014377b7a3f1e34fcb35eb64a962e127c8bfbedaa0555175b6f2cdc47011e32e2fb5f081d7d32f526c78#npm:2.4.4"],
|
||||
["rc-overflow", "virtual:f3201355e275fc367612b99835082bfe45b71743479bb8e7dc6b1a0e6ec3b97ac5d71b86ce2047f12fdd63e0e5db39a42431dac4589da3fdb850f063190fb24a#npm:1.2.2"],
|
||||
["rc-trigger", "virtual:caddce747241c88958e039daadd2596eb7c11034e7ef35655f4f28f4496d3c6f1fc47b71417570ca9d8f270e1029349bbe942266aaa5cde8b29aef95b1038892#npm:5.2.10"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"],
|
||||
["shallowequal", "npm:1.1.0"]
|
||||
@ -15638,7 +15600,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["@types/react", null],
|
||||
["@types/react-dom", null],
|
||||
["classnames", "npm:2.3.1"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
],
|
||||
@ -15668,7 +15630,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["@types/react-dom", null],
|
||||
["classnames", "npm:2.3.1"],
|
||||
["rc-motion", "virtual:f494f6d4e058cb1c8a3b456f6099aff9bd740d65abfc014377b7a3f1e34fcb35eb64a962e127c8bfbedaa0555175b6f2cdc47011e32e2fb5f081d7d32f526c78#npm:2.4.4"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
],
|
||||
@ -15698,7 +15660,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["@types/react-dom", null],
|
||||
["classnames", "npm:2.3.1"],
|
||||
["rc-resize-observer", "virtual:caddce747241c88958e039daadd2596eb7c11034e7ef35655f4f28f4496d3c6f1fc47b71417570ca9d8f270e1029349bbe942266aaa5cde8b29aef95b1038892#npm:1.2.0"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
],
|
||||
@ -15759,7 +15721,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["dayjs", "npm:1.10.7"],
|
||||
["moment", "npm:2.29.1"],
|
||||
["rc-trigger", "virtual:caddce747241c88958e039daadd2596eb7c11034e7ef35655f4f28f4496d3c6f1fc47b71417570ca9d8f270e1029349bbe942266aaa5cde8b29aef95b1038892#npm:5.2.10"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"],
|
||||
["shallowequal", "npm:1.1.0"]
|
||||
@ -15789,7 +15751,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["@types/react", null],
|
||||
["@types/react-dom", null],
|
||||
["classnames", "npm:2.3.1"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
],
|
||||
@ -15818,7 +15780,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["@types/react", null],
|
||||
["@types/react-dom", null],
|
||||
["classnames", "npm:2.3.1"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
],
|
||||
@ -15847,7 +15809,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["@types/react", null],
|
||||
["@types/react-dom", null],
|
||||
["classnames", "npm:2.3.1"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"],
|
||||
["resize-observer-polyfill", "npm:1.5.1"]
|
||||
@ -15880,7 +15842,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["rc-motion", "virtual:f494f6d4e058cb1c8a3b456f6099aff9bd740d65abfc014377b7a3f1e34fcb35eb64a962e127c8bfbedaa0555175b6f2cdc47011e32e2fb5f081d7d32f526c78#npm:2.4.4"],
|
||||
["rc-overflow", "virtual:f3201355e275fc367612b99835082bfe45b71743479bb8e7dc6b1a0e6ec3b97ac5d71b86ce2047f12fdd63e0e5db39a42431dac4589da3fdb850f063190fb24a#npm:1.2.2"],
|
||||
["rc-trigger", "virtual:caddce747241c88958e039daadd2596eb7c11034e7ef35655f4f28f4496d3c6f1fc47b71417570ca9d8f270e1029349bbe942266aaa5cde8b29aef95b1038892#npm:5.2.10"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["rc-virtual-list", "virtual:d0ef4ef4df8c18d930d669f36c367285d6797d2976508bea42f22f1b9ec914504bc240ade5dc2e1948c03a2acd136deb6f35e8e33b5236018dd4348224dd538a#npm:3.4.2"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
@ -15911,7 +15873,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["@types/react-dom", null],
|
||||
["classnames", "npm:2.3.1"],
|
||||
["rc-tooltip", "virtual:caddce747241c88958e039daadd2596eb7c11034e7ef35655f4f28f4496d3c6f1fc47b71417570ca9d8f270e1029349bbe942266aaa5cde8b29aef95b1038892#npm:5.1.1"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"],
|
||||
["shallowequal", "npm:1.1.0"]
|
||||
@ -15941,7 +15903,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["@types/react", null],
|
||||
["@types/react-dom", null],
|
||||
["classnames", "npm:2.3.1"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
],
|
||||
@ -15970,7 +15932,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["@types/react", null],
|
||||
["@types/react-dom", null],
|
||||
["classnames", "npm:2.3.1"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
],
|
||||
@ -16000,7 +15962,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["@types/react-dom", null],
|
||||
["classnames", "npm:2.3.1"],
|
||||
["rc-resize-observer", "virtual:caddce747241c88958e039daadd2596eb7c11034e7ef35655f4f28f4496d3c6f1fc47b71417570ca9d8f270e1029349bbe942266aaa5cde8b29aef95b1038892#npm:1.2.0"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"],
|
||||
["shallowequal", "npm:1.1.0"]
|
||||
@ -16033,7 +15995,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["rc-dropdown", "virtual:6177bf62ab342574edbf06853562f14ff0b0d4374742901464f5854325cb786053de94a4bdd4f1901a8f06b14b9e1cd8aa9d26d5858f1f39508db3264a529fcb#npm:3.3.0"],
|
||||
["rc-menu", "virtual:9b08d0103ed0c41ecbb29b80c7f0952f56690458541bdc3b40a8f6e2141ab5571d8e667fc0cbc7e816e99c60fd695931aea6d23c3e10f2a63ed283fcb22856fc#npm:9.3.2"],
|
||||
["rc-resize-observer", "virtual:caddce747241c88958e039daadd2596eb7c11034e7ef35655f4f28f4496d3c6f1fc47b71417570ca9d8f270e1029349bbe942266aaa5cde8b29aef95b1038892#npm:1.2.0"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
],
|
||||
@ -16063,7 +16025,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["@types/react-dom", null],
|
||||
["classnames", "npm:2.3.1"],
|
||||
["rc-resize-observer", "virtual:caddce747241c88958e039daadd2596eb7c11034e7ef35655f4f28f4496d3c6f1fc47b71417570ca9d8f270e1029349bbe942266aaa5cde8b29aef95b1038892#npm:1.2.0"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"],
|
||||
["shallowequal", "npm:1.1.0"]
|
||||
@ -16129,7 +16091,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["@types/react-dom", null],
|
||||
["classnames", "npm:2.3.1"],
|
||||
["rc-motion", "virtual:f494f6d4e058cb1c8a3b456f6099aff9bd740d65abfc014377b7a3f1e34fcb35eb64a962e127c8bfbedaa0555175b6f2cdc47011e32e2fb5f081d7d32f526c78#npm:2.4.4"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["rc-virtual-list", "virtual:d0ef4ef4df8c18d930d669f36c367285d6797d2976508bea42f22f1b9ec914504bc240ade5dc2e1948c03a2acd136deb6f35e8e33b5236018dd4348224dd538a#npm:3.4.2"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
@ -16151,7 +16113,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["@types/react-dom", null],
|
||||
["classnames", "npm:2.3.1"],
|
||||
["rc-motion", "virtual:f494f6d4e058cb1c8a3b456f6099aff9bd740d65abfc014377b7a3f1e34fcb35eb64a962e127c8bfbedaa0555175b6f2cdc47011e32e2fb5f081d7d32f526c78#npm:2.4.4"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["rc-virtual-list", "virtual:d0ef4ef4df8c18d930d669f36c367285d6797d2976508bea42f22f1b9ec914504bc240ade5dc2e1948c03a2acd136deb6f35e8e33b5236018dd4348224dd538a#npm:3.4.2"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
@ -16183,7 +16145,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["classnames", "npm:2.3.1"],
|
||||
["rc-select", "virtual:caddce747241c88958e039daadd2596eb7c11034e7ef35655f4f28f4496d3c6f1fc47b71417570ca9d8f270e1029349bbe942266aaa5cde8b29aef95b1038892#npm:14.0.0-alpha.26"],
|
||||
["rc-tree", "virtual:caddce747241c88958e039daadd2596eb7c11034e7ef35655f4f28f4496d3c6f1fc47b71417570ca9d8f270e1029349bbe942266aaa5cde8b29aef95b1038892#npm:5.3.8"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
],
|
||||
@ -16214,7 +16176,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["classnames", "npm:2.3.1"],
|
||||
["rc-align", "virtual:a0cde20e0292ef25046285d3616cd7818b95042e3e1ad7ee881431733a28b26e007e8954fb488816772fc720a44a1a192eb293856137e3207c3ad080e640b018#npm:4.0.11"],
|
||||
["rc-motion", "virtual:f494f6d4e058cb1c8a3b456f6099aff9bd740d65abfc014377b7a3f1e34fcb35eb64a962e127c8bfbedaa0555175b6f2cdc47011e32e2fb5f081d7d32f526c78#npm:2.4.4"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
],
|
||||
@ -16243,7 +16205,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["@types/react", null],
|
||||
["@types/react-dom", null],
|
||||
["classnames", "npm:2.3.1"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
],
|
||||
@ -16264,10 +16226,10 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
],
|
||||
"linkType": "SOFT",
|
||||
}],
|
||||
["virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0", {
|
||||
"packageLocation": "./.yarn/__virtual__/rc-util-virtual-5738260a62/0/cache/rc-util-npm-5.17.0-4477bf5307-c6f083742e.zip/node_modules/rc-util/",
|
||||
["virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0", {
|
||||
"packageLocation": "./.yarn/__virtual__/rc-util-virtual-c6747a1499/0/cache/rc-util-npm-5.17.0-4477bf5307-c6f083742e.zip/node_modules/rc-util/",
|
||||
"packageDependencies": [
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["@babel/runtime", "npm:7.16.7"],
|
||||
["@types/react", null],
|
||||
["@types/react-dom", null],
|
||||
@ -16301,7 +16263,7 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
["@types/react-dom", null],
|
||||
["classnames", "npm:2.3.1"],
|
||||
["rc-resize-observer", "virtual:caddce747241c88958e039daadd2596eb7c11034e7ef35655f4f28f4496d3c6f1fc47b71417570ca9d8f270e1029349bbe942266aaa5cde8b29aef95b1038892#npm:1.2.0"],
|
||||
["rc-util", "virtual:7e3863ece061dda54214da8dfaaa3f3663891078cb856975c7f9148a6d7b3bd1799941ca573699ce564591ced647a40f68190f57334e0215ccb39d95b04e29d6#npm:5.17.0"],
|
||||
["rc-util", "virtual:168cfd14dd9e71b0423112848f69380ff1f0f5dffd5be83d150031464f8b398ca894fd5b87337ea7fc74ec2ed290ef92e6bd13f03f172c30eabf0a35fb94d97e#npm:5.17.0"],
|
||||
["react", "npm:17.0.2"],
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
],
|
||||
@ -16325,30 +16287,27 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
"linkType": "HARD",
|
||||
}]
|
||||
]],
|
||||
["react-color", [
|
||||
["npm:2.19.3", {
|
||||
"packageLocation": "./.yarn/cache/react-color-npm-2.19.3-d63f96d772-40b49e1aa2.zip/node_modules/react-color/",
|
||||
["react-colorful", [
|
||||
["npm:5.5.1", {
|
||||
"packageLocation": "./.yarn/cache/react-colorful-npm-5.5.1-284c645240-e608117817.zip/node_modules/react-colorful/",
|
||||
"packageDependencies": [
|
||||
["react-color", "npm:2.19.3"]
|
||||
["react-colorful", "npm:5.5.1"]
|
||||
],
|
||||
"linkType": "SOFT",
|
||||
}],
|
||||
["virtual:0a20b9e617aa1128697d85dfc1773d0700f9410e369eeafa43bd745df98493fae6fb5b64e239c92296cab367dcf36c9f5f6d5f5c4ddec8933a9e30fac84ddeed#npm:2.19.3", {
|
||||
"packageLocation": "./.yarn/__virtual__/react-color-virtual-21da8d308c/0/cache/react-color-npm-2.19.3-d63f96d772-40b49e1aa2.zip/node_modules/react-color/",
|
||||
["virtual:0a20b9e617aa1128697d85dfc1773d0700f9410e369eeafa43bd745df98493fae6fb5b64e239c92296cab367dcf36c9f5f6d5f5c4ddec8933a9e30fac84ddeed#npm:5.5.1", {
|
||||
"packageLocation": "./.yarn/__virtual__/react-colorful-virtual-5f184e2ae3/0/cache/react-colorful-npm-5.5.1-284c645240-e608117817.zip/node_modules/react-colorful/",
|
||||
"packageDependencies": [
|
||||
["react-color", "virtual:0a20b9e617aa1128697d85dfc1773d0700f9410e369eeafa43bd745df98493fae6fb5b64e239c92296cab367dcf36c9f5f6d5f5c4ddec8933a9e30fac84ddeed#npm:2.19.3"],
|
||||
["@icons/material", "virtual:21da8d308c9b6d58324a3cae04b89069ff912cd1f595ab3cd4aa2756d304f55c57bdcf292af5c1bd4671895eaceb0ecedb2079087eeeccb09d782fe32fe9c2d9#npm:0.2.4"],
|
||||
["react-colorful", "virtual:0a20b9e617aa1128697d85dfc1773d0700f9410e369eeafa43bd745df98493fae6fb5b64e239c92296cab367dcf36c9f5f6d5f5c4ddec8933a9e30fac84ddeed#npm:5.5.1"],
|
||||
["@types/react", null],
|
||||
["lodash", "npm:4.17.21"],
|
||||
["lodash-es", "npm:4.17.21"],
|
||||
["material-colors", "npm:1.2.6"],
|
||||
["prop-types", "npm:15.8.1"],
|
||||
["@types/react-dom", null],
|
||||
["react", "npm:17.0.2"],
|
||||
["reactcss", "virtual:21da8d308c9b6d58324a3cae04b89069ff912cd1f595ab3cd4aa2756d304f55c57bdcf292af5c1bd4671895eaceb0ecedb2079087eeeccb09d782fe32fe9c2d9#npm:1.2.3"],
|
||||
["tinycolor2", "npm:1.4.2"]
|
||||
["react-dom", "virtual:573fe255dffc9c89f4f7aa60da718603753ee98acc55d6772bbd0ebdcf07f9183fb8e54b4f3f2246c538a14ead402db8d2e076039c667d1538702638a0cc87b8#npm:17.0.2"]
|
||||
],
|
||||
"packagePeers": [
|
||||
"@types/react-dom",
|
||||
"@types/react",
|
||||
"react-dom",
|
||||
"react"
|
||||
],
|
||||
"linkType": "HARD",
|
||||
@ -16480,29 +16439,6 @@ function $$SETUP_STATE(hydrateRuntimeState, basePath) {
|
||||
"linkType": "HARD",
|
||||
}]
|
||||
]],
|
||||
["reactcss", [
|
||||
["npm:1.2.3", {
|
||||
"packageLocation": "./.yarn/cache/reactcss-npm-1.2.3-16f7947bcd-c53e386a08.zip/node_modules/reactcss/",
|
||||
"packageDependencies": [
|
||||
["reactcss", "npm:1.2.3"]
|
||||
],
|
||||
"linkType": "SOFT",
|
||||
}],
|
||||
["virtual:21da8d308c9b6d58324a3cae04b89069ff912cd1f595ab3cd4aa2756d304f55c57bdcf292af5c1bd4671895eaceb0ecedb2079087eeeccb09d782fe32fe9c2d9#npm:1.2.3", {
|
||||
"packageLocation": "./.yarn/__virtual__/reactcss-virtual-f860e02122/0/cache/reactcss-npm-1.2.3-16f7947bcd-c53e386a08.zip/node_modules/reactcss/",
|
||||
"packageDependencies": [
|
||||
["reactcss", "virtual:21da8d308c9b6d58324a3cae04b89069ff912cd1f595ab3cd4aa2756d304f55c57bdcf292af5c1bd4671895eaceb0ecedb2079087eeeccb09d782fe32fe9c2d9#npm:1.2.3"],
|
||||
["@types/react", null],
|
||||
["lodash", "npm:4.17.21"],
|
||||
["react", "npm:17.0.2"]
|
||||
],
|
||||
"packagePeers": [
|
||||
"@types/react",
|
||||
"react"
|
||||
],
|
||||
"linkType": "HARD",
|
||||
}]
|
||||
]],
|
||||
["read", [
|
||||
["npm:1.0.7", {
|
||||
"packageLocation": "./.yarn/cache/read-npm-1.0.7-950ec74ca8-2777c254e5.zip/node_modules/read/",
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
.yarn/cache/react-colorful-npm-5.5.1-284c645240-e608117817.zip
vendored
Normal file
BIN
.yarn/cache/react-colorful-npm-5.5.1-284c645240-e608117817.zip
vendored
Normal file
Binary file not shown.
Binary file not shown.
@ -106,7 +106,7 @@
|
||||
- { label: 'CalculatorOutlined', value: 'CalculatorOutlined' }
|
||||
- { label: 'CalculatorTwoTone', value: 'CalculatorTwoTone' }
|
||||
- { label: 'CalendarFilled', value: 'CalendarFilled' }
|
||||
- { label: 'CalendarOutlined', value: 'CalendarOutlined' }
|
||||
- { label: 'AiOutlineCalendar', value: 'AiOutlineCalendar' }
|
||||
- { label: 'CalendarTwoTone', value: 'CalendarTwoTone' }
|
||||
- { label: 'CameraFilled', value: 'CameraFilled' }
|
||||
- { label: 'CameraOutlined', value: 'CameraOutlined' }
|
||||
@ -340,7 +340,7 @@
|
||||
- { label: 'FilterOutlined', value: 'FilterOutlined' }
|
||||
- { label: 'FilterTwoTone', value: 'FilterTwoTone' }
|
||||
- { label: 'FireFilled', value: 'FireFilled' }
|
||||
- { label: 'FireOutlined', value: 'FireOutlined' }
|
||||
- { label: 'AiOutlineFire', value: 'AiOutlineFire' }
|
||||
- { label: 'FireTwoTone', value: 'FireTwoTone' }
|
||||
- { label: 'FlagFilled', value: 'FlagFilled' }
|
||||
- { label: 'FlagOutlined', value: 'FlagOutlined' }
|
||||
@ -371,7 +371,10 @@
|
||||
- { label: 'FunctionOutlined', value: 'FunctionOutlined' }
|
||||
- { label: 'FundFilled', value: 'FundFilled' }
|
||||
- { label: 'FundOutlined', value: 'FundOutlined' }
|
||||
- { label: 'FundProjectionScreenOutlined', value: 'FundProjectionScreenOutlined' }
|
||||
- {
|
||||
label: 'FundProjectionScreenOutlined',
|
||||
value: 'FundProjectionScreenOutlined',
|
||||
}
|
||||
- { label: 'FundTwoTone', value: 'FundTwoTone' }
|
||||
- { label: 'FundViewOutlined', value: 'FundViewOutlined' }
|
||||
- { label: 'FunnelPlotFilled', value: 'FunnelPlotFilled' }
|
||||
@ -617,7 +620,7 @@
|
||||
- { label: 'RobotFilled', value: 'RobotFilled' }
|
||||
- { label: 'RobotOutlined', value: 'RobotOutlined' }
|
||||
- { label: 'RocketFilled', value: 'RocketFilled' }
|
||||
- { label: 'RocketOutlined', value: 'RocketOutlined' }
|
||||
- { label: 'AiOutlineRocket', value: 'AiOutlineRocket' }
|
||||
- { label: 'RocketTwoTone', value: 'RocketTwoTone' }
|
||||
- { label: 'RollbackOutlined', value: 'RollbackOutlined' }
|
||||
- { label: 'RotateLeftOutlined', value: 'RotateLeftOutlined' }
|
||||
|
||||
@ -1,24 +0,0 @@
|
||||
# Copyright 2020-2021 Lowdefy, Inc
|
||||
|
||||
# Licensed under the Apache License, Version 2.0 (the "License");
|
||||
# you may not use this file except in compliance with the License.
|
||||
# You may obtain a copy of the License at
|
||||
|
||||
# http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
# Unless required by applicable law or agreed to in writing, software
|
||||
# distributed under the License is distributed on an "AS IS" BASIS,
|
||||
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
# See the License for the specific language governing permissions and
|
||||
# limitations under the License.
|
||||
|
||||
_ref:
|
||||
path: templates/blocks/template.yaml.njk
|
||||
vars:
|
||||
block_type: ChromeColorSelector
|
||||
value_type: string
|
||||
category: input
|
||||
schema: ../plugins/blocks/blocks-color-selectors/src/blocks/ChromeColorSelector/schema.json
|
||||
filePath: blocks/input/ChromeColorSelector.yaml
|
||||
description_content: |
|
||||
A color selector component similar to the chrome developer tools color selector.
|
||||
@ -1,24 +0,0 @@
|
||||
# Copyright 2020-2021 Lowdefy, Inc
|
||||
|
||||
# Licensed under the Apache License, Version 2.0 (the "License");
|
||||
# you may not use this file except in compliance with the License.
|
||||
# You may obtain a copy of the License at
|
||||
|
||||
# http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
# Unless required by applicable law or agreed to in writing, software
|
||||
# distributed under the License is distributed on an "AS IS" BASIS,
|
||||
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
# See the License for the specific language governing permissions and
|
||||
# limitations under the License.
|
||||
|
||||
_ref:
|
||||
path: templates/blocks/template.yaml.njk
|
||||
vars:
|
||||
block_type: CircleColorSelector
|
||||
value_type: string
|
||||
category: input
|
||||
schema: ../plugins/blocks/blocks-color-selectors/src/blocks/CircleColorSelector/schema.json
|
||||
filePath: blocks/input/CircleColorSelector.yaml
|
||||
description_content: |
|
||||
A color selector component which displays the colors in circles.
|
||||
@ -1,24 +0,0 @@
|
||||
# Copyright 2020-2021 Lowdefy, Inc
|
||||
|
||||
# Licensed under the Apache License, Version 2.0 (the "License");
|
||||
# you may not use this file except in compliance with the License.
|
||||
# You may obtain a copy of the License at
|
||||
|
||||
# http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
# Unless required by applicable law or agreed to in writing, software
|
||||
# distributed under the License is distributed on an "AS IS" BASIS,
|
||||
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
# See the License for the specific language governing permissions and
|
||||
# limitations under the License.
|
||||
|
||||
_ref:
|
||||
path: templates/blocks/template.yaml.njk
|
||||
vars:
|
||||
block_type: CompactColorSelector
|
||||
value_type: string
|
||||
category: input
|
||||
schema: ../plugins/blocks/blocks-color-selectors/src/blocks/CompactColorSelector/schema.json
|
||||
filePath: blocks/input/CompactColorSelector.yaml
|
||||
description_content: |
|
||||
A compact color selector component.
|
||||
@ -1,24 +0,0 @@
|
||||
# Copyright 2020-2021 Lowdefy, Inc
|
||||
|
||||
# Licensed under the Apache License, Version 2.0 (the "License");
|
||||
# you may not use this file except in compliance with the License.
|
||||
# You may obtain a copy of the License at
|
||||
|
||||
# http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
# Unless required by applicable law or agreed to in writing, software
|
||||
# distributed under the License is distributed on an "AS IS" BASIS,
|
||||
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
# See the License for the specific language governing permissions and
|
||||
# limitations under the License.
|
||||
|
||||
_ref:
|
||||
path: templates/blocks/template.yaml.njk
|
||||
vars:
|
||||
block_type: GithubColorSelector
|
||||
value_type: string
|
||||
category: input
|
||||
schema: ../plugins/blocks/blocks-color-selectors/src/blocks/GithubColorSelector/schema.json
|
||||
filePath: blocks/input/GithubColorSelector.yaml
|
||||
description_content: |
|
||||
A color selector component similar to the Github color selector.
|
||||
@ -1,24 +0,0 @@
|
||||
# Copyright 2020-2021 Lowdefy, Inc
|
||||
|
||||
# Licensed under the Apache License, Version 2.0 (the "License");
|
||||
# you may not use this file except in compliance with the License.
|
||||
# You may obtain a copy of the License at
|
||||
|
||||
# http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
# Unless required by applicable law or agreed to in writing, software
|
||||
# distributed under the License is distributed on an "AS IS" BASIS,
|
||||
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
# See the License for the specific language governing permissions and
|
||||
# limitations under the License.
|
||||
|
||||
_ref:
|
||||
path: templates/blocks/template.yaml.njk
|
||||
vars:
|
||||
block_type: SliderColorSelector
|
||||
value_type: string
|
||||
category: input
|
||||
schema: ../plugins/blocks/blocks-color-selectors/src/blocks/SliderColorSelector/schema.json
|
||||
filePath: blocks/input/SliderColorSelector.yaml
|
||||
description_content: |
|
||||
A slider color selector component.
|
||||
@ -1,24 +0,0 @@
|
||||
# Copyright 2020-2021 Lowdefy, Inc
|
||||
|
||||
# Licensed under the Apache License, Version 2.0 (the "License");
|
||||
# you may not use this file except in compliance with the License.
|
||||
# You may obtain a copy of the License at
|
||||
|
||||
# http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
# Unless required by applicable law or agreed to in writing, software
|
||||
# distributed under the License is distributed on an "AS IS" BASIS,
|
||||
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
# See the License for the specific language governing permissions and
|
||||
# limitations under the License.
|
||||
|
||||
_ref:
|
||||
path: templates/blocks/template.yaml.njk
|
||||
vars:
|
||||
block_type: SwatchesColorSelector
|
||||
value_type: string
|
||||
category: input
|
||||
schema: ../plugins/blocks/blocks-color-selectors/src/blocks/SwatchesColorSelector/schema.json
|
||||
filePath: blocks/input/SwatchesColorSelector.yaml
|
||||
description_content: |
|
||||
A swatches color selector component.
|
||||
@ -1,24 +0,0 @@
|
||||
# Copyright 2020-2021 Lowdefy, Inc
|
||||
|
||||
# Licensed under the Apache License, Version 2.0 (the "License");
|
||||
# you may not use this file except in compliance with the License.
|
||||
# You may obtain a copy of the License at
|
||||
|
||||
# http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
# Unless required by applicable law or agreed to in writing, software
|
||||
# distributed under the License is distributed on an "AS IS" BASIS,
|
||||
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
# See the License for the specific language governing permissions and
|
||||
# limitations under the License.
|
||||
|
||||
_ref:
|
||||
path: templates/blocks/template.yaml.njk
|
||||
vars:
|
||||
block_type: TwitterColorSelector
|
||||
value_type: string
|
||||
category: input
|
||||
schema: ../plugins/blocks/blocks-color-selectors/src/blocks/TwitterColorSelector/schema.json
|
||||
filePath: blocks/input/TwitterColorSelector.yaml
|
||||
description_content: |
|
||||
A color selector component similar to the twitter color selector..
|
||||
@ -220,18 +220,9 @@
|
||||
- id: CheckboxSwitch
|
||||
type: MenuLink
|
||||
pageId: CheckboxSwitch
|
||||
- id: ChromeColorSelector
|
||||
type: MenuLink
|
||||
pageId: ChromeColorSelector
|
||||
- id: CircleColorSelector
|
||||
type: MenuLink
|
||||
pageId: CircleColorSelector
|
||||
- id: ColorSelector
|
||||
type: MenuLink
|
||||
pageId: ColorSelector
|
||||
- id: CompactColorSelector
|
||||
type: MenuLink
|
||||
pageId: CompactColorSelector
|
||||
- id: DateRangeSelector
|
||||
type: MenuLink
|
||||
pageId: DateRangeSelector
|
||||
@ -241,9 +232,6 @@
|
||||
- id: DateTimeSelector
|
||||
type: MenuLink
|
||||
pageId: DateTimeSelector
|
||||
- id: GithubColorSelector
|
||||
type: MenuLink
|
||||
pageId: GithubColorSelector
|
||||
- id: MonthSelector
|
||||
type: MenuLink
|
||||
pageId: MonthSelector
|
||||
@ -274,12 +262,6 @@
|
||||
- id: Selector
|
||||
type: MenuLink
|
||||
pageId: Selector
|
||||
- id: SliderColorSelector
|
||||
type: MenuLink
|
||||
pageId: SliderColorSelector
|
||||
- id: SwatchesColorSelector
|
||||
type: MenuLink
|
||||
pageId: SwatchesColorSelector
|
||||
- id: Switch
|
||||
type: MenuLink
|
||||
pageId: Switch
|
||||
@ -292,9 +274,6 @@
|
||||
- id: TitleInput
|
||||
type: MenuLink
|
||||
pageId: TitleInput
|
||||
- id: TwitterColorSelector
|
||||
type: MenuLink
|
||||
pageId: TwitterColorSelector
|
||||
- id: WeekSelector
|
||||
type: MenuLink
|
||||
pageId: WeekSelector
|
||||
|
||||
@ -53,14 +53,10 @@
|
||||
- _ref: blocks/input/ButtonSelector.yaml
|
||||
- _ref: blocks/input/CheckboxSelector.yaml
|
||||
- _ref: blocks/input/CheckboxSwitch.yaml
|
||||
- _ref: blocks/input/ChromeColorSelector.yaml
|
||||
- _ref: blocks/input/CircleColorSelector.yaml
|
||||
- _ref: blocks/input/ColorSelector.yaml
|
||||
- _ref: blocks/input/CompactColorSelector.yaml
|
||||
- _ref: blocks/input/DateRangeSelector.yaml
|
||||
- _ref: blocks/input/DateSelector.yaml
|
||||
- _ref: blocks/input/DateTimeSelector.yaml
|
||||
- _ref: blocks/input/GithubColorSelector.yaml
|
||||
- _ref: blocks/input/MonthSelector.yaml
|
||||
- _ref: blocks/input/MultipleSelector.yaml
|
||||
- _ref: blocks/input/NumberInput.yaml
|
||||
@ -71,13 +67,10 @@
|
||||
- _ref: blocks/input/RatingSlider.yaml
|
||||
# - _ref: blocks/input/S3UploadButton.yaml # TODO: Add with custom plugin
|
||||
- _ref: blocks/input/Selector.yaml
|
||||
- _ref: blocks/input/SliderColorSelector.yaml
|
||||
- _ref: blocks/input/SwatchesColorSelector.yaml
|
||||
- _ref: blocks/input/Switch.yaml
|
||||
- _ref: blocks/input/TextArea.yaml
|
||||
- _ref: blocks/input/TextInput.yaml
|
||||
- _ref: blocks/input/TitleInput.yaml
|
||||
- _ref: blocks/input/TwitterColorSelector.yaml
|
||||
- _ref: blocks/input/WeekSelector.yaml
|
||||
|
||||
- _ref: blocks/display/Anchor.yaml
|
||||
|
||||
@ -28,37 +28,19 @@ const avatar = (path) => ({
|
||||
blocks: [
|
||||
{
|
||||
id: `${path}.color`,
|
||||
type: 'CircleColorSelector',
|
||||
type: 'ColorSelector',
|
||||
layout: {
|
||||
_global: 'settings_input_layout',
|
||||
},
|
||||
properties: {
|
||||
title: 'color',
|
||||
size: 'small',
|
||||
showValue: true,
|
||||
label: {
|
||||
span: 8,
|
||||
align: 'right',
|
||||
extra: 'The background color of the avatar. Should be a hex color string.',
|
||||
},
|
||||
circleSize: 14,
|
||||
circleSpacing: 8,
|
||||
colors: [
|
||||
'#f5222d',
|
||||
'#fa541c',
|
||||
'#fa8c16',
|
||||
'#faad14',
|
||||
'#fadb14',
|
||||
'#a0d911',
|
||||
'#52c41a',
|
||||
'#13c2c2',
|
||||
'#1890ff',
|
||||
'#2f54eb',
|
||||
'#722ed1',
|
||||
'#eb2f96',
|
||||
'#595959',
|
||||
'#bfbfbf',
|
||||
'#d9d9d9',
|
||||
],
|
||||
},
|
||||
},
|
||||
{
|
||||
@ -258,27 +240,9 @@ function makeBlockDefinition({
|
||||
};
|
||||
return block;
|
||||
case 'color':
|
||||
block.type = 'CircleColorSelector';
|
||||
block.properties.circleSize = 14;
|
||||
block.properties.circleSpacing = 8;
|
||||
block.properties.colors = [
|
||||
'#f5222d',
|
||||
'#fa541c',
|
||||
'#fa8c16',
|
||||
'#faad14',
|
||||
'#fadb14',
|
||||
'#a0d911',
|
||||
'#52c41a',
|
||||
'#13c2c2',
|
||||
'#1890ff',
|
||||
'#2f54eb',
|
||||
'#722ed1',
|
||||
'#eb2f96',
|
||||
'#595959',
|
||||
'#bfbfbf',
|
||||
'#d9d9d9',
|
||||
];
|
||||
block.type = 'ColorSelector';
|
||||
block.properties.showValue = true;
|
||||
block.properties.size = 'small';
|
||||
return block;
|
||||
case 'date':
|
||||
block.type = 'DateSelector';
|
||||
|
||||
@ -72,9 +72,11 @@ const arrayGetter = ({ contextId, data, items, path, underscores }) => {
|
||||
const propertyGetter = ({ contextId, data, path, property, underscores }) => {
|
||||
if (property.docs && property.docs.displayType === 'yaml') {
|
||||
return {
|
||||
[`${underscores}yaml.parse`]: {
|
||||
[`${underscores}if_none`]: [{ [`${underscores}${data}`]: { key: path, contextId } }, ''],
|
||||
},
|
||||
[`${underscores}yaml.parse`]: [
|
||||
{
|
||||
[`${underscores}if_none`]: [{ [`${underscores}${data}`]: { key: path, contextId } }, ''],
|
||||
},
|
||||
],
|
||||
};
|
||||
}
|
||||
if (property.docs && property.docs.displayType === 'manual' && property.docs.getter != null) {
|
||||
|
||||
12
packages/docs/templates/blocks/template.yaml.njk
vendored
12
packages/docs/templates/blocks/template.yaml.njk
vendored
@ -182,9 +182,9 @@ areas:
|
||||
_state: block.layout
|
||||
style:
|
||||
_yaml.parse:
|
||||
_if_none:
|
||||
- _state: style_block_input
|
||||
- ''
|
||||
- _if_none:
|
||||
- _state: style_block_input
|
||||
- ''
|
||||
{% if category != "context" %}
|
||||
visible:
|
||||
_state: block.visible
|
||||
@ -320,9 +320,9 @@ areas:
|
||||
_state: block.layout
|
||||
style:
|
||||
_yaml.parse:
|
||||
_if_none:
|
||||
- _state: style_block_input
|
||||
- ''
|
||||
- _if_none:
|
||||
- _state: style_block_input
|
||||
- ''
|
||||
properties:
|
||||
_ref:
|
||||
path:
|
||||
|
||||
72
packages/docs/templates/test/array.test.js
vendored
72
packages/docs/templates/test/array.test.js
vendored
@ -14,9 +14,9 @@
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
import propertiesFormTransformer from '../blocks/propertiesFormTransformer';
|
||||
import propertiesGetterTransformer from '../blocks/propertiesGetterTransformer';
|
||||
import defaultValueTransformer from '../blocks/defaultValueTransformer';
|
||||
import propertiesFormTransformer from '../blocks/propertiesFormTransformer.js';
|
||||
import propertiesGetterTransformer from '../blocks/propertiesGetterTransformer.js';
|
||||
import defaultValueTransformer from '../blocks/defaultValueTransformer.js';
|
||||
|
||||
const schema = {
|
||||
properties: {
|
||||
@ -1072,17 +1072,19 @@ test('array schemaOneOfArrayStrArrayYaml propertiesGetterTransformer', () => {
|
||||
"_array.map": Object {
|
||||
"callback": Object {
|
||||
"_function": Object {
|
||||
"__yaml.parse": Object {
|
||||
"__if_none": Array [
|
||||
Object {
|
||||
"__args": Object {
|
||||
"contextId": undefined,
|
||||
"key": "0",
|
||||
"__yaml.parse": Array [
|
||||
Object {
|
||||
"__if_none": Array [
|
||||
Object {
|
||||
"__args": Object {
|
||||
"contextId": undefined,
|
||||
"key": "0",
|
||||
},
|
||||
},
|
||||
},
|
||||
"",
|
||||
],
|
||||
},
|
||||
"",
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
"on": Object {
|
||||
@ -1267,17 +1269,19 @@ test('array propertiesGetterTransformer schemaNestedArray', () => {
|
||||
},
|
||||
Object {
|
||||
"obj": Object {
|
||||
"__yaml.parse": Object {
|
||||
"__if_none": Array [
|
||||
Object {
|
||||
"__args": Object {
|
||||
"contextId": undefined,
|
||||
"key": "0.obj",
|
||||
"__yaml.parse": Array [
|
||||
Object {
|
||||
"__if_none": Array [
|
||||
Object {
|
||||
"__args": Object {
|
||||
"contextId": undefined,
|
||||
"key": "0.obj",
|
||||
},
|
||||
},
|
||||
},
|
||||
"",
|
||||
],
|
||||
},
|
||||
"",
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
Object {
|
||||
@ -1285,17 +1289,19 @@ test('array propertiesGetterTransformer schemaNestedArray', () => {
|
||||
"__array.map": Object {
|
||||
"callback": Object {
|
||||
"__function": Object {
|
||||
"___yaml.parse": Object {
|
||||
"___if_none": Array [
|
||||
Object {
|
||||
"___args": Object {
|
||||
"contextId": undefined,
|
||||
"key": "0",
|
||||
"___yaml.parse": Array [
|
||||
Object {
|
||||
"___if_none": Array [
|
||||
Object {
|
||||
"___args": Object {
|
||||
"contextId": undefined,
|
||||
"key": "0",
|
||||
},
|
||||
},
|
||||
},
|
||||
"",
|
||||
],
|
||||
},
|
||||
"",
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
"on": Object {
|
||||
|
||||
6
packages/docs/templates/test/boolean.test.js
vendored
6
packages/docs/templates/test/boolean.test.js
vendored
@ -14,9 +14,9 @@
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
import propertiesFormTransformer from '../blocks/propertiesFormTransformer';
|
||||
import propertiesGetterTransformer from '../blocks/propertiesGetterTransformer';
|
||||
import defaultValueTransformer from '../blocks/defaultValueTransformer';
|
||||
import propertiesFormTransformer from '../blocks/propertiesFormTransformer.js';
|
||||
import propertiesGetterTransformer from '../blocks/propertiesGetterTransformer.js';
|
||||
import defaultValueTransformer from '../blocks/defaultValueTransformer.js';
|
||||
|
||||
const schema = {
|
||||
properties: {
|
||||
|
||||
10
packages/docs/templates/test/button.test.js
vendored
10
packages/docs/templates/test/button.test.js
vendored
@ -14,9 +14,9 @@
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
import propertiesFormTransformer from '../blocks/propertiesFormTransformer';
|
||||
import propertiesGetterTransformer from '../blocks/propertiesGetterTransformer';
|
||||
import defaultValueTransformer from '../blocks/defaultValueTransformer';
|
||||
import propertiesFormTransformer from '../blocks/propertiesFormTransformer.js';
|
||||
import propertiesGetterTransformer from '../blocks/propertiesGetterTransformer.js';
|
||||
import defaultValueTransformer from '../blocks/defaultValueTransformer.js';
|
||||
|
||||
const schema = {
|
||||
properties: {
|
||||
@ -146,7 +146,7 @@ test('button defaultValueTransformer', () => {
|
||||
displayType: 'button',
|
||||
},
|
||||
default: {
|
||||
icon: 'UploadOutlined',
|
||||
icon: 'AiOutlineUpload',
|
||||
title: 'Upload',
|
||||
type: 'default',
|
||||
},
|
||||
@ -157,7 +157,7 @@ test('button defaultValueTransformer', () => {
|
||||
expect(defaultValueTransformer(schemaDV)).toMatchInlineSnapshot(`
|
||||
Object {
|
||||
"field": Object {
|
||||
"icon": "UploadOutlined",
|
||||
"icon": "AiOutlineUpload",
|
||||
"title": "Upload",
|
||||
"type": "default",
|
||||
},
|
||||
|
||||
33
packages/docs/templates/test/color.test.js
vendored
33
packages/docs/templates/test/color.test.js
vendored
@ -14,9 +14,9 @@
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
import propertiesFormTransformer from '../blocks/propertiesFormTransformer';
|
||||
import propertiesGetterTransformer from '../blocks/propertiesGetterTransformer';
|
||||
import defaultValueTransformer from '../blocks/defaultValueTransformer';
|
||||
import propertiesFormTransformer from '../blocks/propertiesFormTransformer.js';
|
||||
import propertiesGetterTransformer from '../blocks/propertiesGetterTransformer.js';
|
||||
import defaultValueTransformer from '../blocks/defaultValueTransformer.js';
|
||||
|
||||
const schema = {
|
||||
properties: {
|
||||
@ -34,8 +34,7 @@ const schema = {
|
||||
},
|
||||
};
|
||||
|
||||
test.todo(
|
||||
'color propertiesFormTransformer' /*() => {
|
||||
test('color propertiesFormTransformer', () => {
|
||||
expect(propertiesFormTransformer(schema)).toMatchInlineSnapshot(`
|
||||
Array [
|
||||
Object {
|
||||
@ -44,25 +43,6 @@ test.todo(
|
||||
"_global": "settings_input_layout",
|
||||
},
|
||||
"properties": Object {
|
||||
"circleSize": 14,
|
||||
"circleSpacing": 8,
|
||||
"colors": Array [
|
||||
"#f5222d",
|
||||
"#fa541c",
|
||||
"#fa8c16",
|
||||
"#faad14",
|
||||
"#fadb14",
|
||||
"#a0d911",
|
||||
"#52c41a",
|
||||
"#13c2c2",
|
||||
"#1890ff",
|
||||
"#2f54eb",
|
||||
"#722ed1",
|
||||
"#eb2f96",
|
||||
"#595959",
|
||||
"#bfbfbf",
|
||||
"#d9d9d9",
|
||||
],
|
||||
"label": Object {
|
||||
"align": "right",
|
||||
"extra": "description",
|
||||
@ -73,12 +53,11 @@ test.todo(
|
||||
"title": "field",
|
||||
},
|
||||
"required": false,
|
||||
"type": "CircleColorSelector",
|
||||
"type": "ColorSelector",
|
||||
},
|
||||
]
|
||||
`);
|
||||
}*/
|
||||
);
|
||||
});
|
||||
|
||||
test('color propertiesGetterTransformer', () => {
|
||||
expect(propertiesGetterTransformer(schema, { block_type: 'Block' })).toMatchInlineSnapshot(`
|
||||
|
||||
6
packages/docs/templates/test/enum.test.js
vendored
6
packages/docs/templates/test/enum.test.js
vendored
@ -14,9 +14,9 @@
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
import propertiesFormTransformer from '../blocks/propertiesFormTransformer';
|
||||
import propertiesGetterTransformer from '../blocks/propertiesGetterTransformer';
|
||||
import defaultValueTransformer from '../blocks/defaultValueTransformer';
|
||||
import propertiesFormTransformer from '../blocks/propertiesFormTransformer.js';
|
||||
import propertiesGetterTransformer from '../blocks/propertiesGetterTransformer.js';
|
||||
import defaultValueTransformer from '../blocks/defaultValueTransformer.js';
|
||||
|
||||
const schema = {
|
||||
properties: {
|
||||
|
||||
6
packages/docs/templates/test/icon.test.js
vendored
6
packages/docs/templates/test/icon.test.js
vendored
@ -14,9 +14,9 @@
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
import propertiesFormTransformer from '../blocks/propertiesFormTransformer';
|
||||
import propertiesGetterTransformer from '../blocks/propertiesGetterTransformer';
|
||||
import defaultValueTransformer from '../blocks/defaultValueTransformer';
|
||||
import propertiesFormTransformer from '../blocks/propertiesFormTransformer.js';
|
||||
import propertiesGetterTransformer from '../blocks/propertiesGetterTransformer.js';
|
||||
import defaultValueTransformer from '../blocks/defaultValueTransformer.js';
|
||||
|
||||
const schema = {
|
||||
properties: {
|
||||
|
||||
6
packages/docs/templates/test/integer.test.js
vendored
6
packages/docs/templates/test/integer.test.js
vendored
@ -14,9 +14,9 @@
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
import propertiesFormTransformer from '../blocks/propertiesFormTransformer';
|
||||
import propertiesGetterTransformer from '../blocks/propertiesGetterTransformer';
|
||||
import defaultValueTransformer from '../blocks/defaultValueTransformer';
|
||||
import propertiesFormTransformer from '../blocks/propertiesFormTransformer.js';
|
||||
import propertiesGetterTransformer from '../blocks/propertiesGetterTransformer.js';
|
||||
import defaultValueTransformer from '../blocks/defaultValueTransformer.js';
|
||||
|
||||
const schema = {
|
||||
properties: {
|
||||
|
||||
6
packages/docs/templates/test/manual.test.js
vendored
6
packages/docs/templates/test/manual.test.js
vendored
@ -14,9 +14,9 @@
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
import propertiesFormTransformer from '../blocks/propertiesFormTransformer';
|
||||
import propertiesGetterTransformer from '../blocks/propertiesGetterTransformer';
|
||||
import defaultValueTransformer from '../blocks/defaultValueTransformer';
|
||||
import propertiesFormTransformer from '../blocks/propertiesFormTransformer.js';
|
||||
import propertiesGetterTransformer from '../blocks/propertiesGetterTransformer.js';
|
||||
import defaultValueTransformer from '../blocks/defaultValueTransformer.js';
|
||||
|
||||
const schema = {
|
||||
properties: {
|
||||
|
||||
6
packages/docs/templates/test/number.test.js
vendored
6
packages/docs/templates/test/number.test.js
vendored
@ -14,9 +14,9 @@
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
import propertiesFormTransformer from '../blocks/propertiesFormTransformer';
|
||||
import propertiesGetterTransformer from '../blocks/propertiesGetterTransformer';
|
||||
import defaultValueTransformer from '../blocks/defaultValueTransformer';
|
||||
import propertiesFormTransformer from '../blocks/propertiesFormTransformer.js';
|
||||
import propertiesGetterTransformer from '../blocks/propertiesGetterTransformer.js';
|
||||
import defaultValueTransformer from '../blocks/defaultValueTransformer.js';
|
||||
|
||||
const schema = {
|
||||
properties: {
|
||||
|
||||
6
packages/docs/templates/test/object.test.js
vendored
6
packages/docs/templates/test/object.test.js
vendored
@ -14,9 +14,9 @@
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
import propertiesFormTransformer from '../blocks/propertiesFormTransformer';
|
||||
import propertiesGetterTransformer from '../blocks/propertiesGetterTransformer';
|
||||
import defaultValueTransformer from '../blocks/defaultValueTransformer';
|
||||
import propertiesFormTransformer from '../blocks/propertiesFormTransformer.js';
|
||||
import propertiesGetterTransformer from '../blocks/propertiesGetterTransformer.js';
|
||||
import defaultValueTransformer from '../blocks/defaultValueTransformer.js';
|
||||
|
||||
const schema = {
|
||||
properties: {
|
||||
|
||||
28
packages/docs/templates/test/oneOf.test.js
vendored
28
packages/docs/templates/test/oneOf.test.js
vendored
@ -14,9 +14,9 @@
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
import propertiesFormTransformer from '../blocks/propertiesFormTransformer';
|
||||
import propertiesGetterTransformer from '../blocks/propertiesGetterTransformer';
|
||||
import defaultValueTransformer from '../blocks/defaultValueTransformer';
|
||||
import propertiesFormTransformer from '../blocks/propertiesFormTransformer.js';
|
||||
import propertiesGetterTransformer from '../blocks/propertiesGetterTransformer.js';
|
||||
import defaultValueTransformer from '../blocks/defaultValueTransformer.js';
|
||||
|
||||
const schema = {
|
||||
properties: {
|
||||
@ -730,17 +730,19 @@ test('oneOf propertiesGetterTransformer schemaOneOfStrYaml', () => {
|
||||
],
|
||||
},
|
||||
"then": Object {
|
||||
"_yaml.parse": Object {
|
||||
"_if_none": Array [
|
||||
Object {
|
||||
"_state": Object {
|
||||
"contextId": "Block:Block:{}",
|
||||
"key": "__object_block.properties.field",
|
||||
"_yaml.parse": Array [
|
||||
Object {
|
||||
"_if_none": Array [
|
||||
Object {
|
||||
"_state": Object {
|
||||
"contextId": "Block:Block:{}",
|
||||
"key": "__object_block.properties.field",
|
||||
},
|
||||
},
|
||||
},
|
||||
"",
|
||||
],
|
||||
},
|
||||
"",
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
],
|
||||
|
||||
6
packages/docs/templates/test/string.test.js
vendored
6
packages/docs/templates/test/string.test.js
vendored
@ -14,9 +14,9 @@
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
import propertiesFormTransformer from '../blocks/propertiesFormTransformer';
|
||||
import propertiesGetterTransformer from '../blocks/propertiesGetterTransformer';
|
||||
import defaultValueTransformer from '../blocks/defaultValueTransformer';
|
||||
import propertiesFormTransformer from '../blocks/propertiesFormTransformer.js';
|
||||
import propertiesGetterTransformer from '../blocks/propertiesGetterTransformer.js';
|
||||
import defaultValueTransformer from '../blocks/defaultValueTransformer.js';
|
||||
|
||||
const schema = {
|
||||
properties: {
|
||||
|
||||
94
packages/docs/templates/test/yaml.test.js
vendored
94
packages/docs/templates/test/yaml.test.js
vendored
@ -14,9 +14,9 @@
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
import propertiesFormTransformer from '../blocks/propertiesFormTransformer';
|
||||
import propertiesGetterTransformer from '../blocks/propertiesGetterTransformer';
|
||||
import defaultValueTransformer from '../blocks/defaultValueTransformer';
|
||||
import propertiesFormTransformer from '../blocks/propertiesFormTransformer.js';
|
||||
import propertiesGetterTransformer from '../blocks/propertiesGetterTransformer.js';
|
||||
import defaultValueTransformer from '../blocks/defaultValueTransformer.js';
|
||||
|
||||
const schema = {
|
||||
properties: {
|
||||
@ -75,17 +75,19 @@ test('yaml propertiesGetterTransformer', () => {
|
||||
},
|
||||
Object {
|
||||
"field": Object {
|
||||
"_yaml.parse": Object {
|
||||
"_if_none": Array [
|
||||
Object {
|
||||
"_state": Object {
|
||||
"contextId": "Block:Block:{}",
|
||||
"key": "block.properties.field",
|
||||
"_yaml.parse": Array [
|
||||
Object {
|
||||
"_if_none": Array [
|
||||
Object {
|
||||
"_state": Object {
|
||||
"contextId": "Block:Block:{}",
|
||||
"key": "block.properties.field",
|
||||
},
|
||||
},
|
||||
},
|
||||
"",
|
||||
],
|
||||
},
|
||||
"",
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
],
|
||||
@ -207,17 +209,19 @@ test('yaml schemaNested propertiesGetterTransformer', () => {
|
||||
},
|
||||
Object {
|
||||
"field": Object {
|
||||
"_yaml.parse": Object {
|
||||
"_if_none": Array [
|
||||
Object {
|
||||
"_state": Object {
|
||||
"contextId": "Block:Block:{}",
|
||||
"key": "block.properties.obj.field",
|
||||
"_yaml.parse": Array [
|
||||
Object {
|
||||
"_if_none": Array [
|
||||
Object {
|
||||
"_state": Object {
|
||||
"contextId": "Block:Block:{}",
|
||||
"key": "block.properties.obj.field",
|
||||
},
|
||||
},
|
||||
},
|
||||
"",
|
||||
],
|
||||
},
|
||||
"",
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
],
|
||||
@ -342,17 +346,19 @@ test('yaml schemaYamlInArray propertiesGetterTransformer', () => {
|
||||
"_array.map": Object {
|
||||
"callback": Object {
|
||||
"_function": Object {
|
||||
"__yaml.parse": Object {
|
||||
"__if_none": Array [
|
||||
Object {
|
||||
"__args": Object {
|
||||
"contextId": undefined,
|
||||
"key": "0",
|
||||
"__yaml.parse": Array [
|
||||
Object {
|
||||
"__if_none": Array [
|
||||
Object {
|
||||
"__args": Object {
|
||||
"contextId": undefined,
|
||||
"key": "0",
|
||||
},
|
||||
},
|
||||
},
|
||||
"",
|
||||
],
|
||||
},
|
||||
"",
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
"on": Object {
|
||||
@ -524,17 +530,19 @@ test('yaml schemaYamlInObjectInArray propertiesGetterTransformer', () => {
|
||||
},
|
||||
Object {
|
||||
"yaml": Object {
|
||||
"__yaml.parse": Object {
|
||||
"__if_none": Array [
|
||||
Object {
|
||||
"__args": Object {
|
||||
"contextId": undefined,
|
||||
"key": "0.yaml",
|
||||
"__yaml.parse": Array [
|
||||
Object {
|
||||
"__if_none": Array [
|
||||
Object {
|
||||
"__args": Object {
|
||||
"contextId": undefined,
|
||||
"key": "0.yaml",
|
||||
},
|
||||
},
|
||||
},
|
||||
"",
|
||||
],
|
||||
},
|
||||
"",
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
],
|
||||
|
||||
@ -109,7 +109,7 @@ test('DisplayMessage with all params', async () => {
|
||||
params: {
|
||||
content: 'content',
|
||||
duration: 6,
|
||||
icon: 'FireOutlined',
|
||||
icon: 'AiOutlineFire',
|
||||
status: 'error',
|
||||
},
|
||||
},
|
||||
@ -131,7 +131,7 @@ test('DisplayMessage with all params', async () => {
|
||||
{
|
||||
content: 'content',
|
||||
duration: 6,
|
||||
icon: 'FireOutlined',
|
||||
icon: 'AiOutlineFire',
|
||||
status: 'error',
|
||||
},
|
||||
],
|
||||
|
||||
@ -30,13 +30,13 @@
|
||||
- id: 'properties.icon string'
|
||||
type: Info
|
||||
properties:
|
||||
icon: CheckCircleOutlined
|
||||
icon: AiOutlineCheckCircle
|
||||
message: Message with Icon!
|
||||
- id: 'properties.icon object'
|
||||
type: Info
|
||||
properties:
|
||||
icon: # FIX: color and style is not working, className is not passed to alert icon
|
||||
name: SettingOutlined
|
||||
name: AiOutlineSetting
|
||||
spin: true
|
||||
color: red
|
||||
message: Message with Icon!
|
||||
@ -137,14 +137,14 @@
|
||||
type: Info
|
||||
properties:
|
||||
description: This is a description for the block.
|
||||
icon: CheckCircleOutlined
|
||||
icon: AiOutlineCheckCircle
|
||||
message: Message with Icon!
|
||||
- id: 'with description properties.icon object'
|
||||
type: Info
|
||||
properties:
|
||||
description: This is a description for the block.
|
||||
icon: # FIX: color and style is not working, className is not passed to alert icon
|
||||
name: SettingOutlined
|
||||
name: AiOutlineSetting
|
||||
spin: true
|
||||
color: red
|
||||
message: Message with Icon!
|
||||
|
||||
@ -35,12 +35,12 @@
|
||||
- id: properties.icon string
|
||||
type: Avatar
|
||||
properties:
|
||||
icon: UserOutlined
|
||||
icon: AiOutlineUser
|
||||
- id: properties.icon object
|
||||
type: Avatar
|
||||
properties:
|
||||
icon:
|
||||
name: UserOutlined
|
||||
name: AiOutlineUser
|
||||
color: red
|
||||
- id: properties.shape
|
||||
type: Avatar
|
||||
@ -50,7 +50,7 @@
|
||||
type: Avatar
|
||||
properties:
|
||||
shape: square
|
||||
icon: UserOutlined
|
||||
icon: AiOutlineUser
|
||||
- id: properties.size small
|
||||
type: Avatar
|
||||
properties:
|
||||
|
||||
@ -77,12 +77,12 @@
|
||||
- id: 'properties.icon string'
|
||||
type: Badge
|
||||
properties:
|
||||
icon: NotificationOutlined
|
||||
icon: AiOutlineNotification
|
||||
- id: 'properties.icon object'
|
||||
type: Badge
|
||||
properties:
|
||||
icon:
|
||||
name: NotificationOutlined
|
||||
name: AiOutlineNotification
|
||||
spin: true
|
||||
- id: 'properties.size: small'
|
||||
type: Badge
|
||||
|
||||
@ -31,17 +31,17 @@
|
||||
properties:
|
||||
list:
|
||||
- label: label 1
|
||||
icon: SaveOutlined
|
||||
icon: AiOutlineSave
|
||||
- label: label 2
|
||||
icon: DeleteOutlined
|
||||
icon: AiOutlineDelete
|
||||
- id: properties.list.icon with onClick
|
||||
type: Breadcrumb
|
||||
properties:
|
||||
list:
|
||||
- label: label 1
|
||||
icon: SaveOutlined
|
||||
icon: AiOutlineSave
|
||||
- label: label 2
|
||||
icon: DeleteOutlined
|
||||
icon: AiOutlineDelete
|
||||
events:
|
||||
onClick: []
|
||||
- id: properties.list.url
|
||||
|
||||
@ -21,12 +21,12 @@
|
||||
- id: properties.icon string
|
||||
type: Button
|
||||
properties:
|
||||
icon: SaveOutlined
|
||||
icon: AiOutlineSave
|
||||
- id: properties.icon object
|
||||
type: Button
|
||||
properties:
|
||||
icon:
|
||||
name: SaveOutlined
|
||||
name: AiOutlineSave
|
||||
color: red
|
||||
- id: 'properties.shape: circle'
|
||||
type: Button
|
||||
@ -88,7 +88,7 @@
|
||||
type: Button
|
||||
properties:
|
||||
hideTitle: true
|
||||
icon: DeleteOutlined
|
||||
icon: AiOutlineDelete
|
||||
- id: 'properties.href: www.lowdefy.com'
|
||||
type: Button
|
||||
properties:
|
||||
@ -100,5 +100,5 @@
|
||||
- id: 'with html in title and icon'
|
||||
type: Button
|
||||
properties:
|
||||
icon: SaveOutlined
|
||||
icon: AiOutlineSave
|
||||
title: '<div style="color: red;">Title</div>'
|
||||
|
||||
@ -183,10 +183,10 @@
|
||||
blocks:
|
||||
- id: ex_1_block_2
|
||||
type: Test
|
||||
- id: 'properties.expandIcon: ArrowRightOutlined'
|
||||
- id: 'properties.expandIcon: AiOutlineArrowRight'
|
||||
type: Collapse
|
||||
properties:
|
||||
expandIcon: ArrowRightOutlined
|
||||
expandIcon: AiOutlineArrowRight
|
||||
panels:
|
||||
- key: content_one
|
||||
title: Title One
|
||||
|
||||
@ -45,13 +45,13 @@
|
||||
properties:
|
||||
addItemButton:
|
||||
title: Add new Item
|
||||
- id: 'properties.removeItemIcon: DeleteOutlined'
|
||||
- id: 'properties.removeItemIcon: AiOutlineDelete'
|
||||
type: ControlledList
|
||||
properties:
|
||||
removeItemIcon: DeleteOutlined
|
||||
removeItemIcon: AiOutlineDelete
|
||||
- id: 'properties.removeItemIcon:
|
||||
name: DeleteOutlined'
|
||||
name: AiOutlineDelete'
|
||||
type: ControlledList
|
||||
properties:
|
||||
removeItemIcon:
|
||||
name: DeleteOutlined
|
||||
name: AiOutlineDelete
|
||||
|
||||
@ -78,7 +78,7 @@ const DateRangeSelector = ({
|
||||
<Icon
|
||||
blockId={`${blockId}_suffixIcon`}
|
||||
events={events}
|
||||
properties={properties.suffixIcon || 'CalendarOutlined'}
|
||||
properties={properties.suffixIcon || 'AiOutlineCalendar'}
|
||||
/>
|
||||
)
|
||||
}
|
||||
@ -108,7 +108,7 @@ DateRangeSelector.meta = {
|
||||
loading: {
|
||||
type: 'SkeletonInput',
|
||||
},
|
||||
icons: [...Label.meta.icons],
|
||||
icons: [...Label.meta.icons, 'AiOutlineCalendar'],
|
||||
styles: ['blocks/DateRangeSelector/style.less'],
|
||||
};
|
||||
|
||||
|
||||
@ -56,15 +56,15 @@
|
||||
type: DateRangeSelector
|
||||
properties:
|
||||
size: large
|
||||
- id: 'property.suffixIcon: CalendarOutlined'
|
||||
- id: 'property.suffixIcon: AiOutlineCalendar'
|
||||
type: DateRangeSelector
|
||||
properties:
|
||||
suffixIcon: CalendarOutlined
|
||||
- id: 'property.suffixIcon Red: CalendarOutlined'
|
||||
suffixIcon: AiOutlineCalendar
|
||||
- id: 'property.suffixIcon Red: AiOutlineCalendar'
|
||||
type: DateRangeSelector
|
||||
properties:
|
||||
suffixIcon:
|
||||
name: CalendarOutlined
|
||||
name: AiOutlineCalendar
|
||||
color: Red
|
||||
- id: 'properties.inputStyle: CSS style applied'
|
||||
type: DateRangeSelector
|
||||
|
||||
@ -196,7 +196,7 @@
|
||||
},
|
||||
"suffixIcon": {
|
||||
"type": ["string", "object"],
|
||||
"default": "CalendarOutlined",
|
||||
"default": "AiOutlineCalendar",
|
||||
"description": "Name of an Ant Design Icon or properties of an Icon block to customize icon on right-hand side of the date picker.",
|
||||
"docs": {
|
||||
"displayType": "icon"
|
||||
|
||||
@ -64,7 +64,7 @@ const DateSelector = ({
|
||||
<Icon
|
||||
blockId={`${blockId}_suffixIcon`}
|
||||
events={events}
|
||||
properties={properties.suffixIcon || 'CalendarOutlined'}
|
||||
properties={properties.suffixIcon || 'AiOutlineCalendar'}
|
||||
/>
|
||||
)
|
||||
}
|
||||
@ -93,7 +93,7 @@ DateSelector.meta = {
|
||||
loading: {
|
||||
type: 'SkeletonInput',
|
||||
},
|
||||
icons: [...Label.meta.icons],
|
||||
icons: [...Label.meta.icons, 'AiOutlineCalendar'],
|
||||
styles: ['blocks/DateSelector/style.less'],
|
||||
};
|
||||
|
||||
|
||||
@ -158,7 +158,7 @@
|
||||
},
|
||||
"suffixIcon": {
|
||||
"type": ["string", "object"],
|
||||
"default": "CalendarOutlined",
|
||||
"default": "AiOutlineCalendar",
|
||||
"description": "Name of an Ant Design Icon or properties of an Icon block to customize icon on right-hand side of the date picker.",
|
||||
"docs": {
|
||||
"displayType": "icon"
|
||||
|
||||
@ -73,7 +73,7 @@ const DateTimeSelector = ({
|
||||
<Icon
|
||||
blockId={`${blockId}_suffixIcon`}
|
||||
events={events}
|
||||
properties={properties.suffixIcon || 'CalendarOutlined'}
|
||||
properties={properties.suffixIcon || 'AiOutlineCalendar'}
|
||||
/>
|
||||
)
|
||||
}
|
||||
@ -116,7 +116,7 @@ DateTimeSelector.meta = {
|
||||
loading: {
|
||||
type: 'SkeletonInput',
|
||||
},
|
||||
icons: [...Label.meta.icons],
|
||||
icons: [...Label.meta.icons, 'AiOutlineCalendar'],
|
||||
styles: ['blocks/DateTimeSelector/style.less'],
|
||||
};
|
||||
|
||||
|
||||
@ -185,7 +185,7 @@
|
||||
},
|
||||
"suffixIcon": {
|
||||
"type": ["string", "object"],
|
||||
"default": "CalendarOutlined",
|
||||
"default": "AiOutlineCalendar",
|
||||
"description": "Name of an Ant Design Icon or properties of an Icon block to customize icon on right-hand side of the date picker.",
|
||||
"docs": {
|
||||
"displayType": "icon"
|
||||
|
||||
@ -186,11 +186,11 @@
|
||||
pageId: page_1_2
|
||||
properties:
|
||||
title: Menu Item two
|
||||
- id: 'properties.expandIcon: CheckOutlined'
|
||||
- id: 'properties.expandIcon: AiOutlineCheck'
|
||||
type: Menu
|
||||
properties:
|
||||
expandIcon:
|
||||
name: CheckOutlined
|
||||
name: AiOutlineCheck
|
||||
color: '#ff00f0'
|
||||
links:
|
||||
- id: menu_group_1
|
||||
|
||||
@ -67,7 +67,7 @@ const MonthSelector = ({
|
||||
<Icon
|
||||
blockId={`${blockId}_suffixIcon`}
|
||||
events={events}
|
||||
properties={properties.suffixIcon || 'CalendarOutlined'}
|
||||
properties={properties.suffixIcon || 'AiOutlineCalendar'}
|
||||
/>
|
||||
)
|
||||
}
|
||||
@ -97,7 +97,7 @@ MonthSelector.meta = {
|
||||
loading: {
|
||||
type: 'SkeletonInput',
|
||||
},
|
||||
icons: [...Label.meta.icons],
|
||||
icons: [...Label.meta.icons, 'AiOutlineCalendar'],
|
||||
styles: ['blocks/MonthSelector/style.less'],
|
||||
};
|
||||
|
||||
|
||||
@ -99,7 +99,7 @@
|
||||
},
|
||||
"suffixIcon": {
|
||||
"type": ["string", "object"],
|
||||
"default": "CalendarOutlined",
|
||||
"default": "AiOutlineCalendar",
|
||||
"description": "Name of an Ant Design Icon or properties of an Icon block to customize icon on right-hand side of the date picker.",
|
||||
"docs": {
|
||||
"displayType": "icon"
|
||||
|
||||
@ -121,10 +121,10 @@
|
||||
type: MultipleSelector
|
||||
properties:
|
||||
size: default
|
||||
- id: 'properties.suffixIcon: DoubleLeftOutlined'
|
||||
- id: 'properties.suffixIcon: AiOutlineDoubleLeft'
|
||||
type: MultipleSelector
|
||||
properties:
|
||||
suffixIcon: DoubleLeftOutlined
|
||||
suffixIcon: AiOutlineDoubleLeft
|
||||
- id: 'properties.label span: 12'
|
||||
type: MultipleSelector
|
||||
properties:
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
},
|
||||
"clearIcon": {
|
||||
"type": ["string", "object"],
|
||||
"default": "CloseCircleOutlined",
|
||||
"default": "AiOutlineCloseCircle",
|
||||
"description": "Name of an Ant Design Icon or properties of an Icon block to customize icon at far right position of the selector, shown when user is given option to clear input.",
|
||||
"docs": {
|
||||
"displayType": "icon"
|
||||
@ -191,7 +191,7 @@
|
||||
},
|
||||
"selectedIcon": {
|
||||
"type": ["string", "object"],
|
||||
"default": "CheckOutlined",
|
||||
"default": "AiOutlineCheck",
|
||||
"description": "Name of an Ant Design Icon or properties of an Icon block to customize icon showing when a selection is made in the drop-down list.",
|
||||
"docs": {
|
||||
"displayType": "icon"
|
||||
@ -210,7 +210,7 @@
|
||||
},
|
||||
"suffixIcon": {
|
||||
"type": ["string", "object"],
|
||||
"default": "DownOutlined",
|
||||
"default": "AiOutlineDown",
|
||||
"description": "Name of an Ant Design Icon or properties of an Icon block to customize at the drop-down position of the selector.",
|
||||
"docs": {
|
||||
"displayType": "icon"
|
||||
|
||||
@ -38,7 +38,7 @@
|
||||
type: Notification
|
||||
properties:
|
||||
button:
|
||||
icon: SaveOutlined
|
||||
icon: AiOutlineSave
|
||||
title: Close
|
||||
message: Notification message
|
||||
- id: 'properties.duration: 6'
|
||||
@ -51,10 +51,10 @@
|
||||
properties:
|
||||
icon: AccountBookFilled
|
||||
message: Notification message
|
||||
- id: 'properties.closeIcon: AlertOutlined'
|
||||
- id: 'properties.closeIcon: AiOutlineAlert'
|
||||
type: Notification
|
||||
properties:
|
||||
closeIcon: AlertOutlined
|
||||
closeIcon: AiOutlineAlert
|
||||
message: Notification message
|
||||
- id: 'properties.placement: topLeft'
|
||||
type: Notification
|
||||
|
||||
@ -23,13 +23,13 @@
|
||||
type: MenuLink
|
||||
pageId: introduction
|
||||
properties:
|
||||
icon: RocketOutlined
|
||||
icon: AiOutlineRocket
|
||||
title: Introduction
|
||||
- id: alert
|
||||
type: MenuLink
|
||||
pageId: Alert
|
||||
properties:
|
||||
icon: ExclamationCircleOutlined
|
||||
icon: AiOutlineExclamationCircle
|
||||
title: Alert
|
||||
- id: 'properties.logo.src'
|
||||
type: PageHeaderMenu
|
||||
@ -42,13 +42,13 @@
|
||||
type: MenuLink
|
||||
pageId: introduction
|
||||
properties:
|
||||
icon: RocketOutlined
|
||||
icon: AiOutlineRocket
|
||||
title: Introduction
|
||||
- id: alert
|
||||
type: MenuLink
|
||||
pageId: Alert
|
||||
properties:
|
||||
icon: ExclamationCircleOutlined
|
||||
icon: AiOutlineExclamationCircle
|
||||
title: Alert
|
||||
- id: 'properties.logo.alt'
|
||||
type: PageHeaderMenu
|
||||
@ -61,13 +61,13 @@
|
||||
type: MenuLink
|
||||
pageId: introduction
|
||||
properties:
|
||||
icon: RocketOutlined
|
||||
icon: AiOutlineRocket
|
||||
title: Introduction
|
||||
- id: alert
|
||||
type: MenuLink
|
||||
pageId: Alert
|
||||
properties:
|
||||
icon: ExclamationCircleOutlined
|
||||
icon: AiOutlineExclamationCircle
|
||||
title: Alert
|
||||
- id: 'properties.logo.style'
|
||||
type: PageHeaderMenu
|
||||
@ -86,13 +86,13 @@
|
||||
type: MenuLink
|
||||
pageId: introduction
|
||||
properties:
|
||||
icon: RocketOutlined
|
||||
icon: AiOutlineRocket
|
||||
title: Introduction
|
||||
- id: alert
|
||||
type: MenuLink
|
||||
pageId: Alert
|
||||
properties:
|
||||
icon: ExclamationCircleOutlined
|
||||
icon: AiOutlineExclamationCircle
|
||||
title: Alert
|
||||
- id: 'properties.logo.size'
|
||||
type: PageHeaderMenu
|
||||
@ -105,13 +105,13 @@
|
||||
type: MenuLink
|
||||
pageId: introduction
|
||||
properties:
|
||||
icon: RocketOutlined
|
||||
icon: AiOutlineRocket
|
||||
title: Introduction
|
||||
- id: alert
|
||||
type: MenuLink
|
||||
pageId: Alert
|
||||
properties:
|
||||
icon: ExclamationCircleOutlined
|
||||
icon: AiOutlineExclamationCircle
|
||||
title: Alert
|
||||
- id: 'properties.header.color'
|
||||
type: PageHeaderMenu
|
||||
@ -124,13 +124,13 @@
|
||||
type: MenuLink
|
||||
pageId: introduction
|
||||
properties:
|
||||
icon: RocketOutlined
|
||||
icon: AiOutlineRocket
|
||||
title: Introduction
|
||||
- id: alert
|
||||
type: MenuLink
|
||||
pageId: Alert
|
||||
properties:
|
||||
icon: ExclamationCircleOutlined
|
||||
icon: AiOutlineExclamationCircle
|
||||
title: Alert
|
||||
- id: 'properties.header.theme: light'
|
||||
type: PageHeaderMenu
|
||||
@ -143,13 +143,13 @@
|
||||
type: MenuLink
|
||||
pageId: introduction
|
||||
properties:
|
||||
icon: RocketOutlined
|
||||
icon: AiOutlineRocket
|
||||
title: Introduction
|
||||
- id: alert
|
||||
type: MenuLink
|
||||
pageId: Alert
|
||||
properties:
|
||||
icon: ExclamationCircleOutlined
|
||||
icon: AiOutlineExclamationCircle
|
||||
title: Alert
|
||||
- id: 'properties.breadcrumb.list'
|
||||
type: PageHeaderMenu
|
||||
|
||||
@ -23,13 +23,13 @@
|
||||
type: MenuLink
|
||||
pageId: introduction
|
||||
properties:
|
||||
icon: RocketOutlined
|
||||
icon: AiOutlineRocket
|
||||
title: Introduction
|
||||
- id: alert
|
||||
type: MenuLink
|
||||
pageId: Alert
|
||||
properties:
|
||||
icon: ExclamationCircleOutlined
|
||||
icon: AiOutlineExclamationCircle
|
||||
title: Alert
|
||||
- id: 'properties.logo.src'
|
||||
type: PageHeaderMenu
|
||||
@ -42,13 +42,13 @@
|
||||
type: MenuLink
|
||||
pageId: introduction
|
||||
properties:
|
||||
icon: RocketOutlined
|
||||
icon: AiOutlineRocket
|
||||
title: Introduction
|
||||
- id: alert
|
||||
pageId: Alert
|
||||
type: MenuLink
|
||||
properties:
|
||||
icon: ExclamationCircleOutlined
|
||||
icon: AiOutlineExclamationCircle
|
||||
title: Alert
|
||||
- id: 'properties.logo.alt'
|
||||
type: PageHeaderMenu
|
||||
@ -61,13 +61,13 @@
|
||||
type: MenuLink
|
||||
pageId: introduction
|
||||
properties:
|
||||
icon: RocketOutlined
|
||||
icon: AiOutlineRocket
|
||||
title: Introduction
|
||||
- id: alert
|
||||
type: MenuLink
|
||||
pageId: Alert
|
||||
properties:
|
||||
icon: ExclamationCircleOutlined
|
||||
icon: AiOutlineExclamationCircle
|
||||
title: Alert
|
||||
- id: 'properties.logo.style'
|
||||
type: PageHeaderMenu
|
||||
@ -86,13 +86,13 @@
|
||||
type: MenuLink
|
||||
pageId: introduction
|
||||
properties:
|
||||
icon: RocketOutlined
|
||||
icon: AiOutlineRocket
|
||||
title: Introduction
|
||||
- id: alert
|
||||
type: MenuLink
|
||||
pageId: Alert
|
||||
properties:
|
||||
icon: ExclamationCircleOutlined
|
||||
icon: AiOutlineExclamationCircle
|
||||
title: Alert
|
||||
- id: 'properties.logo.size'
|
||||
type: PageHeaderMenu
|
||||
@ -105,13 +105,13 @@
|
||||
type: MenuLink
|
||||
pageId: introduction
|
||||
properties:
|
||||
icon: RocketOutlined
|
||||
icon: AiOutlineRocket
|
||||
title: Introduction
|
||||
- id: alert
|
||||
type: MenuLink
|
||||
pageId: Alert
|
||||
properties:
|
||||
icon: ExclamationCircleOutlined
|
||||
icon: AiOutlineExclamationCircle
|
||||
title: Alert
|
||||
- id: 'properties.header.color'
|
||||
type: PageSiderMenu
|
||||
@ -124,13 +124,13 @@
|
||||
type: MenuLink
|
||||
pageId: introduction
|
||||
properties:
|
||||
icon: RocketOutlined
|
||||
icon: AiOutlineRocket
|
||||
title: Introduction
|
||||
- id: alert
|
||||
type: MenuLink
|
||||
pageId: Alert
|
||||
properties:
|
||||
icon: ExclamationCircleOutlined
|
||||
icon: AiOutlineExclamationCircle
|
||||
title: Alert
|
||||
- id: 'properties.sider.color'
|
||||
type: PageSiderMenu
|
||||
@ -143,13 +143,13 @@
|
||||
type: MenuLink
|
||||
pageId: introduction
|
||||
properties:
|
||||
icon: RocketOutlined
|
||||
icon: AiOutlineRocket
|
||||
title: Introduction
|
||||
- id: alert
|
||||
type: MenuLink
|
||||
pageId: Alert
|
||||
properties:
|
||||
icon: ExclamationCircleOutlined
|
||||
icon: AiOutlineExclamationCircle
|
||||
title: Alert
|
||||
- id: 'properties.menu.selectedColor'
|
||||
type: PageSiderMenu
|
||||
@ -163,13 +163,13 @@
|
||||
type: MenuLink
|
||||
pageId: introduction
|
||||
properties:
|
||||
icon: RocketOutlined
|
||||
icon: AiOutlineRocket
|
||||
title: Introduction
|
||||
- id: alert
|
||||
type: MenuLink
|
||||
pageId: Alert
|
||||
properties:
|
||||
icon: ExclamationCircleOutlined
|
||||
icon: AiOutlineExclamationCircle
|
||||
title: Alert
|
||||
- id: 'properties.header.theme: light'
|
||||
type: PageSiderMenu
|
||||
@ -182,13 +182,13 @@
|
||||
type: MenuLink
|
||||
pageId: introduction
|
||||
properties:
|
||||
icon: RocketOutlined
|
||||
icon: AiOutlineRocket
|
||||
title: Introduction
|
||||
- id: alert
|
||||
type: MenuLink
|
||||
pageId: Alert
|
||||
properties:
|
||||
icon: ExclamationCircleOutlined
|
||||
icon: AiOutlineExclamationCircle
|
||||
title: Alert
|
||||
- id: 'properties.breadcrumb.list'
|
||||
type: PageHeaderMenu
|
||||
|
||||
@ -101,7 +101,7 @@
|
||||
type: Paragraph
|
||||
properties:
|
||||
copyable:
|
||||
icon: WarningOutlined
|
||||
icon: AiOutlineWarning
|
||||
content: |
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
- id: 'properties.copyable: icon: []'
|
||||
@ -109,8 +109,8 @@
|
||||
properties:
|
||||
copyable:
|
||||
icon:
|
||||
- WarningOutlined
|
||||
- RocketOutlined
|
||||
- AiOutlineWarning
|
||||
- AiOutlineRocket
|
||||
content: |
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
- id: 'properties.copyable: tooltips: []'
|
||||
|
||||
@ -67,14 +67,14 @@
|
||||
# type: ParagraphInput
|
||||
# properties:
|
||||
# copyable:
|
||||
# icon: WarningOutlined
|
||||
# icon: AiOutlineWarning
|
||||
# - id: 'properties.copyable: icon: []'
|
||||
# type: ParagraphInput
|
||||
# properties:
|
||||
# copyable:
|
||||
# icon:
|
||||
# - WarningOutlined
|
||||
# - RocketOutlined
|
||||
# - AiOutlineWarning
|
||||
# - AiOutlineRocket
|
||||
# - id: 'properties.copyable: tooltips: []'
|
||||
# type: ParagraphInput
|
||||
# properties:
|
||||
@ -132,7 +132,7 @@
|
||||
# type: ParagraphInput
|
||||
# properties:
|
||||
# editable:
|
||||
# icon: PlusOutlined
|
||||
# icon: AiOutlinePlus
|
||||
# - id: 'properties.editable.tooltip'
|
||||
# type: ParagraphInput
|
||||
# properties:
|
||||
|
||||
@ -150,7 +150,7 @@ const RatingSlider = ({
|
||||
events={events}
|
||||
properties={mergeObjects([
|
||||
{
|
||||
name: 'FrownOutlined',
|
||||
name: 'AiOutlineFrown',
|
||||
style: styles.iconLeft,
|
||||
color: properties.color,
|
||||
},
|
||||
@ -217,7 +217,7 @@ const RatingSlider = ({
|
||||
events={events}
|
||||
properties={mergeObjects([
|
||||
{
|
||||
name: 'SmileOutlined',
|
||||
name: 'AiOutlineSmile',
|
||||
style: styles.iconRight,
|
||||
color: properties.color,
|
||||
},
|
||||
@ -239,7 +239,7 @@ RatingSlider.meta = {
|
||||
loading: {
|
||||
type: 'SkeletonInput',
|
||||
},
|
||||
icons: [...Label.meta.icons],
|
||||
icons: [...Label.meta.icons, 'AiOutlineFrown', 'AiOutlineSmile'],
|
||||
styles: ['blocks/RatingSlider/style.less'],
|
||||
};
|
||||
|
||||
|
||||
@ -46,7 +46,7 @@
|
||||
- id: 'property.minIcon: MehTwoTone'
|
||||
type: RatingSlider
|
||||
properties:
|
||||
minIcon: FormOutlined
|
||||
minIcon: AiOutlineForm
|
||||
- id: 'property.maxIcon: SmileTwoTone'
|
||||
type: RatingSlider
|
||||
properties:
|
||||
|
||||
@ -33,7 +33,7 @@
|
||||
},
|
||||
"minIcon": {
|
||||
"type": ["string", "object"],
|
||||
"default": "FrownOutlined",
|
||||
"default": "AiOutlineFrown",
|
||||
"description": "Name of an Ant Design Icon or properties of an Icon block to customize the icon to the left of the minimum side of the slider.",
|
||||
"docs": {
|
||||
"displayType": "icon"
|
||||
@ -41,7 +41,7 @@
|
||||
},
|
||||
"maxIcon": {
|
||||
"type": ["string", "object"],
|
||||
"default": "SmileOutlined",
|
||||
"default": "AiOutlineSmile",
|
||||
"description": "Name of an Ant Design Icon or properties of an Icon block to customize the icon to the right of the maximum side of the slider.",
|
||||
"docs": {
|
||||
"displayType": "icon"
|
||||
|
||||
@ -116,10 +116,10 @@
|
||||
type: Selector
|
||||
properties:
|
||||
size: default
|
||||
- id: 'properties.suffixIcon: DoubleLeftOutlined'
|
||||
- id: 'properties.suffixIcon: AiOutlineDoubleLeft'
|
||||
type: Selector
|
||||
properties:
|
||||
suffixIcon: DoubleLeftOutlined
|
||||
suffixIcon: AiOutlineDoubleLeft
|
||||
- id: 'properties.label span: 12'
|
||||
type: Selector
|
||||
properties:
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
},
|
||||
"clearIcon": {
|
||||
"type": ["string", "object"],
|
||||
"default": "CloseCircleOutlined",
|
||||
"default": "AiOutlineCloseCircle",
|
||||
"description": "Name of an Ant Design Icon or properties of an Icon block to customize icon at far right position of the selector, shown when user is given option to clear input.",
|
||||
"docs": {
|
||||
"displayType": "icon"
|
||||
@ -207,7 +207,7 @@
|
||||
},
|
||||
"suffixIcon": {
|
||||
"type": ["string", "object"],
|
||||
"default": "DownOutlined",
|
||||
"default": "AiOutlineDown",
|
||||
"description": "Name of an Ant Design Icon or properties of an Icon block to customize icon at the drop-down position of the selector.",
|
||||
"docs": {
|
||||
"displayType": "icon"
|
||||
|
||||
@ -72,7 +72,7 @@ const SwitchBlock = ({
|
||||
blockId={`${blockId}_checkedIcon`}
|
||||
events={events}
|
||||
properties={{
|
||||
name: 'CheckOutlined',
|
||||
name: 'AiOutlineCheck',
|
||||
...(propertiesIconChecked || {}),
|
||||
}}
|
||||
/>
|
||||
@ -86,7 +86,7 @@ const SwitchBlock = ({
|
||||
blockId={`${blockId}_uncheckedIcon`}
|
||||
events={events}
|
||||
properties={{
|
||||
name: 'CloseOutlined',
|
||||
name: 'AiOutlineClose',
|
||||
...(propertiesIconUnchecked || {}),
|
||||
}}
|
||||
/>
|
||||
@ -110,7 +110,7 @@ SwitchBlock.meta = {
|
||||
loading: {
|
||||
type: 'SkeletonInput',
|
||||
},
|
||||
icons: [...Label.meta.icons],
|
||||
icons: [...Label.meta.icons, 'AiOutlineCheck', 'AiOutlineClose'],
|
||||
styles: ['blocks/Switch/style.less'],
|
||||
};
|
||||
|
||||
|
||||
@ -47,10 +47,10 @@
|
||||
type: Switch
|
||||
properties:
|
||||
uncheckedText: Unchecked
|
||||
- id: 'properties.checkedIcon: CheckCircleOutlined'
|
||||
- id: 'properties.checkedIcon: AiOutlineCheckCircle'
|
||||
type: Switch
|
||||
properties:
|
||||
checkedIcon: CheckCircleOutlined
|
||||
checkedIcon: AiOutlineCheckCircle
|
||||
- id: 'properties.uncheckedIcon: UnlockFilled'
|
||||
type: Switch
|
||||
properties:
|
||||
|
||||
@ -11,7 +11,7 @@
|
||||
},
|
||||
"checkedIcon": {
|
||||
"type": ["string", "object"],
|
||||
"default": "CheckOutlined",
|
||||
"default": "AiOutlineCheck",
|
||||
"description": "Name of an Ant Design Icon or properties of an Icon block to customize icon to shown when switch is checked (true).",
|
||||
"docs": {
|
||||
"displayType": "icon"
|
||||
@ -111,7 +111,7 @@
|
||||
},
|
||||
"uncheckedIcon": {
|
||||
"type": ["string", "object"],
|
||||
"default": "CloseOutlined",
|
||||
"default": "AiOutlineClose",
|
||||
"description": "Name of an Ant Design Icon or properties of an Icon block to customize icon to shown when switch is unchecked (false).",
|
||||
"docs": {
|
||||
"displayType": "icon"
|
||||
|
||||
@ -112,12 +112,12 @@
|
||||
tabs:
|
||||
- key: content_one
|
||||
title: Title One
|
||||
icon: WarningOutlined
|
||||
icon: AiOutlineWarning
|
||||
- key: content_two
|
||||
title: Title Two
|
||||
- key: content_three
|
||||
title: Title Three
|
||||
icon: SaveOutlined
|
||||
icon: AiOutlineSave
|
||||
areas:
|
||||
content_one:
|
||||
blocks:
|
||||
|
||||
@ -17,25 +17,25 @@
|
||||
- id: 'properties.mode: alternate'
|
||||
type: TimelineList
|
||||
value:
|
||||
- icon: FireOutlined
|
||||
- icon: AiOutlineFire
|
||||
color: red
|
||||
position: left
|
||||
- icon: SettingOutlined
|
||||
- icon: AiOutlineSetting
|
||||
color: green
|
||||
position: right
|
||||
- icon: RocketOutlined
|
||||
- icon: AiOutlineRocket
|
||||
color: blue
|
||||
position: left
|
||||
properties:
|
||||
mode: alternate
|
||||
data:
|
||||
- icon: FireOutlined
|
||||
- icon: AiOutlineFire
|
||||
color: red
|
||||
position: left
|
||||
- icon: SettingOutlined
|
||||
- icon: AiOutlineSetting
|
||||
color: green
|
||||
position: right
|
||||
- icon: RocketOutlined
|
||||
- icon: AiOutlineRocket
|
||||
color: blue
|
||||
position: left
|
||||
blocks:
|
||||
@ -56,25 +56,25 @@
|
||||
- id: 'properties.mode: right'
|
||||
type: TimelineList
|
||||
value:
|
||||
- icon: FireOutlined
|
||||
- icon: AiOutlineFire
|
||||
color: red
|
||||
position: left
|
||||
- icon: SettingOutlined
|
||||
- icon: AiOutlineSetting
|
||||
color: green
|
||||
position: right
|
||||
- icon: RocketOutlined
|
||||
- icon: AiOutlineRocket
|
||||
color: blue
|
||||
position: left
|
||||
properties:
|
||||
mode: right
|
||||
data:
|
||||
- icon: FireOutlined
|
||||
- icon: AiOutlineFire
|
||||
color: red
|
||||
position: left
|
||||
- icon: SettingOutlined
|
||||
- icon: AiOutlineSetting
|
||||
color: green
|
||||
position: right
|
||||
- icon: RocketOutlined
|
||||
- icon: AiOutlineRocket
|
||||
color: blue
|
||||
position: left
|
||||
blocks:
|
||||
@ -95,25 +95,25 @@
|
||||
- id: 'properties.mode: left'
|
||||
type: TimelineList
|
||||
value:
|
||||
- icon: FireOutlined
|
||||
- icon: AiOutlineFire
|
||||
color: red
|
||||
position: left
|
||||
- icon: SettingOutlined
|
||||
- icon: AiOutlineSetting
|
||||
color: green
|
||||
position: right
|
||||
- icon: RocketOutlined
|
||||
- icon: AiOutlineRocket
|
||||
color: blue
|
||||
position: left
|
||||
properties:
|
||||
mode: left
|
||||
data:
|
||||
- icon: FireOutlined
|
||||
- icon: AiOutlineFire
|
||||
color: red
|
||||
position: left
|
||||
- icon: SettingOutlined
|
||||
- icon: AiOutlineSetting
|
||||
color: green
|
||||
position: right
|
||||
- icon: RocketOutlined
|
||||
- icon: AiOutlineRocket
|
||||
color: blue
|
||||
position: left
|
||||
blocks:
|
||||
@ -134,25 +134,25 @@
|
||||
- id: 'properties.reverse: true'
|
||||
type: TimelineList
|
||||
value:
|
||||
- icon: FireOutlined
|
||||
- icon: AiOutlineFire
|
||||
color: red
|
||||
position: left
|
||||
- icon: SettingOutlined
|
||||
- icon: AiOutlineSetting
|
||||
color: green
|
||||
position: right
|
||||
- icon: RocketOutlined
|
||||
- icon: AiOutlineRocket
|
||||
color: blue
|
||||
position: left
|
||||
properties:
|
||||
reverse: true
|
||||
data:
|
||||
- icon: FireOutlined
|
||||
- icon: AiOutlineFire
|
||||
color: red
|
||||
position: left
|
||||
- icon: SettingOutlined
|
||||
- icon: AiOutlineSetting
|
||||
color: green
|
||||
position: right
|
||||
- icon: RocketOutlined
|
||||
- icon: AiOutlineRocket
|
||||
color: blue
|
||||
position: left
|
||||
blocks:
|
||||
@ -173,25 +173,25 @@
|
||||
- id: 'properties.pending: true'
|
||||
type: TimelineList
|
||||
value:
|
||||
- icon: FireOutlined
|
||||
- icon: AiOutlineFire
|
||||
color: red
|
||||
position: left
|
||||
- icon: SettingOutlined
|
||||
- icon: AiOutlineSetting
|
||||
color: green
|
||||
position: right
|
||||
- icon: RocketOutlined
|
||||
- icon: AiOutlineRocket
|
||||
color: blue
|
||||
position: left
|
||||
properties:
|
||||
pending: true
|
||||
data:
|
||||
- icon: FireOutlined
|
||||
- icon: AiOutlineFire
|
||||
color: red
|
||||
position: left
|
||||
- icon: SettingOutlined
|
||||
- icon: AiOutlineSetting
|
||||
color: green
|
||||
position: right
|
||||
- icon: RocketOutlined
|
||||
- icon: AiOutlineRocket
|
||||
color: blue
|
||||
position: left
|
||||
blocks:
|
||||
@ -212,26 +212,26 @@
|
||||
- id: 'properties.pendingDotIcon: '
|
||||
type: TimelineList
|
||||
value:
|
||||
- icon: FireOutlined
|
||||
- icon: AiOutlineFire
|
||||
color: red
|
||||
position: left
|
||||
- icon: SettingOutlined
|
||||
- icon: AiOutlineSetting
|
||||
color: green
|
||||
position: right
|
||||
- icon: RocketOutlined
|
||||
- icon: AiOutlineRocket
|
||||
color: blue
|
||||
position: left
|
||||
properties:
|
||||
pending: true
|
||||
pendingDotIcon: FireFilled
|
||||
data:
|
||||
- icon: FireOutlined
|
||||
- icon: AiOutlineFire
|
||||
color: red
|
||||
position: left
|
||||
- icon: SettingOutlined
|
||||
- icon: AiOutlineSetting
|
||||
color: green
|
||||
position: right
|
||||
- icon: RocketOutlined
|
||||
- icon: AiOutlineRocket
|
||||
color: blue
|
||||
position: left
|
||||
blocks:
|
||||
|
||||
@ -112,7 +112,7 @@
|
||||
copyable:
|
||||
icon:
|
||||
- WarningOutlined
|
||||
- RocketOutlined
|
||||
- AiOutlineRocket
|
||||
content: Lorem ipsum dolor sit amet
|
||||
- id: 'properties.copyable: tooltips: []'
|
||||
type: Title
|
||||
|
||||
@ -91,7 +91,7 @@
|
||||
copyable:
|
||||
icon:
|
||||
- WarningOutlined
|
||||
- RocketOutlined
|
||||
- AiOutlineRocket
|
||||
- id: 'properties.copyable: tooltips: []'
|
||||
type: TitleInput
|
||||
properties:
|
||||
|
||||
@ -66,7 +66,7 @@ const WeekSelector = ({
|
||||
<Icon
|
||||
blockId={`${blockId}_suffixIcon`}
|
||||
events={events}
|
||||
properties={properties.suffixIcon || 'CalendarOutlined'}
|
||||
properties={properties.suffixIcon || 'AiOutlineCalendar'}
|
||||
/>
|
||||
)
|
||||
}
|
||||
@ -94,7 +94,7 @@ WeekSelector.meta = {
|
||||
loading: {
|
||||
type: 'SkeletonInput',
|
||||
},
|
||||
icons: [...Label.meta.icons],
|
||||
icons: [...Label.meta.icons, 'AiOutlineCalendar'],
|
||||
styles: ['blocks/WeekSelector/style.less'],
|
||||
};
|
||||
|
||||
|
||||
@ -158,7 +158,7 @@
|
||||
},
|
||||
"suffixIcon": {
|
||||
"type": ["string", "object"],
|
||||
"default": "CalendarOutlined",
|
||||
"default": "AiOutlineCalendar",
|
||||
"description": "Name of an Ant Design Icon or properties of an Icon block to customize icon at the right-hand side of the date picker.",
|
||||
"docs": {
|
||||
"displayType": "icon"
|
||||
|
||||
@ -17,38 +17,38 @@
|
||||
- id: properties.icon
|
||||
type: Icon
|
||||
properties:
|
||||
name: RocketOutlined
|
||||
name: AiOutlineRocket
|
||||
- id: 'properties.disableLoadingIcon: true'
|
||||
type: Icon
|
||||
properties:
|
||||
name: RocketOutlined
|
||||
name: AiOutlineRocket
|
||||
disableLoadingIcon: true
|
||||
- id: 'properties.size: 30'
|
||||
type: Icon
|
||||
properties:
|
||||
name: RocketOutlined
|
||||
name: AiOutlineRocket
|
||||
size: 30
|
||||
- id: 'properties.rotate: 90'
|
||||
type: Icon
|
||||
properties:
|
||||
name: RocketOutlined
|
||||
name: AiOutlineRocket
|
||||
size: 30
|
||||
rotate: 90
|
||||
- id: 'properties.spin: true'
|
||||
type: Icon
|
||||
properties:
|
||||
name: RocketOutlined
|
||||
name: AiOutlineRocket
|
||||
size: 30
|
||||
spin: true
|
||||
- id: 'properties.color'
|
||||
type: Icon
|
||||
properties:
|
||||
name: RocketOutlined
|
||||
name: AiOutlineRocket
|
||||
size: 25
|
||||
color: '#9c27b0'
|
||||
- id: 'properties.style: border: 1px solid red'
|
||||
type: Icon
|
||||
properties:
|
||||
name: RocketOutlined
|
||||
name: AiOutlineRocket
|
||||
style:
|
||||
border: 1px solid red
|
||||
|
||||
@ -1,3 +1,3 @@
|
||||
# Lowdefy Color Selector
|
||||
|
||||
A Lowdefy Color Selector block based on react-color.
|
||||
A Lowdefy Color Selector block based on react-colorful.
|
||||
|
||||
@ -53,8 +53,9 @@
|
||||
"dependencies": {
|
||||
"@lowdefy/block-utils": "4.0.0-alpha.7",
|
||||
"@lowdefy/blocks-antd": "4.0.0-alpha.7",
|
||||
"classnames": "2.3.1",
|
||||
"react": "17.0.2",
|
||||
"react-color": "2.19.3",
|
||||
"react-colorful": "5.5.1",
|
||||
"react-dom": "17.0.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
|
||||
@ -15,10 +15,3 @@
|
||||
*/
|
||||
|
||||
export { default as ColorSelector } from './blocks/ColorSelector/ColorSelector.js';
|
||||
export { default as ChromeColorSelector } from './blocks/ChromeColorSelector/ChromeColorSelector.js';
|
||||
export { default as CircleColorSelector } from './blocks/CircleColorSelector/CircleColorSelector.js';
|
||||
export { default as CompactColorSelector } from './blocks/CompactColorSelector/CompactColorSelector.js';
|
||||
export { default as GithubColorSelector } from './blocks/GithubColorSelector/GithubColorSelector.js';
|
||||
export { default as SliderColorSelector } from './blocks/SliderColorSelector/SliderColorSelector.js';
|
||||
export { default as SwatchesColorSelector } from './blocks/SwatchesColorSelector/SwatchesColorSelector.js';
|
||||
export { default as TwitterColorSelector } from './blocks/TwitterColorSelector/TwitterColorSelector.js';
|
||||
|
||||
@ -1,70 +0,0 @@
|
||||
/*
|
||||
Copyright 2020-2021 Lowdefy, Inc
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
import React, { useState } from 'react';
|
||||
import ChromePicker from 'react-color/lib/Chrome.js';
|
||||
import { blockDefaultProps } from '@lowdefy/block-utils';
|
||||
import Label from '@lowdefy/blocks-antd/blocks/Label/Label.js';
|
||||
|
||||
const Selector = ({ blockId, loading, methods, properties, required, validation, value }) => {
|
||||
const [color, setColor] = useState(value || properties.defaultColor || '#000000');
|
||||
return (
|
||||
<Label
|
||||
blockId={blockId}
|
||||
loading={loading}
|
||||
methods={methods}
|
||||
properties={{ title: properties.title, size: properties.size, ...properties.label }}
|
||||
required={required}
|
||||
validation={validation}
|
||||
content={{
|
||||
content: () => (
|
||||
<ChromePicker
|
||||
id={`${blockId}_input`}
|
||||
className={methods.makeCssClass([
|
||||
{ marginBottom: '0px !important' },
|
||||
properties.inputStyle,
|
||||
])}
|
||||
color={(color && color[color.source]) || color || '#000000'}
|
||||
disableAlpha={properties.disableAlpha}
|
||||
onChange={(clr) => setColor(clr)}
|
||||
onChangeComplete={(clr) => {
|
||||
setColor(clr);
|
||||
methods.setValue(clr);
|
||||
methods.triggerEvent({ name: 'onChange' });
|
||||
}}
|
||||
/>
|
||||
),
|
||||
}}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
Selector.defaultProps = blockDefaultProps;
|
||||
Selector.meta = {
|
||||
valueType: 'object',
|
||||
category: 'input',
|
||||
loading: {
|
||||
type: 'Skeleton',
|
||||
properties: {
|
||||
width: 225,
|
||||
height: 240,
|
||||
},
|
||||
},
|
||||
icons: [...Label.meta.icons],
|
||||
styles: ['blocks/ChromeColorSelector/style.less'],
|
||||
};
|
||||
|
||||
export default Selector;
|
||||
@ -1,50 +0,0 @@
|
||||
/*
|
||||
Copyright 2020-2021 Lowdefy, Inc
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
*/
|
||||
import 'jest-canvas-mock';
|
||||
import { runMockRenderTests } from '@lowdefy/block-dev';
|
||||
|
||||
import Block from './ChromeColorSelector.js';
|
||||
import examples from './examples.yaml';
|
||||
import schema from './schema.json';
|
||||
|
||||
const testConfig = {
|
||||
validation: true,
|
||||
required: true,
|
||||
values: [],
|
||||
};
|
||||
|
||||
jest.mock('react-color', () => {
|
||||
const selectors = {
|
||||
ChromePicker: jest.fn(() => 'mocked'),
|
||||
};
|
||||
return selectors;
|
||||
});
|
||||
|
||||
const mocks = [
|
||||
{
|
||||
getMockFns: async () => {
|
||||
const antd = await import('react-color');
|
||||
return [antd.ChromePicker];
|
||||
},
|
||||
getBlock: async () => {
|
||||
const Block = await import('./ChromeColorSelector.js');
|
||||
return Block.default;
|
||||
},
|
||||
name: 'ChromeColorSelector',
|
||||
},
|
||||
];
|
||||
|
||||
runMockRenderTests({ Block, examples, mocks, schema, testConfig });
|
||||
@ -1,31 +0,0 @@
|
||||
/*
|
||||
Copyright 2020-2021 Lowdefy, Inc
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
import 'jest-canvas-mock';
|
||||
import { runBlockSchemaTests, runRenderTests } from '@lowdefy/block-dev';
|
||||
|
||||
import Block from './ChromeColorSelector.js';
|
||||
import examples from './examples.yaml';
|
||||
import schema from './schema.json';
|
||||
|
||||
const testConfig = {
|
||||
validation: true,
|
||||
required: true,
|
||||
values: [],
|
||||
};
|
||||
|
||||
runRenderTests({ Block, examples, schema, testConfig });
|
||||
runBlockSchemaTests({ examples, schema });
|
||||
@ -1,97 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Mock render - default - value[0] - ChromeColorSelector 1`] = `
|
||||
Array [
|
||||
Array [
|
||||
Object {
|
||||
"className": "{\\"style\\":[{\\"marginBottom\\":\\"0px !important\\"},null]}",
|
||||
"color": "#000000",
|
||||
"disableAlpha": undefined,
|
||||
"id": "default_input",
|
||||
"onChange": [Function],
|
||||
"onChangeComplete": [Function],
|
||||
},
|
||||
Object {},
|
||||
],
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`Mock render - defaultColor - value[0] - ChromeColorSelector 1`] = `
|
||||
Array [
|
||||
Array [
|
||||
Object {
|
||||
"className": "{\\"style\\":[{\\"marginBottom\\":\\"0px !important\\"},null]}",
|
||||
"color": "#FF0000",
|
||||
"disableAlpha": undefined,
|
||||
"id": "defaultColor_input",
|
||||
"onChange": [Function],
|
||||
"onChangeComplete": [Function],
|
||||
},
|
||||
Object {},
|
||||
],
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`Mock render - disableAlpha - value[0] - ChromeColorSelector 1`] = `
|
||||
Array [
|
||||
Array [
|
||||
Object {
|
||||
"className": "{\\"style\\":[{\\"marginBottom\\":\\"0px !important\\"},null]}",
|
||||
"color": "#000000",
|
||||
"disableAlpha": true,
|
||||
"id": "disableAlpha_input",
|
||||
"onChange": [Function],
|
||||
"onChangeComplete": [Function],
|
||||
},
|
||||
Object {},
|
||||
],
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`Mock render - inputStyle - value[0] - ChromeColorSelector 1`] = `
|
||||
Array [
|
||||
Array [
|
||||
Object {
|
||||
"className": "{\\"style\\":[{\\"marginBottom\\":\\"0px !important\\"},{\\"border\\":\\"3px solid blue\\"}]}",
|
||||
"color": "#000000",
|
||||
"disableAlpha": undefined,
|
||||
"id": "inputStyle_input",
|
||||
"onChange": [Function],
|
||||
"onChangeComplete": [Function],
|
||||
},
|
||||
Object {},
|
||||
],
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`Mock render - label-disabled - value[0] - ChromeColorSelector 1`] = `
|
||||
Array [
|
||||
Array [
|
||||
Object {
|
||||
"className": "{\\"style\\":[{\\"marginBottom\\":\\"0px !important\\"},null]}",
|
||||
"color": "#000000",
|
||||
"disableAlpha": undefined,
|
||||
"id": "label-disabled_input",
|
||||
"onChange": [Function],
|
||||
"onChangeComplete": [Function],
|
||||
},
|
||||
Object {},
|
||||
],
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`Mock render - title - value[0] - ChromeColorSelector 1`] = `
|
||||
Array [
|
||||
Array [
|
||||
Object {
|
||||
"className": "{\\"style\\":[{\\"marginBottom\\":\\"0px !important\\"},null]}",
|
||||
"color": "#000000",
|
||||
"disableAlpha": undefined,
|
||||
"id": "title_input",
|
||||
"onChange": [Function],
|
||||
"onChangeComplete": [Function],
|
||||
},
|
||||
Object {},
|
||||
],
|
||||
]
|
||||
`;
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,38 +0,0 @@
|
||||
# Copyright 2020-2021 Lowdefy, Inc
|
||||
|
||||
# Licensed under the Apache License, Version 2.0 (the "License");
|
||||
# you may not use this file except in compliance with the License.
|
||||
# You may obtain a copy of the License at
|
||||
|
||||
# http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
# Unless required by applicable law or agreed to in writing, software
|
||||
# distributed under the License is distributed on an "AS IS" BASIS,
|
||||
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
# See the License for the specific language governing permissions and
|
||||
# limitations under the License.
|
||||
|
||||
- id: default
|
||||
type: ChromeColorSelector
|
||||
- id: title
|
||||
type: ChromeColorSelector
|
||||
properties:
|
||||
title: The color selector
|
||||
- id: disableAlpha
|
||||
type: ChromeColorSelector
|
||||
properties:
|
||||
disableAlpha: true
|
||||
- id: defaultColor
|
||||
type: ChromeColorSelector
|
||||
properties:
|
||||
defaultColor: '#FF0000'
|
||||
- id: inputStyle
|
||||
type: ChromeColorSelector
|
||||
properties:
|
||||
inputStyle:
|
||||
border: 3px solid blue
|
||||
- id: label-disabled
|
||||
type: ChromeColorSelector
|
||||
properties:
|
||||
label:
|
||||
disabled: true
|
||||
@ -1,99 +0,0 @@
|
||||
{
|
||||
"type": "object",
|
||||
"properties": {
|
||||
"type": "object",
|
||||
"properties": {
|
||||
"defaultColor": {
|
||||
"type": "string",
|
||||
"description": "Default color to display if input value is null.",
|
||||
"docs": {
|
||||
"displayType": "color"
|
||||
}
|
||||
},
|
||||
"disableAlpha": {
|
||||
"type": "boolean",
|
||||
"description": "Remove alpha slider and options from picker."
|
||||
},
|
||||
"inputStyle": {
|
||||
"type": "object",
|
||||
"description": "Css style to applied to input.",
|
||||
"docs": {
|
||||
"displayType": "yaml"
|
||||
}
|
||||
},
|
||||
"label": {
|
||||
"type": "object",
|
||||
"description": "Label properties.",
|
||||
"additionalProperties": false,
|
||||
"properties": {
|
||||
"align": {
|
||||
"type": "string",
|
||||
"enum": ["left", "right"],
|
||||
"default": "left",
|
||||
"description": "Align label left or right when inline."
|
||||
},
|
||||
"colon": {
|
||||
"type": "boolean",
|
||||
"default": true,
|
||||
"description": "Append label with colon."
|
||||
},
|
||||
"extra": {
|
||||
"type": "string",
|
||||
"description": "Extra text to display beneath the content."
|
||||
},
|
||||
"title": {
|
||||
"type": "string",
|
||||
"description": "Label title."
|
||||
},
|
||||
"span": {
|
||||
"type": "number",
|
||||
"description": "Label inline span."
|
||||
},
|
||||
"disabled": {
|
||||
"type": "boolean",
|
||||
"default": false,
|
||||
"description": "Hide input label."
|
||||
},
|
||||
"hasFeedback": {
|
||||
"type": "boolean",
|
||||
"default": true,
|
||||
"description": "Display feedback extra from validation, this does not disable validation."
|
||||
},
|
||||
"inline": {
|
||||
"type": "boolean",
|
||||
"default": false,
|
||||
"description": "Render input and label inline."
|
||||
},
|
||||
"extraStyle": {
|
||||
"type": "object",
|
||||
"description": "Css style to applied to label extra.",
|
||||
"docs": {
|
||||
"displayType": "yaml"
|
||||
}
|
||||
},
|
||||
"feedbackStyle": {
|
||||
"type": "object",
|
||||
"description": "Css style to applied to label feedback.",
|
||||
"docs": {
|
||||
"displayType": "yaml"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"title": {
|
||||
"type": "string",
|
||||
"description": "Title to describe the input component, if no title is specified the block id is displayed."
|
||||
}
|
||||
}
|
||||
},
|
||||
"events": {
|
||||
"type": "object",
|
||||
"additionalProperties": false,
|
||||
"properties": {
|
||||
"onChange": {
|
||||
"type": "array",
|
||||
"description": "Trigger actions when color is picked."
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,17 +0,0 @@
|
||||
/*
|
||||
Copyright 2020-2021 Lowdefy, Inc
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
@import '@lowdefy/blocks-antd/blocks/Label/style.less';
|
||||
@ -1,95 +0,0 @@
|
||||
/*
|
||||
Copyright 2020-2021 Lowdefy, Inc
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
import React from 'react';
|
||||
import CirclePicker from 'react-color/lib/Circle.js';
|
||||
import { blockDefaultProps } from '@lowdefy/block-utils';
|
||||
import Label from '@lowdefy/blocks-antd/blocks/Label/Label.js';
|
||||
|
||||
const Selector = ({ blockId, loading, methods, properties, required, validation, value }) => {
|
||||
return (
|
||||
<Label
|
||||
blockId={blockId}
|
||||
loading={loading}
|
||||
methods={methods}
|
||||
properties={{
|
||||
title: properties.title,
|
||||
size: properties.size,
|
||||
style: { alignSelf: 'center' },
|
||||
...properties.label,
|
||||
}}
|
||||
required={required}
|
||||
validation={validation}
|
||||
content={{
|
||||
content: () => (
|
||||
<div
|
||||
className={methods.makeCssClass([
|
||||
{
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
},
|
||||
properties.inputStyle,
|
||||
])}
|
||||
>
|
||||
{properties.showValue && (
|
||||
<div
|
||||
className={methods.makeCssClass([
|
||||
{
|
||||
paddingRight: properties.circleSpacing || 14,
|
||||
textAlign: 'center',
|
||||
fontFamily: 'monospace',
|
||||
whiteSpace: 'nowrap',
|
||||
},
|
||||
properties.valueStyle,
|
||||
])}
|
||||
>
|
||||
{value || '-------'}
|
||||
</div>
|
||||
)}
|
||||
<CirclePicker
|
||||
id={`${blockId}_input`}
|
||||
circleSize={properties.circleSize || 28}
|
||||
circleSpacing={properties.circleSpacing || 14}
|
||||
color={value || properties.defaultColor || '#000000'}
|
||||
colors={properties.colors}
|
||||
width={properties.width || '100%'}
|
||||
onChangeComplete={(color) => {
|
||||
methods.setValue(color.hex || '#000000');
|
||||
methods.triggerEvent({ name: 'onChange' });
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
),
|
||||
}}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
Selector.defaultProps = blockDefaultProps;
|
||||
Selector.meta = {
|
||||
valueType: 'string',
|
||||
category: 'input',
|
||||
loading: {
|
||||
type: 'Skeleton',
|
||||
properties: {
|
||||
height: 42,
|
||||
},
|
||||
},
|
||||
icons: [...Label.meta.icons],
|
||||
styles: ['blocks/CircleColorSelector/style.less'],
|
||||
};
|
||||
|
||||
export default Selector;
|
||||
@ -1,50 +0,0 @@
|
||||
/*
|
||||
Copyright 2020-2021 Lowdefy, Inc
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
import { runMockRenderTests } from '@lowdefy/block-dev';
|
||||
|
||||
import Block from './CircleColorSelector.js';
|
||||
import examples from './examples.yaml';
|
||||
import schema from './schema.json';
|
||||
|
||||
const testConfig = {
|
||||
validation: true,
|
||||
required: true,
|
||||
values: [],
|
||||
};
|
||||
|
||||
jest.mock('react-color', () => {
|
||||
const selectors = {
|
||||
CirclePicker: jest.fn(() => 'mocked'),
|
||||
};
|
||||
return selectors;
|
||||
});
|
||||
|
||||
const mocks = [
|
||||
{
|
||||
getMockFns: async () => {
|
||||
const antd = await import('react-color');
|
||||
return [antd.CirclePicker];
|
||||
},
|
||||
getBlock: async () => {
|
||||
const Block = await import('./CircleColorSelector.js');
|
||||
return Block.default;
|
||||
},
|
||||
name: 'CircleColorSelector',
|
||||
},
|
||||
];
|
||||
|
||||
runMockRenderTests({ Block, examples, mocks, schema, testConfig });
|
||||
@ -1,30 +0,0 @@
|
||||
/*
|
||||
Copyright 2020-2021 Lowdefy, Inc
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
import { runBlockSchemaTests, runRenderTests } from '@lowdefy/block-dev';
|
||||
|
||||
import Block from './CircleColorSelector.js';
|
||||
import examples from './examples.yaml';
|
||||
import schema from './schema.json';
|
||||
|
||||
const testConfig = {
|
||||
validation: true,
|
||||
required: true,
|
||||
values: [],
|
||||
};
|
||||
|
||||
runRenderTests({ Block, examples, schema, testConfig });
|
||||
runBlockSchemaTests({ examples, schema });
|
||||
@ -1,208 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Mock render - circleSize - value[0] - CircleColorSelector 1`] = `
|
||||
Array [
|
||||
Array [
|
||||
Object {
|
||||
"circleSize": 50,
|
||||
"circleSpacing": 14,
|
||||
"color": "#000000",
|
||||
"colors": undefined,
|
||||
"id": "circleSize_input",
|
||||
"onChangeComplete": [Function],
|
||||
"width": "100%",
|
||||
},
|
||||
Object {},
|
||||
],
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`Mock render - circleSpacing - value[0] - CircleColorSelector 1`] = `
|
||||
Array [
|
||||
Array [
|
||||
Object {
|
||||
"circleSize": 28,
|
||||
"circleSpacing": 1,
|
||||
"color": "#000000",
|
||||
"colors": undefined,
|
||||
"id": "circleSpacing_input",
|
||||
"onChangeComplete": [Function],
|
||||
"width": "100%",
|
||||
},
|
||||
Object {},
|
||||
],
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`Mock render - colors - value[0] - CircleColorSelector 1`] = `
|
||||
Array [
|
||||
Array [
|
||||
Object {
|
||||
"circleSize": 28,
|
||||
"circleSpacing": 14,
|
||||
"color": "#000000",
|
||||
"colors": Array [
|
||||
"#123456",
|
||||
"#abc345",
|
||||
],
|
||||
"id": "colors_input",
|
||||
"onChangeComplete": [Function],
|
||||
"width": "100%",
|
||||
},
|
||||
Object {},
|
||||
],
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`Mock render - default - value[0] - CircleColorSelector 1`] = `
|
||||
Array [
|
||||
Array [
|
||||
Object {
|
||||
"circleSize": 28,
|
||||
"circleSpacing": 14,
|
||||
"color": "#000000",
|
||||
"colors": undefined,
|
||||
"id": "default_input",
|
||||
"onChangeComplete": [Function],
|
||||
"width": "100%",
|
||||
},
|
||||
Object {},
|
||||
],
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`Mock render - defaultColor - value[0] - CircleColorSelector 1`] = `
|
||||
Array [
|
||||
Array [
|
||||
Object {
|
||||
"circleSize": 28,
|
||||
"circleSpacing": 14,
|
||||
"color": "#FF0000",
|
||||
"colors": undefined,
|
||||
"id": "defaultColor_input",
|
||||
"onChangeComplete": [Function],
|
||||
"width": "100%",
|
||||
},
|
||||
Object {},
|
||||
],
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`Mock render - inputStyle - value[0] - CircleColorSelector 1`] = `
|
||||
Array [
|
||||
Array [
|
||||
Object {
|
||||
"circleSize": 28,
|
||||
"circleSpacing": 14,
|
||||
"color": "#000000",
|
||||
"colors": undefined,
|
||||
"id": "inputStyle_input",
|
||||
"onChangeComplete": [Function],
|
||||
"width": "100%",
|
||||
},
|
||||
Object {},
|
||||
],
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`Mock render - label-disabled - value[0] - CircleColorSelector 1`] = `
|
||||
Array [
|
||||
Array [
|
||||
Object {
|
||||
"circleSize": 28,
|
||||
"circleSpacing": 14,
|
||||
"color": "#000000",
|
||||
"colors": undefined,
|
||||
"id": "label-disabled_input",
|
||||
"onChangeComplete": [Function],
|
||||
"width": "100%",
|
||||
},
|
||||
Object {},
|
||||
],
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`Mock render - showValue - value[0] - CircleColorSelector 1`] = `
|
||||
Array [
|
||||
Array [
|
||||
Object {
|
||||
"circleSize": 28,
|
||||
"circleSpacing": 14,
|
||||
"color": "#000000",
|
||||
"colors": undefined,
|
||||
"id": "showValue_input",
|
||||
"onChangeComplete": [Function],
|
||||
"width": "100%",
|
||||
},
|
||||
Object {},
|
||||
],
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`Mock render - showValue, value - value[0] - CircleColorSelector 1`] = `
|
||||
Array [
|
||||
Array [
|
||||
Object {
|
||||
"circleSize": 28,
|
||||
"circleSpacing": 14,
|
||||
"color": "#000000",
|
||||
"colors": undefined,
|
||||
"id": "showValue, value_input",
|
||||
"onChangeComplete": [Function],
|
||||
"width": "100%",
|
||||
},
|
||||
Object {},
|
||||
],
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`Mock render - title - value[0] - CircleColorSelector 1`] = `
|
||||
Array [
|
||||
Array [
|
||||
Object {
|
||||
"circleSize": 28,
|
||||
"circleSpacing": 14,
|
||||
"color": "#000000",
|
||||
"colors": undefined,
|
||||
"id": "title_input",
|
||||
"onChangeComplete": [Function],
|
||||
"width": "100%",
|
||||
},
|
||||
Object {},
|
||||
],
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`Mock render - valueStyle - value[0] - CircleColorSelector 1`] = `
|
||||
Array [
|
||||
Array [
|
||||
Object {
|
||||
"circleSize": 28,
|
||||
"circleSpacing": 14,
|
||||
"color": "#000000",
|
||||
"colors": undefined,
|
||||
"id": "valueStyle_input",
|
||||
"onChangeComplete": [Function],
|
||||
"width": "100%",
|
||||
},
|
||||
Object {},
|
||||
],
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`Mock render - width - value[0] - CircleColorSelector 1`] = `
|
||||
Array [
|
||||
Array [
|
||||
Object {
|
||||
"circleSize": 28,
|
||||
"circleSpacing": 14,
|
||||
"color": "#000000",
|
||||
"colors": undefined,
|
||||
"id": "width_input",
|
||||
"onChangeComplete": [Function],
|
||||
"width": 200,
|
||||
},
|
||||
Object {},
|
||||
],
|
||||
]
|
||||
`;
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,66 +0,0 @@
|
||||
# Copyright 2020-2021 Lowdefy, Inc
|
||||
|
||||
# Licensed under the Apache License, Version 2.0 (the "License");
|
||||
# you may not use this file except in compliance with the License.
|
||||
# You may obtain a copy of the License at
|
||||
|
||||
# http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
# Unless required by applicable law or agreed to in writing, software
|
||||
# distributed under the License is distributed on an "AS IS" BASIS,
|
||||
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
# See the License for the specific language governing permissions and
|
||||
# limitations under the License.
|
||||
|
||||
- id: default
|
||||
type: CircleColorSelector
|
||||
- id: title
|
||||
type: CircleColorSelector
|
||||
properties:
|
||||
title: The color selector
|
||||
- id: circleSize
|
||||
type: CircleColorSelector
|
||||
properties:
|
||||
circleSize: 50
|
||||
- id: circleSpacing
|
||||
type: CircleColorSelector
|
||||
properties:
|
||||
circleSpacing: 1
|
||||
- id: colors
|
||||
type: CircleColorSelector
|
||||
properties:
|
||||
colors: ['#123456', '#abc345']
|
||||
- id: defaultColor
|
||||
type: CircleColorSelector
|
||||
properties:
|
||||
defaultColor: '#FF0000'
|
||||
- id: inputStyle
|
||||
type: CircleColorSelector
|
||||
properties:
|
||||
inputStyle:
|
||||
border: 3px solid blue
|
||||
- id: width
|
||||
type: CircleColorSelector
|
||||
properties:
|
||||
width: 200
|
||||
- id: label-disabled
|
||||
type: CircleColorSelector
|
||||
properties:
|
||||
label:
|
||||
disabled: true
|
||||
- id: showValue
|
||||
type: CircleColorSelector
|
||||
properties:
|
||||
showValue: true
|
||||
- id: showValue, value
|
||||
type: CircleColorSelector
|
||||
value: '#ababab'
|
||||
properties:
|
||||
showValue: true
|
||||
- id: valueStyle
|
||||
type: CircleColorSelector
|
||||
properties:
|
||||
showValue: true
|
||||
valueStyle:
|
||||
color: red
|
||||
fontSize: 32
|
||||
@ -1,156 +0,0 @@
|
||||
{
|
||||
"type": "object",
|
||||
"properties": {
|
||||
"type": "object",
|
||||
"properties": {
|
||||
"circleSize": {
|
||||
"type": "number",
|
||||
"description": "Pixel value for circle size.",
|
||||
"default": 28
|
||||
},
|
||||
"circleSpacing": {
|
||||
"type": "number",
|
||||
"description": "Pixel value for spacing between circles.",
|
||||
"default": 14
|
||||
},
|
||||
"colors": {
|
||||
"type": "array",
|
||||
"description": "Colors to display.",
|
||||
"default": [
|
||||
"#f44336",
|
||||
"#e91e63",
|
||||
"#9c27b0",
|
||||
"#673ab7",
|
||||
"#3f51b5",
|
||||
"#2196f3",
|
||||
"#03a9f4",
|
||||
"#00bcd4",
|
||||
"#009688",
|
||||
"#4caf50",
|
||||
"#8bc34a",
|
||||
"#cddc39",
|
||||
"#ffeb3b",
|
||||
"#ffc107",
|
||||
"#ff9800",
|
||||
"#ff5722",
|
||||
"#795548",
|
||||
"#607d8b"
|
||||
],
|
||||
"items": {
|
||||
"type": "string",
|
||||
"docs": {
|
||||
"displayType": "color"
|
||||
}
|
||||
}
|
||||
},
|
||||
"defaultColor": {
|
||||
"type": "string",
|
||||
"default": "#000000",
|
||||
"description": "Default color to display if input value is null.",
|
||||
"docs": {
|
||||
"displayType": "color"
|
||||
}
|
||||
},
|
||||
"inputStyle": {
|
||||
"type": "object",
|
||||
"description": "Css style to applied to input.",
|
||||
"docs": {
|
||||
"displayType": "yaml"
|
||||
}
|
||||
},
|
||||
"valueStyle": {
|
||||
"type": "object",
|
||||
"description": "Css style to applied to value text when is displayed.",
|
||||
"docs": {
|
||||
"displayType": "yaml"
|
||||
}
|
||||
},
|
||||
"showValue": {
|
||||
"type": "boolean",
|
||||
"description": "Display the selector value next to the circle selector.",
|
||||
"default": false
|
||||
},
|
||||
"label": {
|
||||
"type": "object",
|
||||
"description": "Label properties.",
|
||||
"additionalProperties": false,
|
||||
"properties": {
|
||||
"align": {
|
||||
"type": "string",
|
||||
"enum": ["left", "right"],
|
||||
"default": "left",
|
||||
"description": "Align label left or right when inline."
|
||||
},
|
||||
"colon": {
|
||||
"type": "boolean",
|
||||
"default": true,
|
||||
"description": "Append label with colon."
|
||||
},
|
||||
"extra": {
|
||||
"type": "string",
|
||||
"description": "Extra text to display beneath the content."
|
||||
},
|
||||
"title": {
|
||||
"type": "string",
|
||||
"description": "Label title."
|
||||
},
|
||||
"span": {
|
||||
"type": "number",
|
||||
"description": "Label inline span."
|
||||
},
|
||||
"disabled": {
|
||||
"type": "boolean",
|
||||
"default": false,
|
||||
"description": "Hide input label."
|
||||
},
|
||||
"hasFeedback": {
|
||||
"type": "boolean",
|
||||
"default": true,
|
||||
"description": "Display feedback extra from validation, this does not disable validation."
|
||||
},
|
||||
"inline": {
|
||||
"type": "boolean",
|
||||
"default": false,
|
||||
"description": "Render input and label inline."
|
||||
},
|
||||
"extraStyle": {
|
||||
"type": "object",
|
||||
"description": "Css style to applied to label extra.",
|
||||
"docs": {
|
||||
"displayType": "yaml"
|
||||
}
|
||||
},
|
||||
"feedbackStyle": {
|
||||
"type": "object",
|
||||
"description": "Css style to applied to label feedback.",
|
||||
"docs": {
|
||||
"displayType": "yaml"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"title": {
|
||||
"type": "string",
|
||||
"description": "Title to describe the input component, if no title is specified the block id is displayed."
|
||||
},
|
||||
"width": {
|
||||
"type": ["string", "number"],
|
||||
"description": "Color selector width.",
|
||||
"default": "100%",
|
||||
"docs": {
|
||||
"displayType": "string"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"events": {
|
||||
"type": "object",
|
||||
"additionalProperties": false,
|
||||
"properties": {
|
||||
"onChange": {
|
||||
"type": "array",
|
||||
"description": "Trigger actions when color is picked."
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,17 +0,0 @@
|
||||
/*
|
||||
Copyright 2020-2021 Lowdefy, Inc
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
@import '@lowdefy/blocks-antd/blocks/Label/style.less';
|
||||
@ -0,0 +1,85 @@
|
||||
/*
|
||||
Copyright 2020-2021 Lowdefy, Inc
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
*/
|
||||
|
||||
import React, { useCallback, useRef, useState } from 'react';
|
||||
import { HexColorPicker, HexColorInput } from 'react-colorful';
|
||||
import classNames from 'classnames';
|
||||
|
||||
import useClickOutside from './useClickOutside.js';
|
||||
|
||||
const DEFAULT_COLOR = '#000000';
|
||||
|
||||
export const ColorPicker = ({
|
||||
className,
|
||||
disabled,
|
||||
hideInput,
|
||||
onChange,
|
||||
size,
|
||||
undefinedColor,
|
||||
value,
|
||||
}) => {
|
||||
const popover = useRef();
|
||||
const [isOpen, toggle] = useState(false);
|
||||
const [color, setColor] = useState(value || undefinedColor || DEFAULT_COLOR);
|
||||
|
||||
const close = useCallback((newColor) => {
|
||||
toggle(false);
|
||||
onChange(newColor);
|
||||
}, []);
|
||||
useClickOutside(popover, close, value);
|
||||
return (
|
||||
<div
|
||||
className={classNames({
|
||||
'color-picker': true,
|
||||
[className]: true,
|
||||
})}
|
||||
>
|
||||
<div
|
||||
className={classNames({
|
||||
'color-picker-swatch': true,
|
||||
'color-picker-swatch-sm': size === 'small',
|
||||
'color-picker-swatch-lg': size === 'large',
|
||||
'color-picker-swatch-disabled': disabled,
|
||||
})}
|
||||
style={{ backgroundColor: color }}
|
||||
onClick={() => !disabled && toggle(true)}
|
||||
/>
|
||||
{!hideInput && (
|
||||
<HexColorInput
|
||||
className={classNames({
|
||||
'color-picker-input': true,
|
||||
'color-picker-input-sm ': size === 'small',
|
||||
'color-picker-input-lg': size === 'large',
|
||||
'ant-input': true,
|
||||
'ant-input-sm': size === 'small',
|
||||
'ant-input-lg': size === 'large',
|
||||
})}
|
||||
color={color}
|
||||
onChange={setColor}
|
||||
prefixed={true}
|
||||
disabled={disabled}
|
||||
/>
|
||||
)}
|
||||
{isOpen && (
|
||||
<div className="color-picker-popover" ref={popover}>
|
||||
<HexColorPicker color={color} onChange={setColor} />
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ColorPicker;
|
||||
@ -15,14 +15,27 @@
|
||||
*/
|
||||
|
||||
import React from 'react';
|
||||
import BlockPicker from 'react-color/lib/Block.js';
|
||||
import { blockDefaultProps } from '@lowdefy/block-utils';
|
||||
import Label from '@lowdefy/blocks-antd/blocks/Label/Label.js';
|
||||
|
||||
const Selector = ({ blockId, loading, methods, properties, required, validation, value }) => {
|
||||
import ColorPicker from './ColorPicker.js';
|
||||
|
||||
const ColorSelector = ({
|
||||
blockId,
|
||||
components,
|
||||
events,
|
||||
loading,
|
||||
methods,
|
||||
properties,
|
||||
required,
|
||||
validation,
|
||||
value,
|
||||
}) => {
|
||||
return (
|
||||
<Label
|
||||
blockId={blockId}
|
||||
components={components}
|
||||
events={events}
|
||||
loading={loading}
|
||||
methods={methods}
|
||||
properties={{ title: properties.title, size: properties.size, ...properties.label }}
|
||||
@ -30,20 +43,22 @@ const Selector = ({ blockId, loading, methods, properties, required, validation,
|
||||
validation={validation}
|
||||
content={{
|
||||
content: () => (
|
||||
<BlockPicker
|
||||
<ColorPicker
|
||||
id={`${blockId}_input`}
|
||||
className={methods.makeCssClass([
|
||||
{ marginBottom: '0px !important' },
|
||||
properties.inputStyle,
|
||||
])}
|
||||
color={value || properties.defaultColor || '#000000'}
|
||||
colors={properties.colors}
|
||||
triangle={properties.triangle || 'hide'}
|
||||
width={properties.width || '100%'}
|
||||
onChangeComplete={(color) => {
|
||||
methods.setValue(color.hex ? color.hex : '#000000');
|
||||
onChange={(newColor) => {
|
||||
methods.setValue(newColor);
|
||||
methods.triggerEvent({ name: 'onChange' });
|
||||
}}
|
||||
size={properties.size}
|
||||
undefinedColor={properties.undefinedColor}
|
||||
value={value}
|
||||
hideInput={properties.hideInput}
|
||||
disabled={properties.disabled}
|
||||
methods={methods}
|
||||
/>
|
||||
),
|
||||
}}
|
||||
@ -51,8 +66,8 @@ const Selector = ({ blockId, loading, methods, properties, required, validation,
|
||||
);
|
||||
};
|
||||
|
||||
Selector.defaultProps = blockDefaultProps;
|
||||
Selector.meta = {
|
||||
ColorSelector.defaultProps = blockDefaultProps;
|
||||
ColorSelector.meta = {
|
||||
valueType: 'string',
|
||||
category: 'input',
|
||||
loading: {
|
||||
@ -65,4 +80,4 @@ Selector.meta = {
|
||||
styles: ['blocks/ColorSelector/style.less'],
|
||||
};
|
||||
|
||||
export default Selector;
|
||||
export default ColorSelector;
|
||||
|
||||
@ -1,123 +0,0 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`Mock render - colors - value[0] - ColorSelector 1`] = `
|
||||
Array [
|
||||
Array [
|
||||
Object {
|
||||
"className": "{\\"style\\":[{\\"marginBottom\\":\\"0px !important\\"},null]}",
|
||||
"color": "#000000",
|
||||
"colors": Array [
|
||||
"#123456",
|
||||
"#abc345",
|
||||
],
|
||||
"id": "colors_input",
|
||||
"onChangeComplete": [Function],
|
||||
"triangle": "hide",
|
||||
"width": "100%",
|
||||
},
|
||||
Object {},
|
||||
],
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`Mock render - default - value[0] - ColorSelector 1`] = `
|
||||
Array [
|
||||
Array [
|
||||
Object {
|
||||
"className": "{\\"style\\":[{\\"marginBottom\\":\\"0px !important\\"},null]}",
|
||||
"color": "#000000",
|
||||
"colors": undefined,
|
||||
"id": "default_input",
|
||||
"onChangeComplete": [Function],
|
||||
"triangle": "hide",
|
||||
"width": "100%",
|
||||
},
|
||||
Object {},
|
||||
],
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`Mock render - defaultColor - value[0] - ColorSelector 1`] = `
|
||||
Array [
|
||||
Array [
|
||||
Object {
|
||||
"className": "{\\"style\\":[{\\"marginBottom\\":\\"0px !important\\"},null]}",
|
||||
"color": "#FF0000",
|
||||
"colors": undefined,
|
||||
"id": "defaultColor_input",
|
||||
"onChangeComplete": [Function],
|
||||
"triangle": "hide",
|
||||
"width": "100%",
|
||||
},
|
||||
Object {},
|
||||
],
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`Mock render - inputStyle - value[0] - ColorSelector 1`] = `
|
||||
Array [
|
||||
Array [
|
||||
Object {
|
||||
"className": "{\\"style\\":[{\\"marginBottom\\":\\"0px !important\\"},{\\"border\\":\\"3px solid blue\\"}]}",
|
||||
"color": "#000000",
|
||||
"colors": undefined,
|
||||
"id": "inputStyle_input",
|
||||
"onChangeComplete": [Function],
|
||||
"triangle": "hide",
|
||||
"width": "100%",
|
||||
},
|
||||
Object {},
|
||||
],
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`Mock render - label-disabled - value[0] - ColorSelector 1`] = `
|
||||
Array [
|
||||
Array [
|
||||
Object {
|
||||
"className": "{\\"style\\":[{\\"marginBottom\\":\\"0px !important\\"},null]}",
|
||||
"color": "#000000",
|
||||
"colors": undefined,
|
||||
"id": "label-disabled_input",
|
||||
"onChangeComplete": [Function],
|
||||
"triangle": "hide",
|
||||
"width": "100%",
|
||||
},
|
||||
Object {},
|
||||
],
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`Mock render - title - value[0] - ColorSelector 1`] = `
|
||||
Array [
|
||||
Array [
|
||||
Object {
|
||||
"className": "{\\"style\\":[{\\"marginBottom\\":\\"0px !important\\"},null]}",
|
||||
"color": "#000000",
|
||||
"colors": undefined,
|
||||
"id": "title_input",
|
||||
"onChangeComplete": [Function],
|
||||
"triangle": "hide",
|
||||
"width": "100%",
|
||||
},
|
||||
Object {},
|
||||
],
|
||||
]
|
||||
`;
|
||||
|
||||
exports[`Mock render - width - value[0] - ColorSelector 1`] = `
|
||||
Array [
|
||||
Array [
|
||||
Object {
|
||||
"className": "{\\"style\\":[{\\"marginBottom\\":\\"0px !important\\"},null]}",
|
||||
"color": "#000000",
|
||||
"colors": undefined,
|
||||
"id": "width_input",
|
||||
"onChangeComplete": [Function],
|
||||
"triangle": "hide",
|
||||
"width": 200,
|
||||
},
|
||||
Object {},
|
||||
],
|
||||
]
|
||||
`;
|
||||
File diff suppressed because it is too large
Load Diff
@ -12,31 +12,55 @@
|
||||
# See the License for the specific language governing permissions and
|
||||
# limitations under the License.
|
||||
|
||||
- id: default
|
||||
type: ColorSelector
|
||||
- id: title
|
||||
type: ColorSelector
|
||||
properties:
|
||||
title: The color selector
|
||||
- id: colors
|
||||
title: title
|
||||
- id: size_small
|
||||
type: ColorSelector
|
||||
properties:
|
||||
colors: ['#123456', '#abc345']
|
||||
- id: defaultColor
|
||||
title: size_small
|
||||
size: small
|
||||
- id: size_large
|
||||
type: ColorSelector
|
||||
properties:
|
||||
defaultColor: '#FF0000'
|
||||
- id: inputStyle
|
||||
title: size_large
|
||||
size: large
|
||||
- id: undefined_color
|
||||
type: ColorSelector
|
||||
properties:
|
||||
title: undefined_color
|
||||
undefinedColor: '#0092f0'
|
||||
- id: style
|
||||
type: ColorSelector
|
||||
style:
|
||||
border: 1px solid red
|
||||
properties:
|
||||
title: style
|
||||
- id: className
|
||||
type: ColorSelector
|
||||
properties:
|
||||
title: className
|
||||
inputStyle:
|
||||
border: 3px solid blue
|
||||
- id: width
|
||||
border: 1px solid red
|
||||
- id: hideInput_true
|
||||
type: ColorSelector
|
||||
properties:
|
||||
width: 200
|
||||
- id: label-disabled
|
||||
title: hideInput_true
|
||||
hideInput: true
|
||||
- id: hideInput_true
|
||||
type: ColorSelector
|
||||
properties:
|
||||
label:
|
||||
disabled: true
|
||||
title: hideInput_true
|
||||
hideInput: true
|
||||
- id: disabled_true
|
||||
type: ColorSelector
|
||||
properties:
|
||||
title: disabled_true
|
||||
disabled: true
|
||||
- id: disabled_true_small
|
||||
type: ColorSelector
|
||||
properties:
|
||||
title: disabled_true_small
|
||||
disabled: true
|
||||
size: small
|
||||
|
||||
@ -7,28 +7,7 @@
|
||||
"type": "string",
|
||||
"description": "Title to describe the input component, if no title is specified the block id is displayed."
|
||||
},
|
||||
"colors": {
|
||||
"type": "array",
|
||||
"description": "Colors to display.",
|
||||
"default": [
|
||||
"#D9E3F0",
|
||||
"#F47373",
|
||||
"#697689",
|
||||
"#37D67A",
|
||||
"#2CCCE4",
|
||||
"#555555",
|
||||
"#dce775",
|
||||
"#ff8a65",
|
||||
"#ba68c8"
|
||||
],
|
||||
"items": {
|
||||
"type": "string",
|
||||
"docs": {
|
||||
"displayType": "color"
|
||||
}
|
||||
}
|
||||
},
|
||||
"defaultColor": {
|
||||
"undefinedColor": {
|
||||
"type": "string",
|
||||
"default": "#000000",
|
||||
"description": "Default color to display if input value is null.",
|
||||
@ -43,19 +22,15 @@
|
||||
"displayType": "yaml"
|
||||
}
|
||||
},
|
||||
"triangle": {
|
||||
"disabled": {
|
||||
"type": "boolean",
|
||||
"enum": ["hide", "top"],
|
||||
"default": "hide",
|
||||
"description": "Show triangle on color selector border."
|
||||
"default": false,
|
||||
"description": "If true, the input is disabled."
|
||||
},
|
||||
"width": {
|
||||
"type": ["string", "number"],
|
||||
"description": "Color selector width.",
|
||||
"default": "100%",
|
||||
"docs": {
|
||||
"displayType": "string"
|
||||
}
|
||||
"hideInput": {
|
||||
"type": "boolean",
|
||||
"default": false,
|
||||
"description": "If true, the input is hidden."
|
||||
},
|
||||
"label": {
|
||||
"type": "object",
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user