@gx-design-vue/create-gx-cli 0.0.3 → 0.0.5

package/template-design-pro/src/assets/menu_font/iconfont.svg

@@ -0,0 +1,57 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+  <metadata>Created by iconfont</metadata>
+  <defs>
+  <font id="iconfont" horiz-adv-x="1024">
+    <font-face
+      font-family="iconfont"
+      font-weight="400"
+      font-stretch="normal"
+      units-per-em="1024"
+      ascent="896"
+      descent="-128"
+    />
+      <missing-glyph />
+      
+      <glyph glyph-name="gongjuxiang" unicode="&#58953;" d="M904 636H736v56c0 30.9-25.1 56-56 56H344c-30.9 0-56-25.1-56-56v-56H120c-30.9 0-56-25.1-56-56v-504c0-30.9 25.1-56 56-56h784c30.9 0 56 25.1 56 56V580c0 30.9-25.1 56-56 56z m-560 56h336v-56H344v56z m560-616H120V300h308v-28c0-30.9 25.1-56 56-56h56c30.9 0 56 25.1 56 56v28h308v-224zM484 272V384h56v-112h-56z m112 84v28c0 30.9-25.1 56-56 56h-56c-30.9 0-56-25.1-56-56v-28H120V580h784v-224H596z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="fuwuqingqiu" unicode="&#59021;" d="M876 366.6c-15.9 0-28-12.1-28-28v-249.2c0-38.3-34.5-69.1-76.5-69.1h-575c-42 0-76.5 30.8-76.5 69.1V623.2c0 38.3 34.5 69.1 76.5 69.1h270.7c15.9 0 28 12.1 28 28s-12.1 28-28 28H196.5c-72.8 0-132.5-56-132.5-125.1v-533.9c0-69.1 59.7-125.1 132.5-125.1h574.9c72.8 0 132.5 56 132.5 125.1V338.6c0.1 15.8-12 28-27.9 28z m0 0M932 804.3H642.7c-15.9 0-28-12.1-28-28s12.1-28 28-28h222.1L389.7 273.2c-9.3-10.3-9.3-27.1 0-38.3 5.6-5.6 13.1-9.3 20.5-9.3 6.5 0 13.1 2.8 18.7 7.5l475.1 476V487c0-15.9 12.1-28 28-28s28 12.1 28 28V776.3c0 15.9-12.1 28-28 28z m0 0"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="gengduo-tongyong" unicode="&#58894;" d="M896.70657848 621.20742638H127.29342152C110.94885503 621.20742638 97.69935804 634.48129402 97.69935804 650.85835467S110.94885503 680.50928298 127.29342152 680.50928298h769.41315696c16.3445665 0 29.5940635-13.27386763 29.59406348-29.65092831s-13.249497-29.65092829-29.59406348-29.65092829zM896.70657848 354.34907171H127.29342152C110.94885503 354.34907171 97.69935804 367.62293935 97.69935804 384s13.249497 29.65092829 29.59406348 29.65092829h769.41315696c16.3445665 0 29.5940635-13.27386763 29.59406348-29.65092829s-13.249497-29.65092829-29.59406348-29.65092829zM896.70657848 87.49071702000003H127.29342152C110.94885503 87.49071702000003 97.69935804 100.76458462999994 97.69935804 117.14164532999996S110.94885503 146.79257361999998 127.29342152 146.79257361999998h769.41315696c16.3445665 0 29.5940635-13.27386763 29.59406348-29.65092829s-13.249497-29.65092829-29.59406348-29.65092831z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="wannengbiaodan" unicode="&#59075;" d="M773.485714-74.474057h-522.971428c-46.782171 0-84.845714 35.796114-84.845715 79.813486V623.7184c0 44.002743 38.063543 79.813486 84.845715 79.813486h26.8288v-52.662857h-26.8288c-17.744457 0-32.182857-12.1856-32.182857-27.150629v-618.364343c0-14.965029 14.4384-27.150629 32.182857-27.150628h522.971428c17.744457 0 32.168229 12.1856 32.168229 27.150628V623.7184c0 14.965029-14.423771 27.150629-32.168229 27.150629h-32.914285v52.662857h32.914285c46.767543 0 84.831086-35.796114 84.831086-79.813486v-618.364343c0-44.032-38.063543-79.828114-84.831086-79.828114zM303.235657 489.603657H720.749714v-52.662857H303.235657zM334.101943 701.279086H689.883429v-52.662857H334.101943zM303.235657 339.192686H720.749714v-52.662857H303.235657zM303.235657 188.767086H720.749714v-52.662857H303.235657zM655.023543 699.421257h-52.662857a90.477714 90.477714 0 0 1-90.375315 90.389943 90.492343 90.492343 0 0 1-90.389942-90.389943h-52.662858c0 78.877257 64.175543 143.0528 143.0528 143.0528s143.038171-64.175543 143.038172-143.0528z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="gerenzhongxin2" unicode="&#58888;" d="M981.333333 53.333333c1.322667-175.509333-170.666667-170.666667-170.666667-170.666667s-1.173333 68.842667 0 64c46.677333 0.810667 98.325333-11.050667 106.666667 106.666667 6.421333 152.96-147.050667 279.210667-209.045333 323.818667C664.298667 347.84 611.498667 330.666667 554.666667 330.666667s-109.632 17.173333-153.621333 46.485333C339.050667 332.544 185.578667 206.293333 192 53.333333c8.341333-117.717333 60.010667-105.856 106.666667-106.666667 1.152 4.842667 0-64 0-64s-171.989333-4.842667-170.666667 170.666667c0.96 127.146667 126.421333 305.045333 234.922667 354.602667C310.272 458.410667 277.333333 529.301333 277.333333 608 277.333333 761.173333 401.493333 885.333333 554.666667 885.333333c153.173333 0 277.333333-124.16 277.333333-277.333333 0-78.698667-32.938667-149.589333-85.589333-200.064C854.912 358.378667 980.373333 180.48 981.333333 53.333333zM554.666667 821.333333c-117.824 0-213.333333-95.509333-213.333333-213.333333s95.509333-213.333333 213.333333-213.333333c117.824 0 213.333333 95.509333 213.333333 213.333333S672.490667 821.333333 554.666667 821.333333z"  horiz-adv-x="1110" />
+      
+      <glyph glyph-name="gerenshezhi" unicode="&#58904;" d="M952.888346-45.102712h-374.982011a32.026674 32.026674 0 0 1 0-64.199255h374.982011a31.95372 31.95372 0 0 1 31.95372 32.099627 31.95372 31.95372 0 0 1-31.95372 32.099628m0 147.220564h-374.982011a32.026674 32.026674 0 0 1 0-64.199255h374.982011a31.95372 31.95372 0 0 1 31.95372 32.099627 31.95372 31.95372 0 0 1-31.95372 32.099628M545.879661 201.188974c0-17.727749 14.371879-32.099627 32.026674-32.099627h374.982011a32.026674 32.026674 0 0 1 0 64.199255h-374.982011a32.026674 32.026674 0 0 1-32.026674-32.099628m-61.281107 167.6476a231.409132 231.409132 0 0 0-230.898456 231.482085c0 127.668973 103.594252 231.482086 230.825502 231.482086a231.409132 231.409132 0 0 0 230.898457-231.482086c0-127.668973-103.594252-231.482086-230.898457-231.482085m294.87885 231.482085A295.608387 295.608387 0 0 1 484.452647 896a295.608387 295.608387 0 0 1-142.551527-554.229248A462.818264 462.818264 0 0 1 36.516937-93.252153a32.026674 32.026674 0 1 1 63.980394 0c0 219.444725 178.007025 397.962426 396.86812 397.962426a31.37009 31.37009 0 0 1 7.660139 1.021351 295.462479 295.462479 0 0 1 274.305907 294.587035"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="a-zu5" unicode="&#58922;" d="M192 736a32 32 0 0 1-32-32v-192a32 32 0 0 1 32-32h192a32 32 0 0 1 32 32V704a32 32 0 0 1-32 32H192m0 64h192a96 96 0 0 0 96-96v-192a96 96 0 0 0-96-96H192a96 96 0 0 0-96 96V704a96 96 0 0 0 96 96zM192 272a32 32 0 0 1-32-32v-192a32 32 0 0 1 32-32h192a32 32 0 0 1 32 32V240a32 32 0 0 1-32 32H192m0 64h192a96 96 0 0 0 96-96v-192a96 96 0 0 0-96-96H192a96 96 0 0 0-96 96V240a96 96 0 0 0 96 96zM656 736a32 32 0 0 1-32-32v-192a32 32 0 0 1 32-32h192a32 32 0 0 1 32 32V704a32 32 0 0 1-32 32H656m0 64h192a96 96 0 0 0 96-96v-192a96 96 0 0 0-96-96H656a96 96 0 0 0-96 96V704a96 96 0 0 0 96 96zM560-48.831999999999994a32 32 0 0 0-32 32v180.16a32 32 0 0 0 64 0v-180.16a32 32 0 0 0-32-32zM672-48.831999999999994a32 32 0 0 0-32 32v180.16a32 32 0 0 0 64 0v-180.16a32 32 0 0 0-32-32zM784-48.81600000000003a32 32 0 0 0-32 32V312a32 32 0 0 0 64 0v-328.832a32 32 0 0 0-32-31.984zM896-48.81600000000003a32 32 0 0 0-32 32V312a32 32 0 0 0 64 0v-328.832a32 32 0 0 0-32-31.984z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="waibushuju" unicode="&#58891;" d="M899.807467 771.977335c-37.365003 37.337373-87.119173 57.898665-140.086526 57.898665-52.956096 0-102.676497-20.543895-140.008754-57.853639L448.986851 601.512942c13.507642 3.479241 27.52489 5.27412 41.509393 5.27412 23.735587 0 47.493687-5.135974 68.99028-14.893198l120.362298 120.16787c21.342074 21.319561 49.720402 33.059953 79.894632 33.059953 30.173207 0 58.56279-11.740392 79.982636-33.115211 21.35333-21.325701 33.110095-49.67026 33.110095-79.821977 0-30.156834-11.756765-58.502415-33.110095-79.828117L634.594129 347.41271c-21.264303-21.209044-49.476855-32.888038-79.440283-32.888038-30.195719 0-58.629305 11.80179-80.159668 33.293267-3.113921 3.125177-11.490705 11.501962-15.956414 15.236006l-3.51301 1.90028c-6.172583 3.341095-13.175067 5.103228-20.256346 5.103228-11.368932 0-22.062482-4.40431-30.073946-12.399401-13.087063-13.087063-16.178471-33.625842-7.52437-49.936319l0.543375-0.997724a43.505863 43.505863 0 0 1 6.969739-9.130961c1.007957-1.007957 2.00568-1.916653 3.678786-3.391237a181.650153 181.650153 0 0 1 6.061042-6.349615c37.365003-37.321 87.107917-57.864896 140.075269-57.864895 52.944839 0 102.655008 20.532639 139.974985 57.809637l207.192899 206.938096c35.836183 37.004799 55.526641 85.667102 55.526641 137.421836 0.002047 52.879348-20.553105 102.533234-57.885361 139.820465zM461.863113 175.036781L341.556073 54.875051c-21.342074-21.319561-49.731658-33.066093-79.916121-33.066093s-58.574047 11.745509-79.916121 33.066093l-0.587378 0.620123c-21.020756 21.264303-32.577976 49.387827-32.577976 79.284741 0 30.140461 11.756765 58.496276 33.110096 79.849606l205.13196 204.877157c21.242813 21.225417 49.454342 32.91669 79.440284 32.916691 30.184463 0 58.629305-11.812023 80.159667-33.30964 3.136433-3.14155 11.590989-11.596106 16.034185-15.297404l3.391237-1.833765a42.733267 42.733267 0 0 1 20.256346-5.108345c11.368932 0 22.051225 4.421706 30.085202 12.45466 13.319353 13.269211 16.355503 33.337269 7.557117 49.931203l-0.532119 0.931208c-2.038426 3.540639-4.332678 6.537903-7.024998 9.202593a59.98007 59.98007 0 0 1-3.623527 3.329838c-1.971911 2.116197-3.944845 4.233418-6.072299 6.360872-37.365003 37.337373-87.13043 57.903781-140.108015 57.903781-52.944839 0-102.655008-20.527522-139.986241-57.804521L121.587196 274.589125c-37.321-37.298488-57.876152-86.963631-57.876152-139.842979s20.555152-102.543468 57.876152-139.842978c37.343513-37.321 87.075171-57.864896 140.0415-57.864896 52.956096 0 102.676497 20.532639 140.052756 57.864896L572.418045 165.417703c-13.574157-3.501754-27.625174-5.307889-41.631167-5.307889-23.701818 0.001023-47.426149 5.154393-68.923765 14.926967z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="tuxingbianji" unicode="&#58918;" d="M512-115.2l-435.2 249.6V633.6L512 883.2l435.2-249.6V128L512-115.2z m-371.2 288L512-44.8l371.2 211.2V595.2L512 812.8 140.8 595.2v-422.4z m371.2-32c-121.6 0-224 102.4-224 224S390.4 588.8 512 588.8s224-102.4 224-224-102.4-224-224-224z m0 384c-89.6 0-160-70.4-160-160s70.4-160 160-160 160 70.4 160 160S601.6 524.8 512 524.8zM512 140.8c-121.6 0-224 102.4-224 224S390.4 588.8 512 588.8s224-102.4 224-224-102.4-224-224-224z m0 384c-89.6 0-160-70.4-160-160s70.4-160 160-160 160 70.4 160 160S601.6 524.8 512 524.8z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="yichangguanli" unicode="&#59010;" d="M513 662.9l340.3-631.1H172.6L513 662.9m0 134.9l-447.6-830h895.1L513 797.8zM542.9 492.4h-63.1v-287.9h63.1V492.4zM519 167.6h-15.3c-13.2 0-23.9-10.7-23.9-23.9v-15.3c0-13.2 10.7-23.9 23.9-23.9H519c13.2 0 23.9 10.7 23.9 23.9v15.3c0 13.2-10.7 23.9-23.9 23.9z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="jieguoye" unicode="&#58898;" d="M522.24 891.904C245.76 891.904 24.576 668.672 24.576 394.24s223.232-497.664 497.664-497.664 497.664 223.232 497.664 497.664C1017.856 668.672 796.672 891.904 522.24 891.904z m0-925.696C286.72-33.792 94.208 158.72 94.208 394.24 94.208 629.76 284.672 822.272 522.24 822.272 757.76 822.272 950.272 629.76 950.272 394.24c0-237.568-192.512-428.032-428.032-428.032z m225.28 618.496L471.04 277.504l-153.6 135.168c-16.384 14.336-40.96 14.336-55.296-2.048-14.336-16.384-14.336-40.96 2.048-55.296l184.32-161.792c16.384-14.336 40.96-14.336 55.296 2.048l303.104 335.872c14.336 16.384 14.336 40.96-2.048 55.296-18.432 16.384-43.008 14.336-57.344-2.048z m0 0"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="xiangqing" unicode="&#59193;" d="M780.8 808.96h-629.76c-33.792 0-61.44-27.648-61.44-61.44v-727.04c0-33.792 27.648-61.44 61.44-61.44h629.76c30.5664 0 56.1664 22.6304 60.7232 52.0192H880.64c33.792 0 61.44 27.648 61.44 61.44V695.5008c0 33.792-27.648 61.44-61.44 61.44h-39.1168C836.9664 786.3296 811.3664 808.96 780.8 808.96z m-629.76-808.96c-11.1104 0-20.48 9.3696-20.48 20.48V747.52c0 11.1104 9.3696 20.48 20.48 20.48h629.76c7.7312 0 14.592-4.5056 18.0736-11.0592 1.536-2.816 2.4064-6.0416 2.4064-9.4208v-727.04c0-3.3792-0.8704-6.6048-2.4064-9.4208-3.4816-6.5536-10.3424-11.0592-18.0736-11.0592h-629.76z m691.2 52.0192V715.9808h38.4c11.1104 0 20.48-9.4208 20.48-20.48v-623.0016c0-11.0592-9.3696-20.48-20.48-20.48h-38.4zM240.64 701.44h-35.84c-11.264 0-20.48-9.216-20.48-20.48s9.216-20.48 20.48-20.48h35.84c11.264 0 20.48 9.216 20.48 20.48s-9.216 20.48-20.48 20.48zM727.04 701.44H337.92c-11.264 0-20.48-9.216-20.48-20.48s9.216-20.48 20.48-20.48h389.12c11.264 0 20.48 9.216 20.48 20.48s-9.216 20.48-20.48 20.48zM240.64 552.96h-35.84c-11.264 0-20.48-9.216-20.48-20.48s9.216-20.48 20.48-20.48h35.84c11.264 0 20.48 9.216 20.48 20.48s-9.216 20.48-20.48 20.48zM727.04 552.96H337.92c-11.264 0-20.48-9.216-20.48-20.48s9.216-20.48 20.48-20.48h389.12c11.264 0 20.48 9.216 20.48 20.48s-9.216 20.48-20.48 20.48zM240.64 404.48h-35.84c-11.264 0-20.48-9.216-20.48-20.48s9.216-20.48 20.48-20.48h35.84c11.264 0 20.48 9.216 20.48 20.48s-9.216 20.48-20.48 20.48zM727.04 404.48H337.92c-11.264 0-20.48-9.216-20.48-20.48s9.216-20.48 20.48-20.48h389.12c11.264 0 20.48 9.216 20.48 20.48s-9.216 20.48-20.48 20.48zM240.64 256h-35.84c-11.264 0-20.48-9.216-20.48-20.48s9.216-20.48 20.48-20.48h35.84c11.264 0 20.48 9.216 20.48 20.48s-9.216 20.48-20.48 20.48zM727.04 256H337.92c-11.264 0-20.48-9.216-20.48-20.48s9.216-20.48 20.48-20.48h389.12c11.264 0 20.48 9.216 20.48 20.48s-9.216 20.48-20.48 20.48zM240.64 107.52h-35.84c-11.264 0-20.48-9.216-20.48-20.48s9.216-20.48 20.48-20.48h35.84c11.264 0 20.48 9.216 20.48 20.48s-9.216 20.48-20.48 20.48zM727.04 107.52H337.92c-11.264 0-20.48-9.216-20.48-20.48s9.216-20.48 20.48-20.48h389.12c11.264 0 20.48 9.216 20.48 20.48s-9.216 20.48-20.48 20.48z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="biaoge" unicode="&#58942;" d="M959.825022 511.997742V704.060283C959.825022 774.7521 902.517291 832.059831 831.825474 832.059831H191.939717C121.2479 832.059831 63.940169 774.7521 63.940169 704.060283v-639.885757C63.940169-6.517291 121.2479-63.825022 191.939717-63.825022h639.885757c70.691817 0 127.999548 57.307731 127.999548 127.999548V511.997742zM146.66502 749.33498a63.737872 63.737872 0 0 0 45.336109 18.784682h639.997742A63.961844 63.961844 0 0 0 895.884854 703.998871V575.937911H127.880338V703.998871A63.737872 63.737872 0 0 0 146.66502 749.33498z m269.1267-461.308451v223.971213h192.181751v-223.971213h-192.181751z m192.181751-63.940169v-223.971214h-192.181751v223.971214h192.181751z m-256.12192 63.940169H127.880338v223.971213h223.971213v-223.971213z m-205.186531-269.235073a63.466939 63.466939 0 0 0-18.784682 45.209673V224.08636h223.971213v-223.971214H192.001129a63.625887 63.625887 0 0 0-45.336109 18.67631z m749.219834 45.209673A63.763159 63.763159 0 0 0 831.998871 0.115146H671.91364v223.971214h223.971214v-160.085231z m0 224.0254h-223.971214v223.971213h223.971214v-223.971213z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="iconset0335" unicode="&#59114;" d="M234.666667 597.333333c-12.8 0-21.333333-8.533333-21.333333-21.333333 0-12.8 8.533333-21.333333 21.333333-21.333333 12.8 0 21.333333 8.533333 21.333333 21.333333C256 588.8 247.466667 597.333333 234.666667 597.333333zM149.333333 597.333333c-12.8 0-21.333333-8.533333-21.333333-21.333333 0-12.8 8.533333-21.333333 21.333333-21.333333 12.8 0 21.333333 8.533333 21.333333 21.333333C170.666667 588.8 162.133333 597.333333 149.333333 597.333333zM704 597.333333 405.333333 597.333333c-12.8 0-21.333333-8.533333-21.333333-21.333333 0-12.8 8.533333-21.333333 21.333333-21.333333l298.666667 0c12.8 0 21.333333 8.533333 21.333333 21.333333C725.333333 588.8 716.8 597.333333 704 597.333333zM896 853.333333 298.666667 853.333333c-46.933333 0-85.333333-38.4-85.333333-85.333333l0-21.333333c0-12.8 8.533333-21.333333 21.333333-21.333333 12.8 0 21.333333 8.533333 21.333333 21.333333L256 768c0 23.466667 19.2 42.666667 42.666667 42.666667l597.333333 0c23.466667 0 42.666667-19.2 42.666667-42.666667l0-597.333333c0-23.466667-19.2-42.666667-42.666667-42.666667l-21.333333 0c-12.8 0-21.333333-8.533333-21.333333-21.333333s8.533333-21.333333 21.333333-21.333333l21.333333 0c46.933333 0 85.333333 38.4 85.333333 85.333333L981.333333 768C981.333333 814.933333 942.933333 853.333333 896 853.333333zM320 597.333333c-12.8 0-21.333333-8.533333-21.333333-21.333333 0-12.8 8.533333-21.333333 21.333333-21.333333 12.8 0 21.333333 8.533333 21.333333 21.333333C341.333333 588.8 332.8 597.333333 320 597.333333zM725.333333 682.666667 128 682.666667c-46.933333 0-85.333333-38.4-85.333333-85.333333l0-597.333333c0-46.933333 38.4-85.333333 85.333333-85.333333l597.333333 0c46.933333 0 85.333333 38.4 85.333333 85.333333L810.666667 597.333333C810.666667 644.266667 772.266667 682.666667 725.333333 682.666667zM768 0c0-23.466667-19.2-42.666667-42.666667-42.666667L128-42.666667c-23.466667 0-42.666667 19.2-42.666667 42.666667L85.333333 469.333333l682.666667 0L768 0zM768 512 85.333333 512l0 85.333333c0 23.466667 19.2 42.666667 42.666667 42.666667l597.333333 0c23.466667 0 42.666667-19.2 42.666667-42.666667L768 512z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="shuju" unicode="&#58909;" d="M464.9-90.4c-57.8 0-113.8 11.3-166.6 33.6-51 21.6-96.7 52.4-136 91.7C123 74.3 92.1 120 70.6 171 48.3 223.8 37 279.8 37 337.6s11.3 113.8 33.6 166.6c21.6 51 52.4 96.7 91.7 136 39.3 39.3 85.1 70.2 136 91.7 52.8 22.3 108.8 33.6 166.6 33.6h29v-400.2H893v-28c0-57.7-11.4-113.8-33.7-166.5-21.6-50.9-52.4-96.7-91.7-136-39.3-39.3-85.1-70.1-136-91.6-52.9-22.3-108.9-33.6-166.7-33.6z m-27 799.1c-89.2-6.4-172.1-44.1-236-108-70.3-70.3-109-163.7-109-263 0-99.4 38.7-192.8 109-263s163.7-109 263-109c99.3 0 192.7 38.7 263 108.9 63.6 63.6 101.4 146.1 108 234.9h-398V708.7zM987.1 422.3l-28 0.1h-408v436l28.1-0.1c55.1-0.1 108.5-11 158.8-32.3 48.6-20.6 92.2-50 129.7-87.4 37.5-37.4 66.9-81 87.4-129.5 21.3-50.2 32.1-103.6 32.1-158.5v-28.3z m-380 56.1H930c-6.5 83.3-42.1 160.9-102 220.7-59.8 59.8-137.4 95.5-220.9 102.2v-322.9z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="layout" unicode="&#58919;" d="M831.20303681 1.484229379999988H193.09686619c-35.09529159 0-63.65247632 28.55165146-63.65247632 63.64694306v638.12941034c0 35.09529159 28.55718473 63.65247632 63.65247632 63.65247632h638.10727727c35.09529159 0 63.6458364-28.55718473 63.64583641-63.65247632v-638.1349436c0.00553327-35.09086498-28.54501155-63.6414098-63.64694306-63.6414098zM193.09686619 709.09596487a5.83648876 5.83648876 0 0 1-5.82984883-5.82984883v-638.1349436a5.83648876 5.83648876 0 0 1 5.82984883-5.82542221h638.10727727a5.82984884 5.82984884 0 0 1 5.82431558 5.82542221v638.12941034a5.83648876 5.83648876 0 0 1-5.82542223 5.82984883H193.09686619zM165.26564593 558.60552191H865.94087943v-57.82262748h-700.67744681zM377.95220966 550.58781978h57.82262749v-500.41527807h-57.82262749z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="zujian" unicode="&#58967;" d="M422.495 669.593l-97.74 37.845-25.11-101.070-135.585 36.382v-126.653h-96.435v-520.222h833.332c0 0 0 91.035 0 180.923v13.162h66.667v129.352h-66.667v11.318c0 100.935 0 185.468 0 185.468h-29.768v61.965l-385.717 194.063M346.58 665.925l363.892-149.85h-74.407l-306.292 82.192 16.807 67.657zM196.19 601.8l319.343-85.702h-319.343v85.702zM838.745 60.562h-706.838v387.877h706.86c0 0 0-58.073 0-129.127h-224.685v-129.352h224.685c-0.023-65.183-0.023-129.398-0.023-129.398zM839.060 222.27h-192.87v64.687h192.87v-64.687zM839.060 516.097h-96.435v20.183l-281.408 118.35 40.118 60.57 337.725-160.043v-39.060z"  horiz-adv-x="1031" />
+      
+      <glyph glyph-name="gerenziliao" unicode="&#58883;" d="M918.84347 130.297109h-255.234298c-14.293121 0-25.52343 11.230309-25.523429 25.523429s11.230309 25.52343 25.523429 25.52343h255.234298c13.782652 0 25.52343 8.677966 25.523429 19.397807V825.555334c0 10.71984-11.740778 19.397807-25.523429 19.397807H408.374875c-13.782652 0-25.52343-8.677966-25.523429-19.397807v-169.986042c0-14.293121-11.230309-25.52343-25.52343-25.52343s-25.52343 11.230309-25.52343 25.52343V825.555334C331.804586 864.350947 366.005982 896 408.374875 896h510.468595c42.368893 0 76.570289-31.649053 76.570289-70.444666v-625.324028c0-38.285145-34.201396-69.934197-76.570289-69.934197zM852.993021 640.765703H485.966102c-14.293121 0-25.52343 11.230309-25.52343 25.52343s11.230309 25.52343 25.52343 25.523429h367.026919c14.293121 0 25.52343-11.230309 25.52343-25.523429s-11.230309-25.52343-25.52343-25.52343zM852.993021 487.625125H587.038883c-14.293121 0-25.52343 11.230309-25.523429 25.523429s11.230309 25.52343 25.523429 25.52343h265.954138c14.293121 0 25.52343-11.230309 25.52343-25.52343s-11.230309-25.52343-25.52343-25.523429zM852.993021 334.484546h-183.258225c-14.293121 0-25.52343 11.230309-25.52343 25.52343s11.230309 25.52343 25.52343 25.52343h183.258225c14.293121 0 25.52343-11.230309 25.52343-25.52343s-11.230309-25.52343-25.52343-25.52343zM331.804586 155.820538c-112.813559 0-204.187438 91.373878-204.187437 204.187438s91.373878 204.187438 204.187437 204.187438 204.187438-91.373878 204.187438-204.187438-91.373878-204.187438-204.187438-204.187438z m0 357.328016c-84.227318 0-153.140578-68.91326-153.140578-153.140578s68.91326-153.140578 153.140578-153.140578 153.140578 68.91326 153.140579 153.140578-68.91326 153.140578-153.140579 153.140578zM638.085743-128l-27.565304 3.062812c-23.481555 1.020937-477.798604 1.020937-558.963111 0l-26.033898-0.510469v26.033898c0 168.965105 137.316052 306.281157 306.281156 306.281157s306.281157-137.316052 306.281157-306.281157v-28.586241z m-306.281157 283.820538c-132.211366 0-240.941176-100.562313-254.21336-229.710867 100.051844 0.510469 409.906281 1.020937 507.916252 0a254.928016 254.928016 0 0 1-253.702892 229.710867z"  horiz-adv-x="1024" />
+      
+      <glyph glyph-name="xitongpeizhi" unicode="&#59049;" d="M512.1-86.8H404.4c-38.7 0-67.8 29.2-67.8 67.8v77c-6 3.1-12 6.2-17.7 9.4L250.8 25c-32.5-16.2-69.5-6.1-90 24.7l-1.5 2.4L52.4 239.2c-11.7 18.3-14.7 39.4-8.2 58.2 5.8 16.8 18.5 30.2 35.5 37.5l63.5 39.7v19.1l-63.5 39.7c-17 7.3-29.7 20.7-35.5 37.6-6.4 18.8-3.4 39.9 8.2 58.2l106.5 186.4c7.9 14.9 22 25.9 38.8 30.4 19.2 5.1 39.7 1.4 57.5-10.6l62.5-39.1c5.9 3.8 12.2 7.5 18.9 11v80c0 38.7 29.2 67.8 67.8 67.8h214.9c38.7 0 67.8-29.2 67.8-67.8v-76.9c6-3.1 11.9-6.2 17.7-9.4l68.1 42.4c32.5 16.2 69.5 6.1 90-24.7l1.5-2.4 106.9-187.1c11.7-18.3 14.7-39.4 8.2-58.2-5.8-16.8-18.5-30.2-35.5-37.5l-63.5-39.7v-10c0-22.6-18.3-41-41-41s-41 18.3-41 41v55.4l95.6 59.8-94.2 165-95.5-59.7-22 14.7c-14 9.3-34.7 19.7-54.7 29.7L605.3 660V773.3H418.5v-125.4l-31-7.8c-11.4-2.9-26.7-13.3-39-21.7l-29.3-19.6-97.7 61.2-92-161 95.6-59.8v-109.9l-95.6-59.8 94.2-165 95.5 59.7 22-14.7c14-9.3 34.7-19.7 54.7-29.7l22.6-11.3v-113.4H512c22.6 0 41-18.3 41-41s-18.3-40.9-40.9-40.9zM511.9 466.1c45.2 0 81.9-36.7 81.9-81.9s-36.7-81.9-81.9-81.9S430 339 430 384.2s36.7 81.9 81.9 81.9m0 82c-90.5 0-163.8-73.4-163.8-163.8s73.4-163.8 163.8-163.8c90.5 0 163.8 73.4 163.8 163.8s-73.3 163.8-163.8 163.8zM696.4-5.3h245.8c22.5 0 41-18.4 41-41 0-22.5-18.4-41-41-41H696.4c-22.5 0-41 18.4-41 41 0 22.5 18.5 41 41 41zM696.4 138h245.8c22.5 0 41-18.4 41-41 0-22.5-18.4-41-41-41H696.4c-22.5 0-41 18.4-41 41s18.5 41 41 41zM696.4 281.4h245.8c22.5 0 41-18.4 41-41 0-22.5-18.4-41-41-41H696.4c-22.5 0-41 18.4-41 41 0 22.5 18.5 41 41 41z"  horiz-adv-x="1024" />
+      
+    </font>
+  </defs>
+</svg>

package/template-design-pro/src/assets/menu_font/index.less

@@ -0,0 +1,94 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 2718382 */
+  src: url('iconfont.eot?t=1673164991925'); /* IE9 */
+  src: url('iconfont.eot?t=1673164991925#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+  url('iconfont.woff?t=1673164991925') format('woff'),
+  url('iconfont.ttf?t=1673164991925') format('truetype'),
+  url('iconfont.svg?t=1673164991925#iconfont') format('svg');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.gx-gongjuxiang:before {
+  content: "\e649";
+}
+
+.gx-fuwuqingqiu:before {
+  content: "\e68d";
+}
+
+.gx-gengduo-tongyong:before {
+  content: "\e60e";
+}
+
+.gx-wannengbiaodan:before {
+  content: "\e6c3";
+}
+
+.gx-gerenzhongxin2:before {
+  content: "\e608";
+}
+
+.gx-gerenshezhi:before {
+  content: "\e618";
+}
+
+.gx-a-zu5:before {
+  content: "\e62a";
+}
+
+.gx-waibushuju:before {
+  content: "\e60b";
+}
+
+.gx-tuxingbianji:before {
+  content: "\e626";
+}
+
+.gx-yichangguanli:before {
+  content: "\e682";
+}
+
+.gx-jieguoye:before {
+  content: "\e612";
+}
+
+.gx-xiangqing:before {
+  content: "\e739";
+}
+
+.gx-biaoge:before {
+  content: "\e63e";
+}
+
+.gx-iconset0335:before {
+  content: "\e6ea";
+}
+
+.gx-shuju:before {
+  content: "\e61d";
+}
+
+.gx-layout:before {
+  content: "\e627";
+}
+
+.gx-zujian:before {
+  content: "\e657";
+}
+
+.gx-gerenziliao:before {
+  content: "\e603";
+}
+
+.gx-xitongpeizhi:before {
+  content: "\e6a9";
+}
+

package/template-design-pro/src/common/global.ts

@@ -0,0 +1 @@
+export default {}

package/template-design-pro/src/components/GDesign/ProLayout/BasicLayout.less

@@ -0,0 +1,80 @@
+@import './default.less';
+
+@layoutWide-prefix-cls: ~'@{gx-prefix-pro}-layout-wide';
+
+.@{basicLayout-prefix-cls} {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  min-height: 100vh;
+
+  &.wide {
+    background: #f0f2f5;
+
+    .@{layoutWide-prefix-cls} {
+      position: relative;
+      margin: 0 auto;
+    }
+
+    .@{basicLayout-prefix-cls} {
+      &-content {
+        margin: 0 0 0 20px;
+        background: #fff;
+        flex: unset;
+        border-radius: 8px;
+      }
+    }
+  }
+
+  .@{ant-prefix}-layout-header {
+    &.@{gx-prefix-pro}-fixed-header {
+      position: fixed;
+      top: 0;
+
+      &.@{ant-prefix}-side-opened {
+        width: 100%;
+      }
+
+      &.@{ant-prefix}-side-closed {
+        width: 100%;
+      }
+    }
+
+    .@{gx-prefix-pro}-header-loading {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      z-index: 10;
+      background: rgba(255, 255, 255, 0.5);
+
+      .@{ant-prefix}-spin-spinning {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+      }
+    }
+  }
+
+  &-content {
+    position: relative;
+    margin: 24px;
+
+    .@{gx-prefix-pro}-page-container {
+      margin: -24px -24px 0;
+    }
+
+    &-disable-margin {
+      margin: 0;
+
+      .@{gx-prefix-pro}-pro-page-container {
+        margin: 0;
+      }
+    }
+    > .@{ant-prefix}-layout {
+      max-height: 100%;
+    }
+  }
+}

package/template-design-pro/src/components/GDesign/ProLayout/BasicLayout.tsx

@@ -0,0 +1,342 @@
+import type { CSSProperties, ExtractPropTypes } from 'vue'
+import {
+  defineComponent,
+  ref,
+  reactive,
+  computed,
+  onBeforeUnmount,
+  toRefs,
+  onMounted,
+  unref
+} from 'vue'
+import { Layout } from 'ant-design-vue'
+import { useMediaQuery } from '@gx-design-vue/pro-hooks'
+import { getSlot, getPrefixCls } from '@gx-design-vue/pro-utils'
+import { basicLayoutProps } from './props'
+import type {
+  BreadcrumbRender,
+  MenuContentRender,
+  MenuFooterRender,
+  MenuExtraRender,
+  CopyrightRender,
+  HeaderContentRender,
+  HeaderRender,
+  LinksRender,
+  FooterRender,
+  RightContentRender,
+  HeaderLogoRender,
+  MenuItemRender,
+  SubMenuItemRender,
+  CollapsedButtonRender,
+  ExtraRightDropdownRender
+} from './RenderTypings'
+import type { RouteContextProps, BreadcrumbProps } from './RouteContext'
+import { provideRouteContext, defaultRouteContext } from './RouteContext'
+import { WrapContent } from './WrapContent'
+import GlobalHeader from './components/GlobalHeader'
+import GlobalFooter from './components/GlobalFooter'
+import SiderMenuWrapper from './components/SiderMenu'
+import { getMenuFirstChildren, pick } from './utils'
+import './style.less'
+
+export type BasicLayoutProps = Partial<ExtractPropTypes<typeof basicLayoutProps>>
+
+export default defineComponent({
+  name: 'GProLayout',
+  inheritAttrs: false,
+  components: {
+    GlobalHeader,
+    GlobalFooter,
+    SiderMenuWrapper
+  },
+  props: basicLayoutProps,
+  emits: [
+    'update:collapsed',
+    'update:open-keys',
+    'update:selected-keys',
+    'collapse',
+    'openKeys',
+    'reloadPage',
+    'select',
+    'menuHeaderClick',
+    'menuClick'
+  ],
+  setup(props, { emit, slots }) {
+    const baseClassName = getPrefixCls({
+      suffixCls: 'basic-layout',
+      isPor: true
+    })
+
+    const layoutClassName = getPrefixCls({
+      suffixCls: 'layout',
+      isPor: true
+    })
+    const colSize = useMediaQuery()
+    const width = ref(document.body.getBoundingClientRect().width)
+
+    const hasSide = computed(
+      () => props.layout === 'mix' || props.layout === 'side' || props.layout === 'wide' || false
+    )
+    const hasContentWide = computed(() => props.layout === 'wide')
+    const hasFlatMenu = computed(() => hasSide.value)
+
+    const siderWidth = computed(() => (props.collapsed ? props.collapsedWidth : props.siderWidth))
+
+    onMounted(() => {
+      window.addEventListener('resize', handleLayouts)
+      handleLayouts()
+    })
+
+    onBeforeUnmount(() => {
+      window.removeEventListener('resize', handleLayouts)
+    })
+
+    const isMobile = computed(
+      () =>
+        (colSize.value === 'sm' || colSize.value === 'xs') &&
+        !props.disableMobile &&
+        !hasContentWide.value
+    )
+
+    const genLayoutStyle = reactive<CSSProperties>({
+      position: 'relative'
+    })
+
+    // if is some layout children, don't need min height
+    if (props.isChildrenLayout || (props.contentStyle && props.contentStyle.minHeight)) {
+      genLayoutStyle.minHeight = 0
+    }
+
+    const handleLayouts = () => {
+      const clientWidth = document.body.getBoundingClientRect().width
+      if (width.value !== clientWidth) {
+        colSize.value = useMediaQuery().value
+        width.value = clientWidth
+      }
+    }
+
+    const headerRender = (
+      p: BasicLayoutProps & {
+        hasSiderMenu: boolean
+        headerRender: HeaderRender
+        rightContentRender: RightContentRender
+      },
+      matchMenuKeys?: string[]
+    ): CustomRender | null => {
+      if (p.headerRender === false || p.pure) {
+        return null
+      }
+      return <GlobalHeader {...p} matchMenuKeys={matchMenuKeys || []} />
+    }
+
+    const breadcrumb = computed<BreadcrumbProps>(() => ({
+      ...props.breadcrumb,
+      itemRender: getSlot<BreadcrumbRender>(slots, props, 'breadcrumbRender') as BreadcrumbRender
+    }))
+
+    const flatMenuData = computed(
+      () =>
+        (hasFlatMenu.value &&
+          props.selectedKeys &&
+          getMenuFirstChildren(props.menuData, props.selectedKeys[0])) ||
+        []
+    )
+
+    const onCollapse = (collapsed: boolean) => {
+      emit('update:collapsed', collapsed)
+      emit('collapse', collapsed)
+    }
+    const onOpenKeys = (openKeys: string[] | false) => {
+      emit('update:open-keys', openKeys)
+      emit('openKeys', openKeys)
+    }
+    const onSelect = (selectedKeys: string[] | false) => {
+      emit('update:selected-keys', selectedKeys)
+      emit('select', selectedKeys)
+    }
+    const onMenuHeaderClick = (e: MouseEvent) => {
+      emit('menuHeaderClick', e)
+    }
+    const onMenuClick = (args: any) => {
+      emit('menuClick', args)
+    }
+
+    const onReloadPage = () => {
+      emit('reloadPage')
+    }
+
+    const routeContext = reactive<RouteContextProps>({
+      ...defaultRouteContext,
+      ...(pick(toRefs(props), [
+        'menuData',
+        'openKeys',
+        'selectedKeys',
+        'disableMobile',
+        'fixSiderbar',
+        'fixedHeader'
+        // 'hasSideMenu',
+        // 'hasHeader',
+        // 'hasFooter',
+        // 'hasFooterToolbar',
+        // 'setHasFooterToolbar',
+      ]) as any),
+      hasContentWide,
+      isMobile,
+      siderWidth,
+      breadcrumb,
+      flatMenuData,
+      hasSide,
+      flatMenu: hasFlatMenu
+    })
+    provideRouteContext(routeContext)
+
+    return () => {
+      const { pure, ...restProps } = props
+
+      const collapsedButtonRender = getSlot<CollapsedButtonRender>(
+        slots,
+        props,
+        'collapsedButtonRender'
+      )
+      const headerContentRender = getSlot<HeaderContentRender>(slots, props, 'headerContentRender')
+      const rightContentRender = getSlot<RightContentRender>(slots, props, 'rightContentRender')
+      const customHeaderRender = getSlot<HeaderRender>(slots, props, 'headerRender')
+      const footerRender = getSlot<FooterRender>(slots, props, 'footerRender')
+      const linksRender = getSlot<LinksRender>(slots, props, 'links')
+      const copyrightRender = getSlot<CopyrightRender>(slots, props, 'copyrightRender')
+      const extraRightDropdownRender = getSlot<ExtraRightDropdownRender>(
+        slots,
+        props,
+        'extraRightDropdownRender'
+      )
+
+      // menu
+      const menuHeaderRender = getSlot<HeaderLogoRender>(slots, props, 'menuHeaderRender')
+      const menuExtraRender = getSlot<MenuExtraRender>(slots, props, 'menuExtraRender')
+      const menuContentRender = getSlot<MenuContentRender>(slots, props, 'menuContentRender')
+      const menuFooterRender = getSlot<MenuFooterRender>(slots, props, 'menuFooterRender')
+      const menuItemRender = getSlot<MenuItemRender>(slots, props, 'menuItemRender')
+      const subMenuItemRender = getSlot<SubMenuItemRender>(slots, props, 'subMenuItemRender')
+
+      const menuRenders = {
+        menuItemRender,
+        subMenuItemRender
+      }
+
+      const headerDom = computed(() =>
+        headerRender(
+          {
+            ...props,
+            ...menuRenders,
+            hasSiderMenu: hasSide.value,
+            menuData: props.menuData,
+            isMobile: unref(isMobile),
+            onCollapse,
+            onOpenKeys,
+            onSelect,
+            onMenuHeaderClick,
+            rightContentRender,
+            extraRightDropdownRender,
+            headerTitleRender: menuHeaderRender,
+            headerContentRender,
+            headerRender: customHeaderRender,
+            theme: (props.theme || 'dark').toLocaleLowerCase().includes('dark') ? 'dark' : 'light'
+          },
+          props.matchMenuKeys
+        )
+      )
+
+      const layoutBaseClassName = computed(() => {
+        return {
+          [`${baseClassName}`]: true,
+          ['wide']: hasContentWide.value,
+          ['empty']: !props.menuData.length
+        }
+      })
+
+      const layoutBaseStyle = computed(() => {
+        return hasContentWide.value
+          ? {
+              minWidth: `${props.wideWidth}px`
+            }
+          : undefined
+      })
+
+      const layoutWideStyle = computed(() => {
+        return hasContentWide.value
+          ? {
+              width: props.menuData.length
+                ? `${props.wideWidth}px`
+                : `${props.wideWidth - props.siderWidth - 20}px`,
+              paddingTop: `${props.headerHeight + 20}px`
+            }
+          : undefined
+      })
+
+      const wrapContentStyle = computed(() => {
+        return hasContentWide.value
+          ? {
+              minHeight: '835px'
+            }
+          : {}
+      })
+
+      return (
+        <>
+          {pure ? (
+            slots.default?.()
+          ) : (
+            <div class={layoutBaseClassName.value} style={layoutBaseStyle.value}>
+              <Layout
+                class={{
+                  [`${layoutClassName}-wide`]: hasContentWide.value
+                }}
+                style={layoutWideStyle.value}
+              >
+                <SiderMenuWrapper
+                  {...restProps}
+                  links={linksRender}
+                  isMobile={isMobile.value}
+                  menuHeaderRender={menuHeaderRender}
+                  menuContentRender={menuContentRender}
+                  menuExtraRender={menuExtraRender}
+                  menuFooterRender={menuFooterRender}
+                  collapsedButtonRender={collapsedButtonRender}
+                  onCollapse={onCollapse}
+                  onSelect={onSelect}
+                  onOpenKeys={onOpenKeys}
+                  onMenuClick={onMenuClick}
+                />
+                <Layout style={genLayoutStyle}>
+                  {headerDom.value}
+                  <WrapContent
+                    isMobile={isMobile.value}
+                    isChildrenLayout={props.isChildrenLayout}
+                    loading={props.loading}
+                    isShowTabsBar={props.showTabsBar}
+                    isFixedMultiTab={props.fixedMultiTab}
+                    siderWidth={props.siderWidth}
+                    collapsed={props.collapsed}
+                    style={
+                      props.disableContentMargin
+                        ? wrapContentStyle.value
+                        : { ...props.contentStyle, ...wrapContentStyle.value }
+                    }
+                    onReloadPage={onReloadPage}
+                  >
+                    {slots.default?.()}
+                  </WrapContent>
+                  {footerRender === false ? null : footerRender ? (
+                    footerRender(props)
+                  ) : (
+                    <GlobalFooter copyright={copyrightRender} />
+                  )}
+                </Layout>
+              </Layout>
+            </div>
+          )}
+        </>
+      )
+    }
+  }
+})

package/template-design-pro/src/components/GDesign/ProLayout/PageLoading.tsx

@@ -0,0 +1,20 @@
+import { defineComponent, h } from 'vue'
+import { Spin, SpinProps } from 'ant-design-vue'
+
+export type PageLoadingProps = SpinProps
+
+const PageLoading = defineComponent({
+  name: 'PageLoading',
+  props: {
+    ...Spin.props
+  },
+  render() {
+    return h(
+      'div',
+      { style: { paddingTop: '100px', textAlign: 'center' } },
+      h(Spin, { ...this.$props })
+    )
+  }
+})
+
+export default PageLoading