@appthen/cli 1.2.8 → 1.2.11

package/tests/test-app/src/pages/mobile_terminal/tabbar.tsx

@@ -0,0 +1,67 @@
+/**
+ * 首页
+ * @type Page
+ * @screen 375w
+ * @frames app
+ */
+import React from 'react';
+import { Page, TabView, View } from 'cross-ui';
+import WorkOrderHomepage from '/src/pages/mobile_terminal/WorkOrderHomepage';
+import PersonalCenter from '/src/pages/mobile_terminal/PersonalCenter';
+
+
+class IProps {}
+
+/*
+ * 数据与接口请求定义
+ */
+class IState {}
+
+class Document extends React.Component<IProps, IState> {
+  state = {};
+
+  render() {
+    return (
+      <Page statusBarMode="light">
+        <TabView
+          list={[
+            {
+              text: '首页',
+              name: 'home',
+              width: 24,
+              height: 24,
+              view: (
+                <View className="flex-1 flex flex-col">
+                  <WorkOrderHomepage />
+                </View>
+              ),
+              iconPath:
+                '<?xml version="1.0" encoding="utf-8" ?>\n<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 24 24">\n\t<defs>\n\t\t<clipPath id="clipPath2021315197">\n\t\t\t<path d="M0 0L24 0L24 24L0 24L0 0Z" fill-rule="nonzero" transform="matrix(1 0 0 1 0 0)" fill="#666"/>\n\t\t</clipPath>\n\t</defs>\n\t<g clip-path="url(#clipPath2021315197)">\n\t\t<path d="M0 -0.75C-0.41421 -0.75 -0.75 -0.41421 -0.75 0L-0.75 11.0625Q-0.75 11.6838 -0.310663 12.1232Q0.12868 12.5625 0.75 12.5625L5.25 12.5625Q5.32387 12.5625 5.39632 12.5481Q5.46877 12.5337 5.53701 12.5054Q5.60526 12.4771 5.66668 12.4361Q5.7281 12.3951 5.78033 12.3428Q5.83256 12.2906 5.8736 12.2292Q5.91464 12.1678 5.94291 12.0995Q5.97118 12.0313 5.98559 11.9588Q6 11.8864 6 11.8125L6 5.4375Q6 5.28217 6.10983 5.17234Q6.21967 5.0625 6.375 5.0625L10.125 5.0625Q10.2803 5.0625 10.3902 5.17234Q10.5 5.28217 10.5 5.4375L10.5 11.8125Q10.5 11.8864 10.5144 11.9588Q10.5288 12.0313 10.5571 12.0995Q10.5854 12.1678 10.6264 12.2292Q10.6674 12.2906 10.7197 12.3428Q10.7719 12.3951 10.8333 12.4361Q10.8947 12.4771 10.963 12.5054Q11.0312 12.5337 11.1037 12.5481Q11.1761 12.5625 11.25 12.5625L15.75 12.5625Q16.3713 12.5625 16.8107 12.1232Q17.25 11.6838 17.25 11.0625L17.25 0C17.25 -0.41421 16.9142 -0.75 16.5 -0.75C16.0858 -0.75 15.75 -0.41421 15.75 0L15.75 11.0625L12 11.0625L12 5.4375Q12 4.66085 11.4508 4.11167Q10.9016 3.5625 10.125 3.5625L6.375 3.5625Q5.59835 3.5625 5.04918 4.11167Q4.5 4.66085 4.5 5.4375L4.5 11.0625L0.75 11.0625L0.75 0C0.75 -0.41421 0.41421 -0.75 0 -0.75Z" fill-rule="evenodd" transform="matrix(1 0 0 1 3.75 9.9375)" fill="#666"/>\n\t\t<path d="M20.4814 10.291L10.5149 0.750488Q10.5082 0.750015 10.5002 0.75Q10.492 0.749986 10.4852 0.750469L0.518624 10.291C0.219407 10.5774 -0.255358 10.567 -0.541784 10.2678C-0.828209 9.96859 -0.81784 9.49382 -0.518624 9.2074L9.46081 -0.345437Q9.85887 -0.751152 10.5029 -0.749997Q11.1451 -0.748846 11.5399 -0.344777L14.25 2.24949L14.25 0.749181Q14.25 0.675313 14.2644 0.602863Q14.2788 0.530414 14.3071 0.462169Q14.3354 0.393923 14.3764 0.332504Q14.4174 0.271084 14.4697 0.218851Q14.5219 0.166618 14.5833 0.125579Q14.6447 0.0845398 14.713 0.0562716Q14.7812 0.0280033 14.8537 0.0135922Q14.9261 -0.000818789 15 -0.000818789L17.25 -0.000818789Q17.3239 -0.000818789 17.3963 0.0135922Q17.4688 0.0280033 17.537 0.0562716Q17.6053 0.0845398 17.6667 0.125579Q17.7281 0.166618 17.7803 0.218851Q17.8326 0.271084 17.8736 0.332503Q17.9146 0.393923 17.9429 0.462169Q17.9712 0.530414 17.9856 0.602863Q18 0.675313 18 0.749181L18 5.83919L21.5186 9.2074C21.8178 9.49382 21.8282 9.96859 21.5418 10.2678C21.2554 10.567 20.7806 10.5774 20.4814 10.291ZM16.5 1.49918L16.5 4.40331L15.75 3.68537L15.75 1.49918L16.5 1.49918Z" fill-rule="evenodd" transform="matrix(1 0 0 1 1.5 2.25082)" fill="#666"/>\n\t</g>\n</svg>\n',
+              selectedIconPath:
+                '<?xml version="1.0" encoding="utf-8" ?>\n<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 24 24">\n\t<defs>\n\t\t<clipPath id="clipPath2021315197">\n\t\t\t<path d="M0 0L24 0L24 24L0 24L0 0Z" fill-rule="nonzero" transform="matrix(1 0 0 1 0 0)" fill="#1677ff"/>\n\t\t</clipPath>\n\t</defs>\n\t<g clip-path="url(#clipPath2021315197)">\n\t\t<path d="M0 -0.75C-0.41421 -0.75 -0.75 -0.41421 -0.75 0L-0.75 11.0625Q-0.75 11.6838 -0.310663 12.1232Q0.12868 12.5625 0.75 12.5625L5.25 12.5625Q5.32387 12.5625 5.39632 12.5481Q5.46877 12.5337 5.53701 12.5054Q5.60526 12.4771 5.66668 12.4361Q5.7281 12.3951 5.78033 12.3428Q5.83256 12.2906 5.8736 12.2292Q5.91464 12.1678 5.94291 12.0995Q5.97118 12.0313 5.98559 11.9588Q6 11.8864 6 11.8125L6 5.4375Q6 5.28217 6.10983 5.17234Q6.21967 5.0625 6.375 5.0625L10.125 5.0625Q10.2803 5.0625 10.3902 5.17234Q10.5 5.28217 10.5 5.4375L10.5 11.8125Q10.5 11.8864 10.5144 11.9588Q10.5288 12.0313 10.5571 12.0995Q10.5854 12.1678 10.6264 12.2292Q10.6674 12.2906 10.7197 12.3428Q10.7719 12.3951 10.8333 12.4361Q10.8947 12.4771 10.963 12.5054Q11.0312 12.5337 11.1037 12.5481Q11.1761 12.5625 11.25 12.5625L15.75 12.5625Q16.3713 12.5625 16.8107 12.1232Q17.25 11.6838 17.25 11.0625L17.25 0C17.25 -0.41421 16.9142 -0.75 16.5 -0.75C16.0858 -0.75 15.75 -0.41421 15.75 0L15.75 11.0625L12 11.0625L12 5.4375Q12 4.66085 11.4508 4.11167Q10.9016 3.5625 10.125 3.5625L6.375 3.5625Q5.59835 3.5625 5.04918 4.11167Q4.5 4.66085 4.5 5.4375L4.5 11.0625L0.75 11.0625L0.75 0C0.75 -0.41421 0.41421 -0.75 0 -0.75Z" fill-rule="evenodd" transform="matrix(1 0 0 1 3.75 9.9375)" fill="#1677ff"/>\n\t\t<path d="M20.4814 10.291L10.5149 0.750488Q10.5082 0.750015 10.5002 0.75Q10.492 0.749986 10.4852 0.750469L0.518624 10.291C0.219407 10.5774 -0.255358 10.567 -0.541784 10.2678C-0.828209 9.96859 -0.81784 9.49382 -0.518624 9.2074L9.46081 -0.345437Q9.85887 -0.751152 10.5029 -0.749997Q11.1451 -0.748846 11.5399 -0.344777L14.25 2.24949L14.25 0.749181Q14.25 0.675313 14.2644 0.602863Q14.2788 0.530414 14.3071 0.462169Q14.3354 0.393923 14.3764 0.332504Q14.4174 0.271084 14.4697 0.218851Q14.5219 0.166618 14.5833 0.125579Q14.6447 0.0845398 14.713 0.0562716Q14.7812 0.0280033 14.8537 0.0135922Q14.9261 -0.000818789 15 -0.000818789L17.25 -0.000818789Q17.3239 -0.000818789 17.3963 0.0135922Q17.4688 0.0280033 17.537 0.0562716Q17.6053 0.0845398 17.6667 0.125579Q17.7281 0.166618 17.7803 0.218851Q17.8326 0.271084 17.8736 0.332503Q17.9146 0.393923 17.9429 0.462169Q17.9712 0.530414 17.9856 0.602863Q18 0.675313 18 0.749181L18 5.83919L21.5186 9.2074C21.8178 9.49382 21.8282 9.96859 21.5418 10.2678C21.2554 10.567 20.7806 10.5774 20.4814 10.291ZM16.5 1.49918L16.5 4.40331L15.75 3.68537L15.75 1.49918L16.5 1.49918Z" fill-rule="evenodd" transform="matrix(1 0 0 1 1.5 2.25082)" fill="#1677ff"/>\n\t</g>\n</svg>\n',
+            },
+            {
+              text: '我的',
+              name: 'my',
+              width: 24,
+              height: 24,
+              view: (
+                <View className="flex-1 flex flex-col">
+                  <PersonalCenter />
+                </View>
+              ),
+              iconPath:
+                '<?xml version="1.0" encoding="utf-8" ?>\n<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 24 24">\n\t<defs>\n\t\t<clipPath id="clipPath0322488702">\n\t\t\t<path d="M0 0L24 0L24 24L0 24L0 0Z" fill-rule="nonzero" transform="matrix(1 0 0 1 0 0)" fill="#666"/>\n\t\t</clipPath>\n\t</defs>\n\t<g clip-path="url(#clipPath0322488702)">\n\t\t<path d="M9.01117 4.55546Q8.93417 5.59391 8.51889 6.54798Q8.11769 7.46967 7.45704 8.18732Q6.78731 8.91483 5.95522 9.31977Q5.07115 9.75 4.13822 9.75Q3.20533 9.75 2.32095 9.31992Q1.48832 8.91501 0.818327 8.18767Q0.157041 7.46977 -0.243905 6.548Q-0.659162 5.59334 -0.734799 4.55446Q-0.814835 3.45395 -0.481068 2.46861Q-0.154744 1.50524 0.523744 0.773327Q1.19895 0.0449595 2.12544 -0.349487Q3.06618 -0.75 4.13822 -0.75Q5.21044 -0.75 6.15512 -0.341129Q7.07883 0.0586683 7.75454 0.792902Q8.43078 1.52771 8.75721 2.48751Q9.09154 3.4705 9.01117 4.5554L9.01117 4.55546ZM7.51527 4.4446Q7.57307 3.66431 7.3371 2.9705Q7.11262 2.31047 6.65081 1.80866Q6.19076 1.30876 5.55931 1.03546Q4.89976 0.75 4.13822 0.75Q3.37219 0.75 2.71302 1.03064Q2.08124 1.29962 1.62379 1.79308Q1.16316 2.28999 0.93964 2.94985Q0.703224 3.64779 0.761241 4.44554Q0.818315 5.22945 1.1316 5.94969Q1.43167 6.63953 1.92159 7.1714Q2.39941 7.69011 2.97695 7.97098Q3.55072 8.25 4.13822 8.25Q4.72553 8.25 5.29884 7.971Q5.87586 7.69019 6.35346 7.17139Q6.84311 6.6395 7.14353 5.94932Q7.45712 5.22889 7.51527 4.44454L7.51527 4.4446Z" fill-rule="nonzero" transform="matrix(1 0 0 1 7.86178 2.25)" fill="#666"/>\n\t\t<path d="M9.00011 0.75Q7.55567 0.75 6.18921 1.13923Q4.80018 1.53489 3.68247 2.27992Q2.52414 3.05203 1.7869 4.11698Q1.00447 5.2472 0.755082 6.62999Q0.738021 6.72456 0.766918 6.76678Q0.762624 6.76051 0.750272 6.7539L0.750114 6.75L17.2501 6.75L17.2504 6.7538Q17.2381 6.76038 17.2338 6.76665Q17.2627 6.72451 17.2456 6.63003Q16.9961 5.24726 16.2136 4.11702Q15.4762 3.05204 14.3178 2.27993Q13.2001 1.53489 11.811 1.13923Q10.4446 0.75 9.00012 0.75L9.00011 0.75ZM9.00012 -0.75Q10.654 -0.75 12.2219 -0.303388Q13.8367 0.15657 15.1498 1.03179Q16.5464 1.96273 17.4468 3.26316Q18.4145 4.6608 18.7218 6.36372Q18.8481 7.06404 18.4715 7.61413Q18.2686 7.91041 17.9575 8.07668Q17.6333 8.25 17.2501 8.25L0.750114 8.25Q0.367035 8.25 0.0428174 8.07659Q-0.268125 7.91028 -0.470909 7.614Q-0.847413 7.06391 -0.721102 6.36376Q-0.413979 4.66086 0.553593 3.26319Q1.45386 1.96275 2.8505 1.03179Q4.16351 0.156574 5.77829 -0.303388Q7.3462 -0.75 9.00011 -0.75L9.00012 -0.75Z" fill-rule="nonzero" transform="matrix(1 0 0 1 2.99989 14.25)" fill="#666"/>\n\t</g>\n</svg>\n',
+              selectedIconPath:
+                '<?xml version="1.0" encoding="utf-8" ?>\n<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 24 24">\n\t<defs>\n\t\t<clipPath id="clipPath0322488702">\n\t\t\t<path d="M0 0L24 0L24 24L0 24L0 0Z" fill-rule="nonzero" transform="matrix(1 0 0 1 0 0)" fill="#1677ff"/>\n\t\t</clipPath>\n\t</defs>\n\t<g clip-path="url(#clipPath0322488702)">\n\t\t<path d="M9.01117 4.55546Q8.93417 5.59391 8.51889 6.54798Q8.11769 7.46967 7.45704 8.18732Q6.78731 8.91483 5.95522 9.31977Q5.07115 9.75 4.13822 9.75Q3.20533 9.75 2.32095 9.31992Q1.48832 8.91501 0.818327 8.18767Q0.157041 7.46977 -0.243905 6.548Q-0.659162 5.59334 -0.734799 4.55446Q-0.814835 3.45395 -0.481068 2.46861Q-0.154744 1.50524 0.523744 0.773327Q1.19895 0.0449595 2.12544 -0.349487Q3.06618 -0.75 4.13822 -0.75Q5.21044 -0.75 6.15512 -0.341129Q7.07883 0.0586683 7.75454 0.792902Q8.43078 1.52771 8.75721 2.48751Q9.09154 3.4705 9.01117 4.5554L9.01117 4.55546ZM7.51527 4.4446Q7.57307 3.66431 7.3371 2.9705Q7.11262 2.31047 6.65081 1.80866Q6.19076 1.30876 5.55931 1.03546Q4.89976 0.75 4.13822 0.75Q3.37219 0.75 2.71302 1.03064Q2.08124 1.29962 1.62379 1.79308Q1.16316 2.28999 0.93964 2.94985Q0.703224 3.64779 0.761241 4.44554Q0.818315 5.22945 1.1316 5.94969Q1.43167 6.63953 1.92159 7.1714Q2.39941 7.69011 2.97695 7.97098Q3.55072 8.25 4.13822 8.25Q4.72553 8.25 5.29884 7.971Q5.87586 7.69019 6.35346 7.17139Q6.84311 6.6395 7.14353 5.94932Q7.45712 5.22889 7.51527 4.44454L7.51527 4.4446Z" fill-rule="nonzero" transform="matrix(1 0 0 1 7.86178 2.25)" fill="#1677ff"/>\n\t\t<path d="M9.00011 0.75Q7.55567 0.75 6.18921 1.13923Q4.80018 1.53489 3.68247 2.27992Q2.52414 3.05203 1.7869 4.11698Q1.00447 5.2472 0.755082 6.62999Q0.738021 6.72456 0.766918 6.76678Q0.762624 6.76051 0.750272 6.7539L0.750114 6.75L17.2501 6.75L17.2504 6.7538Q17.2381 6.76038 17.2338 6.76665Q17.2627 6.72451 17.2456 6.63003Q16.9961 5.24726 16.2136 4.11702Q15.4762 3.05204 14.3178 2.27993Q13.2001 1.53489 11.811 1.13923Q10.4446 0.75 9.00012 0.75L9.00011 0.75ZM9.00012 -0.75Q10.654 -0.75 12.2219 -0.303388Q13.8367 0.15657 15.1498 1.03179Q16.5464 1.96273 17.4468 3.26316Q18.4145 4.6608 18.7218 6.36372Q18.8481 7.06404 18.4715 7.61413Q18.2686 7.91041 17.9575 8.07668Q17.6333 8.25 17.2501 8.25L0.750114 8.25Q0.367035 8.25 0.0428174 8.07659Q-0.268125 7.91028 -0.470909 7.614Q-0.847413 7.06391 -0.721102 6.36376Q-0.413979 4.66086 0.553593 3.26319Q1.45386 1.96275 2.8505 1.03179Q4.16351 0.156574 5.77829 -0.303388Q7.3462 -0.75 9.00011 -0.75L9.00012 -0.75Z" fill-rule="nonzero" transform="matrix(1 0 0 1 2.99989 14.25)" fill="#1677ff"/>\n\t</g>\n</svg>\n',
+            },
+          ]}
+          color="#666"
+          selectedColor="#1677ff"
+        />
+      </Page>
+    );
+  }
+}
+
+export default Document;