@nocobase/plugin-theme-editor 0.11.1-alpha.1

package/src/client/antd-token-previewer/icons/Margin.js

@@ -0,0 +1,59 @@
+import * as React from 'react';
+
+function Margin(props) {
+  return /*#__PURE__*/ React.createElement(
+    'svg',
+    Object.assign(
+      {
+        width: '1em',
+        height: '1em',
+        viewBox: '0 0 16 17',
+        xmlns: 'http://www.w3.org/2000/svg',
+        xmlnsXlink: 'http://www.w3.org/1999/xlink',
+      },
+      props,
+      {
+        style: Object.assign(
+          {
+            verticalAlign: '-0.125em',
+          },
+          props.style,
+        ),
+        className: ['nanqu-token-panel-icon', props.className].filter(Boolean).join(' '),
+      },
+    ),
+    /*#__PURE__*/ React.createElement(
+      'g',
+      {
+        id: 'Margin-\u9875\u9762-1',
+        stroke: 'none',
+        strokeWidth: 1,
+        fill: 'none',
+        fillRule: 'evenodd',
+      },
+      /*#__PURE__*/ React.createElement(
+        'g',
+        {
+          id: 'Margin-margin',
+          transform: 'translate(0.000000, 0.942377)',
+          fill: 'currentColor',
+          fillRule: 'nonzero',
+        },
+        /*#__PURE__*/ React.createElement('rect', {
+          id: 'Margin-\u77E9\u5F62',
+          opacity: 0,
+          x: 0,
+          y: 0,
+          width: 16,
+          height: 15.9807923,
+        }),
+        /*#__PURE__*/ React.createElement('path', {
+          d: 'M11.6666667,2.75858915 L4.33333333,2.75858915 C4.01904762,2.75858915 3.80952382,2.54931688 3.80952382,2.23540845 C3.80952382,1.92150003 4.01904763,1.71222775 4.33333334,1.71222775 L11.6666667,1.71222775 C11.9809524,1.71222775 12.1904762,1.92150003 12.1904762,2.23540845 C12.1904762,2.54931688 11.9809524,2.75858915 11.6666667,2.75858915 Z M11.6666667,14.2685646 L4.33333333,14.2685646 C4.01904762,14.2685646 3.8095238,14.0592923 3.8095238,13.7453839 C3.8095238,13.4314755 4.01904762,13.2222032 4.33333333,13.2222032 L11.6666667,13.2222032 C11.9809524,13.2222032 12.1904762,13.4314755 12.1904762,13.7453839 C12.1904762,14.0592923 11.9809524,14.2685646 11.6666667,14.2685646 Z M13.7619048,12.1758418 C13.447619,12.1758418 13.2380952,11.9665695 13.2380952,11.6526611 L13.2380952,4.32813125 C13.2380952,4.01422283 13.4476191,3.80495055 13.7619048,3.80495055 C14.0761905,3.80495055 14.2857143,4.01422283 14.2857143,4.32813125 L14.2857143,11.6526611 C14.2857143,11.9665695 14.0761905,12.1758418 13.7619048,12.1758418 Z M2.23809524,12.1758418 C1.92380953,12.1758418 1.71428572,11.9665695 1.71428572,11.6526611 L1.71428572,4.32813125 C1.71428572,4.01422283 1.92380953,3.80495055 2.23809524,3.80495055 C2.55238096,3.80495055 2.76190477,4.01422283 2.76190477,4.32813125 L2.76190477,11.6526611 C2.76190477,11.9665695 2.55238096,12.1758418 2.23809524,12.1758418 Z M11.6666667,12.1758418 L4.33333333,12.1758418 C4.01904762,12.1758418 3.8095238,11.9665695 3.8095238,11.6526611 L3.8095238,4.32813125 C3.8095238,4.01422283 4.01904763,3.80495055 4.33333334,3.80495055 L11.6666667,3.80495055 C11.9809524,3.80495055 12.1904762,4.01422283 12.1904762,4.32813125 L12.1904762,11.6526611 C12.1904762,11.9665695 11.9809524,12.1758418 11.6666667,12.1758418 Z M4.85714286,11.1294804 L11.1428571,11.1294804 L11.1428571,4.85131196 L4.85714286,4.85131196 L4.85714286,11.1294804 Z',
+          id: 'Margin-\u5F62\u72B6',
+        }),
+      ),
+    ),
+  );
+}
+
+export default Margin;

package/src/client/antd-token-previewer/icons/Motion.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+
+declare const res: React.FC<React.SVGProps<SVGSVGElement>>;
+export default res;

package/src/client/antd-token-previewer/icons/Motion.js

@@ -0,0 +1,59 @@
+import * as React from 'react';
+
+function Motion(props) {
+  return /*#__PURE__*/ React.createElement(
+    'svg',
+    Object.assign(
+      {
+        width: '1em',
+        height: '1em',
+        viewBox: '0 0 16 17',
+        xmlns: 'http://www.w3.org/2000/svg',
+        xmlnsXlink: 'http://www.w3.org/1999/xlink',
+      },
+      props,
+      {
+        style: Object.assign(
+          {
+            verticalAlign: '-0.125em',
+          },
+          props.style,
+        ),
+        className: ['nanqu-token-panel-icon', props.className].filter(Boolean).join(' '),
+      },
+    ),
+    /*#__PURE__*/ React.createElement(
+      'g',
+      {
+        id: 'Motion-\u9875\u9762-1',
+        stroke: 'none',
+        strokeWidth: 1,
+        fill: 'none',
+        fillRule: 'evenodd',
+      },
+      /*#__PURE__*/ React.createElement(
+        'g',
+        {
+          id: 'Motion-\u5BCC\u6587\u672C\u7F16\u8F91\u5668_\u52A8\u6548',
+          transform: 'translate(0.000000, 0.903962)',
+          fill: 'currentColor',
+          fillRule: 'nonzero',
+        },
+        /*#__PURE__*/ React.createElement('rect', {
+          id: 'Motion-\u77E9\u5F62',
+          opacity: 0,
+          x: 0,
+          y: 0,
+          width: 16,
+          height: 15.9807923,
+        }),
+        /*#__PURE__*/ React.createElement('path', {
+          d: 'M6.55644444,12.5262777 L7.99555556,13.9627734 C8.13290682,14.0984321 8.18701716,14.2971622 8.13737053,14.4836147 C8.0877239,14.6700672 7.94192169,14.8156943 7.75524511,14.8652814 C7.56856853,14.9148684 7.36959959,14.860823 7.23377778,14.7236366 L5.79555556,13.2862532 C5.60250935,13.0737079 5.61045949,12.7472435 5.8136232,12.5443237 C6.01678692,12.3414038 6.3436437,12.3334632 6.55644444,12.5262777 L6.55644444,12.5262777 Z M12.2435556,12.6630023 L13.3857778,13.8038533 C13.5231286,13.9395121 13.5772386,14.138242 13.527592,14.3246942 C13.4779453,14.5111464 13.3321433,14.6567734 13.145467,14.7063605 C12.9587906,14.7559476 12.7598219,14.7019025 12.624,14.5647165 L11.4817778,13.4238655 C11.3444269,13.2882067 11.2903169,13.0894768 11.3399636,12.9030246 C11.3896103,12.7165724 11.5354123,12.5709454 11.7220886,12.5213583 C11.9087649,12.4717712 12.1077337,12.5258163 12.2435556,12.6630023 L12.2435556,12.6630023 Z M7.29511111,0.990809123 C7.37066667,1.03342457 7.43377778,1.09645992 7.47644444,1.17192476 L9.23911111,4.29439403 L12.7564444,5.00376364 C12.9258902,5.03768098 13.0638332,5.16026877 13.1172645,5.32441904 C13.1706959,5.4885693 13.1313024,5.66874209 13.0142222,5.79570068 L10.5866667,8.43430705 L10.9982222,11.9953603 C11.018176,12.1667991 10.94398,12.3356549 10.8041422,12.4370491 C10.6643043,12.5384432 10.4805781,12.5566027 10.3235556,12.4845501 L7.06133333,10.9930095 L3.79733333,12.4845501 C3.64031082,12.5566027 3.45658456,12.5384432 3.3167467,12.4370491 C3.17690884,12.3356549 3.10271286,12.1667991 3.12266667,11.9953603 L3.53511111,8.43519487 L1.10577778,5.79570068 C0.988697555,5.66874209 0.949304077,5.4885693 1.00273546,5.32441904 C1.05616684,5.16026877 1.19410976,5.03768098 1.36355556,5.00376364 L4.88177778,4.29439403 L6.64266667,1.17192476 C6.70502264,1.06136833 6.80886024,0.980137913 6.93126543,0.94615878 C7.05367063,0.912179648 7.18458201,0.928244805 7.29511111,0.990809123 Z M7.05955556,2.62440123 L5.57688889,5.25235374 L2.61688889,5.84808216 L4.65955556,8.07030012 L4.31288889,11.0666987 L7.05955556,9.81131866 L9.80533333,11.0666987 L9.45866667,8.07030012 L11.5031111,5.84896999 L8.54222222,5.25235374 L7.05866667,2.62440123 L7.05955556,2.62440123 Z M13.1528889,7.76045031 L14.5911111,9.19694597 C14.7892424,9.40878705 14.7837079,9.73933037 14.5785954,9.9444359 C14.373483,10.1495414 14.0425491,10.1554552 13.8302222,9.95780926 L12.3911111,8.5213136 C12.2537603,8.38565475 12.1996502,8.18692487 12.2492969,8.00047265 C12.2989436,7.81402043 12.4447456,7.66839345 12.6314219,7.61880637 C12.8180983,7.56921929 13.017067,7.62326436 13.1528889,7.76045031 L13.1528889,7.76045031 Z',
+          id: 'Motion-\u5F62\u72B6',
+        }),
+      ),
+    ),
+  );
+}
+
+export default Motion;

package/src/client/antd-token-previewer/icons/Pick.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+
+declare const res: React.FC<React.SVGProps<SVGSVGElement>>;
+export default res;

package/src/client/antd-token-previewer/icons/Pick.js

@@ -0,0 +1,87 @@
+import * as React from 'react';
+
+function Pick(props) {
+  return /*#__PURE__*/ React.createElement(
+    'svg',
+    Object.assign(
+      {
+        width: '1em',
+        height: '1em',
+        viewBox: '0 0 14 14',
+        xmlns: 'http://www.w3.org/2000/svg',
+        xmlnsXlink: 'http://www.w3.org/1999/xlink',
+      },
+      props,
+      {
+        style: Object.assign(
+          {
+            verticalAlign: '-0.125em',
+          },
+          props.style,
+        ),
+        className: ['nanqu-token-panel-icon', props.className].filter(Boolean).join(' '),
+      },
+    ),
+    /*#__PURE__*/ React.createElement(
+      'g',
+      {
+        id: 'Pick-\u9875\u9762-1',
+        stroke: 'none',
+        strokeWidth: 1,
+        fill: 'none',
+        fillRule: 'evenodd',
+        fillOpacity: 0.65,
+      },
+      /*#__PURE__*/ React.createElement(
+        'g',
+        {
+          id: 'Pick-\u4E3B\u9898\u7F16\u8F91\u5668---\u591A\u4E3B\u9898',
+          transform: 'translate(-541.000000, -387.000000)',
+          fill: 'currentColor',
+          fillRule: 'nonzero',
+        },
+        /*#__PURE__*/ React.createElement(
+          'g',
+          {
+            id: 'Pick-\u7F16\u7EC4-11',
+            transform: 'translate(76.000000, 340.000000)',
+          },
+          /*#__PURE__*/ React.createElement(
+            'g',
+            {
+              id: 'Pick-Map-Token-\u9762\u677F',
+              transform: 'translate(0.000000, 27.000000)',
+            },
+            /*#__PURE__*/ React.createElement(
+              'g',
+              {
+                id: 'Pick-token-\u663E\u793A',
+                transform: 'translate(-1.002041, -1.000000)',
+              },
+              /*#__PURE__*/ React.createElement(
+                'g',
+                {
+                  id: 'Pick-\u7F16\u7EC4-2',
+                  transform: 'translate(12.024490, 20.000000)',
+                },
+                /*#__PURE__*/ React.createElement(
+                  'g',
+                  {
+                    id: 'Pick-shangyeguanxi',
+                    transform: 'translate(453.924490, 1.000000)',
+                  },
+                  /*#__PURE__*/ React.createElement('path', {
+                    d: 'M12.6274816,8.17204883 C12.6358384,8.04673242 12.6401539,7.92030859 12.6401539,7.79288672 C12.6401539,5.50309375 11.2701899,3.53286719 9.30406641,2.65472266 C9.31862927,2.54983203 9.32632854,2.44274023 9.32632854,2.33384375 C9.32632854,1.05430664 8.28750187,0.0169394531 7.00623025,0.0169394531 C5.72484902,0.0169394531 4.68607715,1.05430664 4.68607715,2.33384375 C4.68607715,2.44267188 4.69376272,2.54968164 4.70829819,2.65451758 C2.74188703,3.53256641 1.37158055,5.50290234 1.37158055,7.79288672 C1.37158055,7.92044531 1.37592338,8.04699219 1.38428025,8.17243164 C0.593775725,8.54169531 0.0460860491,9.34289453 0.0460860491,10.2719531 C0.0460860491,11.5515449 1.08474833,12.5888574 2.36612955,12.5888574 C2.80723496,12.5888574 3.21958454,12.4658926 3.57069612,12.2524336 C4.52158393,12.9838105 5.71288912,13.4188223 7.00595625,13.4188223 C8.30016046,13.4188223 9.49238354,12.9830449 10.4436412,12.2505195 C10.7943281,12.4630762 11.2059516,12.5854668 11.6462213,12.5854668 C12.9274382,12.5854668 13.9661004,11.5489746 13.9661004,10.2703672 C13.9661004,9.34171875 13.4181916,8.54095703 12.6274816,8.17204883 Z M7.00623025,1.00913477 C7.73549676,1.00913477 8.32698463,1.59684766 8.33166995,2.32357617 C8.33168365,2.32647461 8.33177955,2.32935938 8.33177955,2.33225781 C8.33177955,2.69178711 8.18805519,3.01775195 7.95488499,3.25620313 C7.71417991,3.50236523 7.37813809,3.65527148 7.00623025,3.65527148 C6.6343361,3.65527148 6.29829428,3.50236523 6.0575618,3.25620313 C5.8243779,3.01775195 5.68062614,2.69178711 5.68062614,2.33225781 C5.68062614,2.32931836 5.68072204,2.32639258 5.68073574,2.32345313 C5.68547586,1.59679297 6.27704593,1.00913477 7.00623025,1.00913477 Z M2.36612955,11.5993965 C1.63399978,11.5993965 1.04047065,11.0058047 1.04047065,10.2734297 C1.04047065,9.84645703 1.24229576,9.46667969 1.55566445,9.22416797 C1.7797654,9.05074023 2.06088482,8.94746289 2.36614325,8.94746289 C2.41639403,8.94746289 2.46597352,8.95036133 2.51477213,8.95580273 C3.17696454,9.02969922 3.69181585,9.59136719 3.69181585,10.273416 C3.69181585,10.4903613 3.6397293,10.6951113 3.5473928,10.8758809 C3.39166744,11.1807637 3.12143934,11.4173555 2.79339819,11.5289863 C2.65931847,11.574623 2.51562151,11.5993965 2.36612955,11.5993965 Z M7.00127093,12.4178633 C5.99141928,12.4178633 5.0570808,12.0957402 4.29537321,11.549084 C4.53905114,11.1824316 4.68111783,10.7425937 4.68111783,10.2695605 C4.68111783,8.99117188 3.64429132,7.95466602 2.36460887,7.95280664 C2.3626772,7.89787305 2.36134833,7.84278906 2.36134833,7.78737695 C2.36134833,5.92565039 3.46242679,4.32079102 5.05001172,3.58529883 C5.46299149,4.22481445 6.18258597,4.64830078 7.00128463,4.64830078 C7.81990109,4.64830078 8.53950926,4.22481445 8.95248903,3.58529883 C10.5400329,4.32079102 11.6411113,5.92565039 11.6411113,7.78737695 C11.6411113,7.84277539 11.6397824,7.89787305 11.6378508,7.95280664 C10.3582094,7.95465234 9.32139662,8.99040625 9.32139662,10.2679746 C9.32139662,10.7413906 9.4639017,11.1815293 9.70827832,11.5482363 C8.94635153,12.0953848 8.01158836,12.4178633 7.00127093,12.4178633 Z M11.6459473,8.94746289 C11.9510962,8.94746289 12.2321197,9.0506582 12.4561658,9.22397656 C12.7696578,9.46647461 12.9715652,9.84632031 12.9715652,10.273375 C12.9715652,11.0056953 12.3780634,11.5993418 11.6459473,11.5993418 C11.4964143,11.5993418 11.3526762,11.574541 11.2185828,11.528877 C10.8907472,11.4172324 10.6206287,11.1807227 10.464917,10.8759902 C10.3725257,10.6951797 10.320398,10.490375 10.320398,10.273375 C10.320398,9.59128516 10.8354138,9.0295625 11.4976062,8.95577539 C11.5463226,8.95034766 11.5957925,8.94746289 11.6459473,8.94746289 Z M7.00557266,6.21029883 C7.91351399,6.21029883 8.64954587,6.94483166 8.64954587,7.85092383 C8.64954587,8.757016 7.91351399,9.49154883 7.00557266,9.49154883 C6.09763132,9.49154883 5.36159944,8.757016 5.36159944,7.85092383 C5.36159944,6.94483166 6.09763132,6.21029883 7.00557266,6.21029883 Z',
+                    id: 'Pick-\u5F62\u72B6',
+                  }),
+                ),
+              ),
+            ),
+          ),
+        ),
+      ),
+    ),
+  );
+}
+
+export default Pick;

package/src/client/antd-token-previewer/icons/SearchDropdown.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+
+declare const res: React.FC<React.SVGProps<SVGSVGElement>>;
+export default res;

package/src/client/antd-token-previewer/icons/SearchDropdown.js

@@ -0,0 +1,86 @@
+import * as React from 'react';
+
+function SearchDropdown(props) {
+  return /*#__PURE__*/ React.createElement(
+    'svg',
+    Object.assign(
+      {
+        width: '1em',
+        height: '1em',
+        viewBox: '0 0 18 18',
+        xmlns: 'http://www.w3.org/2000/svg',
+        xmlnsXlink: 'http://www.w3.org/1999/xlink',
+      },
+      props,
+      {
+        style: Object.assign(
+          {
+            verticalAlign: '-0.125em',
+          },
+          props.style,
+        ),
+        className: ['nanqu-token-panel-icon', props.className].filter(Boolean).join(' '),
+      },
+    ),
+    /*#__PURE__*/ React.createElement(
+      'g',
+      {
+        id: 'SearchDropdown-\u9875\u9762-1',
+        stroke: 'none',
+        strokeWidth: 1,
+        fill: 'none',
+        fillRule: 'evenodd',
+      },
+      /*#__PURE__*/ React.createElement(
+        'g',
+        {
+          id: 'SearchDropdown-\u4E3B\u9898\u9884\u89C8\u5668---\u7EC4\u4EF6\u9884\u89C8',
+          transform: 'translate(-23.000000, -198.000000)',
+          fillRule: 'nonzero',
+        },
+        /*#__PURE__*/ React.createElement(
+          'g',
+          {
+            id: 'SearchDropdown-\u7F16\u7EC4-18',
+            transform: 'translate(0.000000, 70.000000)',
+          },
+          /*#__PURE__*/ React.createElement(
+            'g',
+            {
+              id: 'SearchDropdown-\u7F16\u7EC4-15',
+              transform: 'translate(16.000000, 123.000000)',
+            },
+            /*#__PURE__*/ React.createElement(
+              'g',
+              {
+                id: 'SearchDropdown-search-outlined',
+                transform: 'translate(7.000000, 5.000000)',
+              },
+              /*#__PURE__*/ React.createElement('rect', {
+                id: 'SearchDropdown-\u77E9\u5F62',
+                fill: '#000000',
+                opacity: 0,
+                x: 0,
+                y: 0,
+                width: 18,
+                height: 18,
+              }),
+              /*#__PURE__*/ React.createElement('path', {
+                d: 'M15.958,14.99375 L11.41325,10.449 C12.1185,9.53725 12.5,8.4225 12.5,7.25 C12.5,5.8465 11.95225,4.5305 10.96175,3.53825 C9.97125,2.546 8.65175,2 7.25,2 C5.84825,2 4.52875,2.54775 3.53825,3.53825 C2.546,4.52875 2,5.8465 2,7.25 C2,8.65175 2.54775,9.97125 3.53825,10.96175 C4.52875,11.954 5.8465,12.5 7.25,12.5 C8.4225,12.5 9.5355,12.1185 10.44725,11.415 L14.992,15.958 C15.048,16.014 15.139,16.014 15.195,15.958 L15.958,15.19675 C16.014,15.14075 16.014,15.04975 15.958,14.99375 Z M10.022,10.022 C9.28,10.76225 8.2965,11.17 7.25,11.17 C6.2035,11.17 5.22,10.76225 4.478,10.022 C3.73775,9.28 3.33,8.2965 3.33,7.25 C3.33,6.2035 3.73775,5.21825 4.478,4.478 C5.22,3.73775 6.2035,3.33 7.25,3.33 C8.2965,3.33 9.28175,3.736 10.022,4.478 C10.76225,5.22 11.17,6.2035 11.17,7.25 C11.17,8.2965 10.76225,9.28175 10.022,10.022 Z',
+                id: 'SearchDropdown-\u5F62\u72B6',
+                fill: 'currentColor',
+              }),
+              /*#__PURE__*/ React.createElement('path', {
+                d: 'M17.8616348,7.7578125 L14.0131973,7.7578125 C13.8977676,7.7578125 13.8333145,7.8796875 13.9047988,7.96289062 L15.8290176,10.1941406 C15.8840957,10.2580078 15.9901504,10.2580078 16.0458145,10.1941406 L17.9700332,7.96289062 C18.0415176,7.8796875 17.9770645,7.7578125 17.8616348,7.7578125 Z',
+                id: 'SearchDropdown-\u8DEF\u5F84',
+                fill: 'currentColor',
+              }),
+            ),
+          ),
+        ),
+      ),
+    ),
+  );
+}
+
+export default SearchDropdown;

package/src/client/antd-token-previewer/icons/ShapeLine.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+
+declare const res: React.FC<React.SVGProps<SVGSVGElement>>;
+export default res;

package/src/client/antd-token-previewer/icons/ShapeLine.js

@@ -0,0 +1,59 @@
+import * as React from 'react';
+
+function ShapeLine(props) {
+  return /*#__PURE__*/ React.createElement(
+    'svg',
+    Object.assign(
+      {
+        width: '1em',
+        height: '1em',
+        viewBox: '0 0 16 17',
+        xmlns: 'http://www.w3.org/2000/svg',
+        xmlnsXlink: 'http://www.w3.org/1999/xlink',
+      },
+      props,
+      {
+        style: Object.assign(
+          {
+            verticalAlign: '-0.125em',
+          },
+          props.style,
+        ),
+        className: ['nanqu-token-panel-icon', props.className].filter(Boolean).join(' '),
+      },
+    ),
+    /*#__PURE__*/ React.createElement(
+      'g',
+      {
+        id: 'ShapeLine-\u9875\u9762-1',
+        stroke: 'none',
+        strokeWidth: 1,
+        fill: 'none',
+        fillRule: 'evenodd',
+      },
+      /*#__PURE__*/ React.createElement(
+        'g',
+        {
+          id: 'ShapeLine-shape-line',
+          transform: 'translate(0.000000, 0.923169)',
+          fill: 'currentColor',
+          fillRule: 'nonzero',
+        },
+        /*#__PURE__*/ React.createElement('rect', {
+          id: 'ShapeLine-\u77E9\u5F62',
+          opacity: 0,
+          x: 0,
+          y: 0,
+          width: 16,
+          height: 15.9807923,
+        }),
+        /*#__PURE__*/ React.createElement('path', {
+          d: 'M5.22,13.3173269 C4.90928357,14.1946577 4.03334945,14.7416208 3.10760502,14.6363783 C2.18186059,14.5311359 1.45139881,13.801551 1.34602985,12.8769179 C1.24066088,11.9522848 1.78828141,11.0774022 2.66666667,10.7670588 L2.66666667,5.21373349 C1.78828141,4.90339007 1.24066088,4.02850749 1.34602985,3.1038744 C1.45139881,2.1792413 2.18186059,1.44965643 3.10760502,1.34441396 C4.03334945,1.23917149 4.90928357,1.78613461 5.22,2.66346539 L10.78,2.66346539 C11.0907164,1.78613461 11.9666505,1.23917149 12.892395,1.34441396 C13.8181394,1.44965643 14.5486012,2.1792413 14.6539702,3.1038744 C14.7593391,4.02850749 14.2117186,4.90339007 13.3333333,5.21373349 L13.3333333,10.7670588 C14.2117186,11.0774022 14.7593391,11.9522848 14.6539702,12.8769179 C14.5486012,13.801551 13.8181394,14.5311359 12.892395,14.6363783 C11.9666505,14.7416208 11.0907164,14.1946577 10.78,13.3173269 L5.22,13.3173269 Z M5.22,11.9855942 L10.78,11.9855942 C10.9819939,11.4165133 11.430235,10.9688103 12,10.7670588 L12,5.21373349 C11.430235,5.01198206 10.9819939,4.56427905 10.78,3.99519808 L5.22,3.99519808 C5.01800608,4.56427905 4.56976496,5.01198206 4,5.21373349 L4,10.7670588 C4.56976496,10.9688103 5.01800608,11.4165133 5.22,11.9855942 Z M3.33333333,3.99519809 C3.5715347,3.9952345 3.79165744,3.86832906 3.91076865,3.66229434 C4.02987987,3.45625961 4.02987987,3.20240385 3.91076865,2.99636913 C3.79165744,2.79033441 3.5715347,2.66342897 3.33333333,2.66346538 C2.96518335,2.66352168 2.66676872,2.96162371 2.66676872,3.32933173 C2.66676872,3.69703976 2.96518335,3.99514178 3.33333333,3.99519809 L3.33333333,3.99519809 Z M12.6666667,3.99519809 C12.904868,3.9952345 13.1249908,3.86832906 13.244102,3.66229434 C13.3632132,3.45625961 13.3632132,3.20240385 13.244102,2.99636913 C13.1249908,2.79033441 12.904868,2.66342897 12.6666667,2.66346538 C12.2985167,2.66352168 12.0001021,2.96162371 12.0001021,3.32933173 C12.0001021,3.69703976 12.2985167,3.99514178 12.6666667,3.99519809 L12.6666667,3.99519809 Z M12.6666667,13.3173269 C12.904868,13.3173633 13.1249908,13.1904579 13.244102,12.9844232 C13.3632132,12.7783885 13.3632132,12.5245327 13.244102,12.318498 C13.1249908,12.1124633 12.904868,11.9855578 12.6666667,11.9855942 C12.2985167,11.9856505 12.0001021,12.2837526 12.0001021,12.6514606 C12.0001021,13.0191686 12.2985167,13.3172706 12.6666667,13.3173269 L12.6666667,13.3173269 Z M3.33333333,13.3173269 C3.5715347,13.3173633 3.79165744,13.1904579 3.91076865,12.9844232 C4.02987987,12.7783885 4.02987987,12.5245327 3.91076865,12.318498 C3.79165744,12.1124633 3.5715347,11.9855578 3.33333333,11.9855942 C2.96518335,11.9856505 2.66676872,12.2837526 2.66676872,12.6514606 C2.66676872,13.0191686 2.96518335,13.3172706 3.33333333,13.3173269 L3.33333333,13.3173269 Z',
+          id: 'ShapeLine-\u5F62\u72B6',
+        }),
+      ),
+    ),
+  );
+}
+
+export default ShapeLine;

package/src/client/antd-token-previewer/icons/TokenPanel.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+
+declare const res: React.FC<React.SVGProps<SVGSVGElement>>;
+export default res;

package/src/client/antd-token-previewer/icons/TokenPanel.js

@@ -0,0 +1,87 @@
+import * as React from 'react';
+
+function TokenPanel(props) {
+  return /*#__PURE__*/ React.createElement(
+    'svg',
+    Object.assign(
+      {
+        width: '1em',
+        height: '1em',
+        viewBox: '0 0 20 19',
+        xmlns: 'http://www.w3.org/2000/svg',
+        xmlnsXlink: 'http://www.w3.org/1999/xlink',
+      },
+      props,
+      {
+        style: Object.assign(
+          {
+            verticalAlign: '-0.125em',
+          },
+          props.style,
+        ),
+        className: ['nanqu-token-panel-icon', props.className].filter(Boolean).join(' '),
+      },
+    ),
+    /*#__PURE__*/ React.createElement(
+      'g',
+      {
+        id: 'TokenPanel-\u9875\u9762-1',
+        stroke: 'none',
+        strokeWidth: 1,
+        fill: 'none',
+        fillRule: 'evenodd',
+        fillOpacity: 0.85,
+      },
+      /*#__PURE__*/ React.createElement(
+        'g',
+        {
+          id: 'TokenPanel-\u4E3B\u9898\u7F16\u8F91\u5668---\u591A\u4E3B\u9898',
+          transform: 'translate(-14.000000, -70.000000)',
+          fill: 'currentColor',
+        },
+        /*#__PURE__*/ React.createElement(
+          'g',
+          {
+            id: 'TokenPanel-\u7F16\u7EC4-3',
+            transform: 'translate(10.000000, 66.000000)',
+          },
+          /*#__PURE__*/ React.createElement(
+            'g',
+            {
+              id: 'TokenPanel-\u7F16\u7EC4-20',
+              transform: 'translate(4.000000, 4.000000)',
+            },
+            /*#__PURE__*/ React.createElement('rect', {
+              id: 'TokenPanel-\u77E9\u5F62',
+              opacity: 0.600000024,
+              x: 1,
+              y: 12,
+              width: 7,
+              height: 7,
+              rx: 0.434782594,
+            }),
+            /*#__PURE__*/ React.createElement('path', {
+              d: 'M12.3540059,0 L19.5652174,0 C19.8053412,8.08981097e-16 20,0.194658804 20,0.434782609 L20,7.6459941 C20,7.88611791 19.8053412,8.08077671 19.5652174,8.08077671 C19.4499059,8.08077671 19.3393172,8.03496939 19.2577797,7.95343183 L12.0465682,0.74222034 C11.876775,0.572427169 11.876775,0.297138048 12.0465682,0.127344878 C12.1281057,0.0458073219 12.2386944,-6.44951433e-16 12.3540059,0 Z',
+              id: 'TokenPanel-\u77E9\u5F62',
+              opacity: 0.400000006,
+            }),
+            /*#__PURE__*/ React.createElement('circle', {
+              id: 'TokenPanel-\u692D\u5706\u5F62',
+              cx: 4.34782609,
+              cy: 4.34782609,
+              r: 4.34782609,
+            }),
+            /*#__PURE__*/ React.createElement('circle', {
+              id: 'TokenPanel-\u692D\u5706\u5F62',
+              cx: 15.5,
+              cy: 15.5,
+              r: 3.5,
+            }),
+          ),
+        ),
+      ),
+    ),
+  );
+}
+
+export default TokenPanel;

package/src/client/antd-token-previewer/icons/index.d.ts

@@ -0,0 +1,12 @@
+export { default as Arrow } from './Arrow.js';
+export { default as Brush } from './Brush.js';
+export { default as CompactTheme } from './Compact.js';
+export { default as Control } from './Control.js';
+export { default as DarkTheme } from './Dark.js';
+export { default as Light } from './Light.js';
+export { default as Margin } from './Margin.js';
+export { default as Motion } from './Motion.js';
+export { default as Pick } from './Pick.js';
+export { default as SearchDropdown } from './SearchDropdown.js';
+export { default as ShapeLine } from './ShapeLine.js';
+export { default as TokenPanelIcon } from './TokenPanel.js';

package/src/client/antd-token-previewer/icons/index.js

@@ -0,0 +1,12 @@
+export { default as Arrow } from './Arrow.js';
+export { default as Brush } from './Brush.js';
+export { default as CompactTheme } from './Compact.js';
+export { default as Control } from './Control.js';
+export { default as DarkTheme } from './Dark.js';
+export { default as Light } from './Light.js';
+export { default as Margin } from './Margin.js';
+export { default as Motion } from './Motion.js';
+export { default as Pick } from './Pick.js';
+export { default as SearchDropdown } from './SearchDropdown.js';
+export { default as ShapeLine } from './ShapeLine.js';
+export { default as TokenPanelIcon } from './TokenPanel.js';

package/src/client/antd-token-previewer/index.tsx

@@ -0,0 +1,12 @@
+export { default as PreviewDemo } from './PreviewDemo';
+export type { PreviewDemoProps } from './PreviewDemo';
+export { default as ThemeEditor } from './ThemeEditor';
+export type { ThemeEditorProps, ThemeEditorRef } from './ThemeEditor';
+export type { MutableTheme, PreviewerProps, Theme } from './interface';
+export * from './locale';
+export * from './meta';
+export * from './overviews';
+export { default as Previewer } from './previewer';
+export { default as TokenPanel } from './token-panel';
+export type { TokenPanelRef, TokenPreviewProps } from './token-panel';
+export { default as getDesignToken } from './utils/getDesignToken';

package/src/client/antd-token-previewer/interface.ts

@@ -0,0 +1,37 @@
+import type { ThemeConfig } from 'antd/es/config-provider/context';
+import type { ReactElement } from 'react';
+
+export type Theme = {
+  name: string;
+  key: string;
+  config: ThemeConfig;
+};
+
+export type AliasToken = Exclude<ThemeConfig['token'], undefined>;
+export type TokenValue = string | number | string[] | number[] | boolean;
+export type TokenName = keyof AliasToken;
+
+export interface ComponentDemo {
+  tokens?: TokenName[];
+  demo: ReactElement;
+  key: string;
+}
+
+export interface MutableTheme extends Theme {
+  onThemeChange?: (newTheme: ThemeConfig, path: string[]) => void;
+  onReset?: (path: string[]) => void;
+  getCanReset?: (path: string[]) => boolean;
+}
+
+export type PreviewerProps = {
+  onSave?: (themeConfig: ThemeConfig) => void;
+  showTheme?: boolean;
+  theme?: Theme;
+  onThemeChange?: (config: ThemeConfig) => void;
+};
+
+export type SelectedToken = {
+  seed?: string[];
+  map?: string[];
+  alias?: string[];
+};

package/src/client/antd-token-previewer/locale/context.tsx

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { Locale } from './interface';
+import zhCN from './zh-CN';
+
+export const LocaleContext = React.createContext<Locale>(zhCN);
+
+export const useLocale = () => React.useContext(LocaleContext);

package/src/client/antd-token-previewer/locale/en-US.ts

@@ -0,0 +1,20 @@
+import type { Locale } from './interface';
+
+const locale: Locale = {
+  _lang: 'en-US',
+  followPrimary: 'Follow Brand Color',
+  reset: 'Reset',
+  next: 'Next',
+  groupView: 'Group View',
+  fill: 'Fill',
+  border: 'Border',
+  background: 'Background',
+  text: 'Text',
+  demo: {
+    overview: 'Overview',
+    components: 'Components',
+    relatedTokens: 'Related Tokens',
+  },
+};
+
+export default locale;

package/src/client/antd-token-previewer/locale/index.ts

@@ -0,0 +1,4 @@
+export { LocaleContext, useLocale } from './context';
+export { default as enUS } from './en-US';
+export type { Locale } from './interface';
+export { default as zhCN } from './zh-CN';

package/src/client/antd-token-previewer/locale/interface.tsx

@@ -0,0 +1,16 @@
+export type Locale = {
+  _lang: string;
+  followPrimary: string;
+  reset: string;
+  next: string;
+  groupView: string;
+  fill: string;
+  background: string;
+  border: string;
+  text: string;
+  demo: {
+    overview: string;
+    components: string;
+    relatedTokens: string;
+  };
+};

package/src/client/antd-token-previewer/locale/zh-CN.ts

@@ -0,0 +1,20 @@
+import type { Locale } from './interface';
+
+const locale: Locale = {
+  _lang: 'zh-CN',
+  followPrimary: '跟随主色',
+  reset: '重置',
+  next: '下一步',
+  groupView: '分组显示',
+  fill: '填充',
+  border: '描边',
+  background: '背景',
+  text: '文本',
+  demo: {
+    overview: '概览',
+    components: '组件',
+    relatedTokens: '关联 Token',
+  },
+};
+
+export default locale;