From d530683ec27a1b54854a6b794f9be0f431e6454c Mon Sep 17 00:00:00 2001
From: chorblack <cjl1562818788@163.com>
Date: Tue, 22 Apr 2025 20:59:49 +0800
Subject: [PATCH] first commit

---
 .DS_Store                    | Bin 0 -> 6148 bytes
 app.ux                       |   9 ++
 assets/.DS_Store             | Bin 0 -> 6148 bytes
 assets/images/.DS_Store      | Bin 0 -> 6148 bytes
 assets/images/del.png        | Bin 0 -> 355 bytes
 assets/images/logo.png       | Bin 0 -> 2996 bytes
 assets/styles/mixins.scss    |   5 +
 assets/styles/style.scss     |   2 +
 assets/styles/variables.scss |   9 ++
 manifest.json                |  33 ++++
 pages/.DS_Store              | Bin 0 -> 6148 bytes
 pages/index/circle.css       |  45 ++++++
 pages/index/index.ux         | 283 +++++++++++++++++++++++++++++++++++
 pages/index/rect.css         |  37 +++++
 14 files changed, 423 insertions(+)
 create mode 100644 .DS_Store
 create mode 100644 app.ux
 create mode 100644 assets/.DS_Store
 create mode 100644 assets/images/.DS_Store
 create mode 100644 assets/images/del.png
 create mode 100644 assets/images/logo.png
 create mode 100644 assets/styles/mixins.scss
 create mode 100644 assets/styles/style.scss
 create mode 100644 assets/styles/variables.scss
 create mode 100644 manifest.json
 create mode 100644 pages/.DS_Store
 create mode 100644 pages/index/circle.css
 create mode 100644 pages/index/index.ux
 create mode 100644 pages/index/rect.css

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..5b788c11d27097ee2a9505e5fbe6a62cc1938aaa
GIT binary patch
literal 6148
zcmeHK%}T>S5Z<+|O({YS3Oz1(E!f&(6)z#y7cim+m70)JgE3p0)Er77XMG``#OHBl
zcLOaJk0N#kcE8#A+0A^A{b7u8cOG^bvl(L+G(?Wd20`;i*NzEB<Z6yI$kS;M%V5Ja
zf768DUSm_{vk4os)$jiZrg4;Joz5rUsZ?vbb*pYQtq1Q(=3eG!^VIcccR0G1G7d`J
z4{oAyKC<^OWRm$&GM=e~C>%q`{cV(lGI!-X2~(BpX@}LY8Y8>4Saf@*ZP6PHmTj>(
zJMOea|D?ZMHmrlgqw}lLbNrIXH%%l5#+B?DEa4rLm5N@ySrW@+0@gC4j3gumhyh}N
z7}!n*%z0onx3hezniwDkeqaFi2LTPyF<59+TL*M_eMWy35e0O7OCSn^j=@4BctE&L
z1=OkBJTbUV2fHwFj=@5sPG?-L4D*<k%f|~>tAkyraK;^t)Dr{5z&ZmJJ+$%szl2|A
z<0F4Pg+{~xG4RhA;MJiwbfGA7wtg!Q&sqWP5gH1{6{vuKzIF+K0q!F$<<x$GI>b2!
W3ynAn+EqFrT?7;%)DZ)}z`z%co=V{W

literal 0
HcmV?d00001

diff --git a/app.ux b/app.ux
new file mode 100644
index 0000000..fc84f97
--- /dev/null
+++ b/app.ux
@@ -0,0 +1,9 @@
+<script>
+/**
+ * 应用级别的配置，供所有页面公用
+ */
+
+export default {
+  onCreate() {}
+}
+</script>
diff --git a/assets/.DS_Store b/assets/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..bd8361eabe5c520f3c5d5f4d9d24b26c69c59928
GIT binary patch
literal 6148
zcmeHK%}T>S5Z-O8O({YS3OxqA7L27x#Y>3w1&ruHr6wfQV45vWY7V84v%Zi|;`2DO
zyEy~{-bCyS?0&QJvzz%K`@<OH?m9eW%w&ui&=5H)4T9!IS4#&YayduDvY^P8K_Y^N
ziT<JqzkQ#@Y{7gsXZ7#@2$o5l<+lCFTkX!?e%I(4edE!47KNAl`8sp`)jf`Ggh+x)
z_k-IwDrV;4rATu>PNS7fh{Fg%9`52a6oo6+X_(1ePdSX9(VLlr&1N*346X6R-VUwJ
z`N#(SY`op}jHBa|i|g4-vPi|7B9a5=QVuj$@D56?rdMy3CL*1Ky~?R#35fw>fEXYK
zc8>vl78w2AE1fDP28e+l7{L9(f`;g5EEUSF13J7uqrZcQ0y@4W5G{?4#!?}8K)6Z;
zRH<A)F}O+xyQSkCjio}B&bV9|=Fuxxj~6ai2fHQ18Fv&?PYe(Pbq3mMXyW;Q1;0$=
zBfp+PBVvFU_-738&eWT_P?SDfzm<n)tp)7~8VbghsDOZ8y9B@h_mP2gD!+v~#5o#E
Vg*Xe^WjY{T1SBEU5d*)#z!wZNOb-A6

literal 0
HcmV?d00001

diff --git a/assets/images/.DS_Store b/assets/images/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6
GIT binary patch
literal 6148
zcmeH~Jr2S!425mzP>H1@V-^m;4Wg<&0T*E43hX&L&p$$qDprKhvt+--jT7}7np#A3
zem<@ulZcFPQ@L2!n>{z**<q8>++&mCkOWA81W14cNZ<zv;LbK1Poaz?KmsK2CSc!(
z0ynLxE!0092;Krf2c+FF_Fe*7ECH>lEfg7;MkzE(HCqgga^y>{tEnwC%0;vJ&^%eQ
zLs35+`xjp>T0<F0fCPF1$Cyrb|F7^5{eNG?83~ZUUlGt@xh*qZDeu<Z%US-OSsOPv
j)R!Z4KLME7ReXlK;d!wEw5GODWMKRea10D2@KpjYNUI8I

literal 0
HcmV?d00001

diff --git a/assets/images/del.png b/assets/images/del.png
new file mode 100644
index 0000000000000000000000000000000000000000..2cd4964091c4696afb792032f831f38ba5ddca7e
GIT binary patch
literal 355
zcmeAS@N?(olHy`uVBq!ia0vp^azHG`!3-oH?7j0BNCgJ?gt!9f|5ODW=Fj7RhDwzL
z`2{oV(4Rlk>#smU+TA`ad9EXi&#?)=w=QegUT(bn<VB#W<(@8%AsXjvCq@c2D+suB
zdIS`nzxUlf<B&rR_mS@hgZgK+IlA_&4vty+&qC&+%Wa1BW=q-D+=$~#(=n)%vOe>w
z!TW;LU5)D1Ow*#8s&9rFI+ahGb<j5=bHS}IS_i*uSrpB=Z2q35^Oh>?jmTmzUsio!
zj!3wCf<~P0vDCA2Zne7)i{Ae9m~lo>u&w_w;jFL6l8mj7?4M8(6Wow#ZK>$~UaQaS
c=>Biq-y4Lq7Mze10y>$&)78&qol`;+03%wvdjJ3c

literal 0
HcmV?d00001

diff --git a/assets/images/logo.png b/assets/images/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..58371b839e36afcaa19f37afe808ee41c7dbf9fc
GIT binary patch
literal 2996
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

literal 0
HcmV?d00001

diff --git a/assets/styles/mixins.scss b/assets/styles/mixins.scss
new file mode 100644
index 0000000..56fbb5e
--- /dev/null
+++ b/assets/styles/mixins.scss
@@ -0,0 +1,5 @@
+@mixin flex-box-mixins($direction: row, $justify: center, $align-items: center) {
+  flex-direction: $direction;
+  justify-content: $justify;
+  align-items: $align-items;
+}
diff --git a/assets/styles/style.scss b/assets/styles/style.scss
new file mode 100644
index 0000000..088ebfa
--- /dev/null
+++ b/assets/styles/style.scss
@@ -0,0 +1,2 @@
+@import './variables.scss';
+@import './mixins.scss';
diff --git a/assets/styles/variables.scss b/assets/styles/variables.scss
new file mode 100644
index 0000000..04a6053
--- /dev/null
+++ b/assets/styles/variables.scss
@@ -0,0 +1,9 @@
+$brand: #09ba07;
+
+$white: #ffffff;
+$black: #000000;
+$grey: #9393aa;
+$red: #fa0101;
+$green: #ffff00;
+
+$size-factor: 5px;
diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000..b293e4c
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,33 @@
+{
+  "package": "top.chorblack.calculator",
+  "name": "calculator",
+  "versionName": "1.0.0",
+  "versionCode": 1,
+  "appCategory": [
+    "other"
+  ],
+  "icon": "/assets/images/logo.png",
+  "features": [
+    {
+      "name": "blueos.app.appmanager.router"
+    }
+  ],
+  "deviceTypeList": [
+    "watch",
+    "watch-square"
+  ],
+  "config": {
+    "designWidth": 466
+  },
+  "router": {
+    "entry": "pages/index",
+    "pages": {
+      "pages/index": {
+        "component": "index"
+      }
+    }
+  },
+  "display": {
+    "backgroundColor": "#000000"
+  }
+}
diff --git a/pages/.DS_Store b/pages/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..0348ccc56de105b30794b0d96f5f5f64e4ccd83f
GIT binary patch
literal 6148
zcmeHK!AiqG5S^`6Q;X1pg2x4~1zTIx;w9Aj14i_qQWFw17_+5K&7l->)*tdq{2pg^
zx1zS51QnTq*|$48lQ1t~X9oa8cN{hWY5?G%5|%1BED+i!os*Kalo16zBgjXCAW;FX
zpXa>U@D~}NZ&!vML~sx4{r3w7Nj%CLjTcc`Dlf0BI;&3Ax$<sR?qz;99(DcU1+7k%
zN`l$k56<E!@7FetRGRs58Vz+o97gDJc^;>s%DZZuh9e#8nGL7nRQk28$)wpjsLR&=
z{<JP9o!v%Vw)fi8X~o&x-Z?z!-zE2{dNd>o{NJ>!Tb#iYPTul)@P=uk(i^mq|Jp21
zjT!h5L-Ol6ciNb9`@1<W%<WVDGmaRU0cL<1uxF@KWh$5fW`G&^!~mTS5|z-kSQykt
z2M)RgK%{G=7MxQrK{3*zYq2nhJ1D}0BAQTPTMS{s(Jrl@Yq2nB!a>;PL)bS9+o1^k
zc6`3n?jT%)JTe2!z()p_%(6!H|M=_v|6>rZm;q+sUojxcJ+Ifrlx%ICOO9%-M7>5O
pA-}@lTL?~cDMnu^#apOa&@O3$=vpicq6LL70-6RMn1LT<;1yRwifsS@

literal 0
HcmV?d00001

diff --git a/pages/index/circle.css b/pages/index/circle.css
new file mode 100644
index 0000000..fc2a322
--- /dev/null
+++ b/pages/index/circle.css
@@ -0,0 +1,45 @@
+.resultBox {
+  width: 400px;
+  height: 155px;
+}
+
+.resultShow {
+  width: 400px;
+  height: 50px;
+  margin-top: 105px;
+}
+
+.keyBoardBox {
+  margin-top: 8px;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  width: 420px;
+  height: 60px;
+}
+
+.inputCommon {
+  width: 74px;
+  height: 54px;
+  margin-left: 3px;
+  margin-right: 3px;
+}
+
+.clearAll {
+  width: 74px;
+  height: 54px;
+  margin-top: -327px;
+  margin-left: -318px;
+  border-color: #000;
+}
+
+.input1 {
+  background-color: #F53333;
+}
+
+.delIcon {
+  width: 30px;
+  height: 22px;
+  margin-left: 320px;
+  margin-top: 28px;
+}
diff --git a/pages/index/index.ux b/pages/index/index.ux
new file mode 100644
index 0000000..9d17acb
--- /dev/null
+++ b/pages/index/index.ux
@@ -0,0 +1,283 @@
+<template>
+  <div class="container" onswipe="touchMove">
+    <div class="container">
+      <div class="resultBox">
+        <text class="resultShow">{{ resultShow }}</text>
+      </div>
+      <div class="keyBoardBox">
+        <text class="inputCommon input1" onclick="handleClick('AC')">AC</text>
+        <text class="inputCommon input1" onclick="handleClick('D')">D</text>
+        <text
+          class="inputCommon input1"
+          onclick="handleClick(keyBoardNum[19])"
+          >{{ keyBoardNum[19] }}</text
+        >
+        <text
+          class="inputCommon input1"
+          onclick="handleClick(keyBoardNum[15])"
+          >{{ keyBoardNum[15] }}</text
+        >
+      </div>
+      <div class="keyBoardBox">
+        <text class="inputCommon" onclick="handleClick(keyBoardNum[1])">{{
+          keyBoardNum[1]
+        }}</text>
+        <text class="inputCommon" onclick="handleClick(keyBoardNum[2])">{{
+          keyBoardNum[2]
+        }}</text>
+        <text class="inputCommon" onclick="handleClick(keyBoardNum[3])">{{
+          keyBoardNum[3]
+        }}</text>
+        <text
+          class="inputCommon input1"
+          onclick="handleClick(keyBoardNum[10])"
+          >{{ keyBoardNum[10] }}</text
+        >
+      </div>
+      <div class="keyBoardBox">
+        <text class="inputCommon" onclick="handleClick(keyBoardNum[6])">{{
+          keyBoardNum[6]
+        }}</text>
+        <text class="inputCommon" onclick="handleClick(keyBoardNum[7])">{{
+          keyBoardNum[7]
+        }}</text>
+        <text class="inputCommon" onclick="handleClick(keyBoardNum[8])">{{
+          keyBoardNum[8]
+        }}</text>
+        <text
+          class="inputCommon input1"
+          onclick="handleClick(keyBoardNum[14])"
+          >{{ keyBoardNum[14] }}</text
+        >
+      </div>
+      <div class="keyBoardBox">
+        <text class="inputCommon" onclick="handleClick(keyBoardNum[11])">{{
+          keyBoardNum[11]
+        }}</text>
+        <text class="inputCommon" onclick="handleClick(keyBoardNum[12])">{{
+          keyBoardNum[12]
+        }}</text>
+        <text class="inputCommon" onclick="handleClick(keyBoardNum[13])">{{
+          keyBoardNum[13]
+        }}</text>
+        <text
+          class="inputCommon input1"
+          onclick="handleClick(keyBoardNum[9])"
+          >{{ keyBoardNum[9] }}</text
+        >
+      </div>
+      <div class="keyBoardBox">
+        <text onclick="exchange" class="inputCommon input1" value="切换"></text>
+        <text class="inputCommon" onclick="handleClick(keyBoardNum[16])">{{
+          keyBoardNum[16]
+        }}</text>
+        <text class="inputCommon" onclick="handleClick(keyBoardNum[17])">{{
+          keyBoardNum[17]
+        }}</text>
+        <text
+          class="inputCommon input1"
+          onclick="handleClick(keyBoardNum[18])"
+          >{{ keyBoardNum[18] }}</text
+        >
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+const MinusIcon = '+/-';
+const DelIcon = ' ';
+
+export default {
+  data: {
+    resultShow: '0',
+    isScientific: false,
+    keyBoardNum: ['C', '7', '8', '9', MinusIcon, DelIcon, '4', '5', '6', '+', 'x', '1', '2', '3', '-', '/', '0', '.', '=', '%'],
+    standardKeys: ['C', '7', '8', '9', '+/-', ' ', '4', '5', '6', '+', 'x', '1', '2', '3', '-', '/', '0', '.', '=', '%'],
+    scientificKeys: ['C', 'sin', 'cos', 'tan', 'e', ' ', 'π', 'lg', 'ln', '√', 'x^y', 'x!', '(', ')', '1/x', 'x√y', 'sin-1', 'cos-1', 'tan-1', 'e'],
+    commonColorList: ['#F53333', '#505050', '#505050', '#505050', '#505050', '#FFA626', '#505050', '#505050', '#505050', '#FFA626', '#FFA626', '#505050', '#505050', '#505050', '#FFA626', '#FFA626', '#505050', '#505050', '#FFA626'],
+    clickColorList: [],
+    signColorList: ['#FFFFFF', '#FFFFFF', '#FFFFFF', '#FFFFFF']
+  },
+
+  onInit() {
+    this.clickColorList = this.commonColorList.slice();
+  },
+
+  exchange() {
+    this.isScientific = !this.isScientific;
+    this.keyBoardNum = this.isScientific ? [...this.scientificKeys] : [...this.standardKeys];
+  },
+  handleClick(value) {
+    console.log("点击了:", value);
+
+    if (this.isScientific) {
+      // 科学计算模式处理
+      try {
+        const currentExpression = this.resultShow;
+
+        // 公共处理逻辑
+        const appendOrReplace = (val) => {
+          if (currentExpression === '0' || currentExpression === 'Error') {
+            return val;
+          }
+          return currentExpression + val;
+        };
+
+        switch (value) {
+          case 'AC':
+            this.resultShow = '0';
+            break;
+          case 'D':
+            this.resultShow = this.resultShow.slice(0, -1) || '0';
+            break;
+          case '=':
+            try {
+            let expressionToEval = currentExpression;
+            // 检查是否包含 x√y
+            if (expressionToEval.includes('√')) {
+              expressionToEval = this.handleNthRoot(); // 转换为 Math.pow(y, 1/x)
+            }
+            // 计算表达式
+            this.resultShow = eval(
+              expressionToEval
+                .replace(/x/g, '*') // 将 x 替换为 *
+                .replace(/%/g, '/100') // 将 % 替换为 /100
+                .replace(/\^/g, '**') // 将 ^ 替换为 **
+            ).toString();
+          } catch (e) {
+            this.resultShow = 'Error';
+          }
+            break;
+          case 'sin':
+            this.resultShow = `Math.sin((${currentExpression}) * Math.PI / 180)`;
+            break;
+          case 'cos':
+            this.resultShow = `Math.cos((${currentExpression}) * Math.PI / 180)`;
+            break;
+          case 'tan':
+            this.resultShow = `Math.tan((${currentExpression}) * Math.PI / 180)`;
+            break;
+          case 'π':
+            this.resultShow = appendOrReplace('Math.PI');
+            break;
+          case 'e':
+            this.resultShow = appendOrReplace('Math.E');
+            break;
+          case 'lg':
+            this.resultShow = `Math.log10(${currentExpression})`;
+            break;
+          case 'ln':
+            this.resultShow = `Math.log(${currentExpression})`;
+            break;
+          case '√':
+            this.resultShow = `Math.sqrt(${currentExpression})`;
+            break;
+          case 'x^y':
+            this.resultShow += '**';
+            break;
+          case 'x!':
+            this.resultShow = this.factorial(parseFloat(currentExpression)).toString();
+            break;
+          case '1/x':
+            this.resultShow = `1/(${currentExpression})`;
+            break;
+          case 'sin-1':
+            this.resultShow = `(Math.asin(${currentExpression}) * 180 / Math.PI)`;
+            break;
+          case 'cos-1':
+            this.resultShow = `(Math.acos(${currentExpression}) * 180 / Math.PI)`;
+            break;
+          case 'tan-1':
+            this.resultShow = `(Math.atan(${currentExpression}) * 180 / Math.PI)`;
+            break;
+          case '(':
+            this.resultShow = currentExpression === '0' ? '(' : appendOrReplace('(');
+            break;
+          case ')':
+            this.resultShow = appendOrReplace(')');
+            break;
+          case 'x√y':
+            this.resultShow = appendOrReplace('√'); // 显示为 x√y
+            break;
+          default:
+            if (currentExpression === '0' || currentExpression === 'Error') {
+              this.resultShow = value;
+            } else {
+              this.resultShow += value;
+            }
+        }
+      } catch (e) {
+        this.resultShow = 'Error';
+      }
+    } else {
+      // 标准计算模式处理
+      if (value === 'AC') {
+        this.resultShow = '0';
+      } else if (value === 'D') {
+        this.resultShow = this.resultShow.slice(0, -1) || '0';
+      } else if (value === '=') {
+        try {
+            let expressionToEval = this.resultShow;
+            // 检查是否包含 x√y
+            if (expressionToEval.includes('√')) {
+              expressionToEval = this.handleNthRoot(); // 转换为 Math.pow(y, 1/x)
+            }
+            // 计算表达式
+            this.resultShow = eval(
+              expressionToEval
+                .replace(/x/g, '*') // 将 x 替换为 *
+                .replace(/%/g, '/100') // 将 % 替换为 /100
+                .replace(/\^/g, '**') // 将 ^ 替换为 **
+            ).toString();
+          } catch (e) {
+            this.resultShow = 'Error';
+          }
+      } else {
+        if (this.resultShow === '0') {
+          this.resultShow = value;
+        } else {
+          this.resultShow += value;
+        }
+      }
+    }
+  },
+
+  // 新增处理x√y的方法
+  handleNthRoot() {
+    const expression = this.resultShow;
+    console.log(expression);
+    if (expression.includes('√')) {
+      const [x, y] = expression.split('√');
+      return `Math.pow(${y}, 1/${x})`;
+    }
+    return expression + '√'; // 显示为 x√y 格式
+  },
+  // 新增阶乘计算方法
+  factorial(n) {
+    if (n === 0 || n === 1) return 1;
+    if (n > 170) return Infinity; // 防止数值过大
+    let result = 1;
+    for (let i = 2; i <= n; i++) {
+      result *= i;
+    }
+    return result;
+  }
+};
+</script>
+
+<style>
+@import './rect.css';
+.container {
+  width: 100%;
+  height: 100%;
+  flex-direction: column;
+  align-items: center;
+}
+
+.resultShow {
+  color: rgb(254, 243, 232);
+  font-size: 40px;
+  text-align: right;
+}
+</style>
\ No newline at end of file
diff --git a/pages/index/rect.css b/pages/index/rect.css
new file mode 100644
index 0000000..6d8add2
--- /dev/null
+++ b/pages/index/rect.css
@@ -0,0 +1,37 @@
+.container {
+  padding-bottom: 5px;
+}
+
+.resultBox {
+  width: 420px;
+  height: 18%;
+}
+
+.resultShow {
+  width: 100%;
+  height: 100%;
+}
+
+.keyBoardBox {
+  width: 430px;
+  flex: 1;
+  margin-top: 8px;
+  padding: 0;
+  justify-content: center;
+}
+
+.inputCommon {
+  width: 24%;
+  height: 100%;
+  margin-left: 3px;
+  margin-right: 3px;
+  margin-bottom: 0px;
+  background-color: #3d3d3d;
+  color: #ffffff;
+  border-radius: 20px;
+  text-align: center;
+}
+
+.input1 {
+  color: #FF6923;
+}