@visactor/vchart-theme-demo-component 1.11.1 → 1.11.2-alpha.0

package/esm/vchart-chart-hub-theme/style/style.css

@@ -0,0 +1,149 @@
+.rootSidenav {
+  align-items: flex-start;
+  background: var(--semi-color-fill-0);
+  flex-direction: column;
+  overflow: hidden;
+  row-gap: 0;
+  display: flex;
+  color: var(--semi-color-text-0);
+  font-family: Inter;
+  font-size: 20px;
+  font-weight: 600;
+  letter-spacing: -0.6px;
+  line-height: 28px;
+  text-align: left;
+  min-width: 1100px;
+}
+.rootSidenav .nav {
+  align-self: stretch;
+  height: 60px;
+}
+.rootSidenav .nav .navigationHeaderLogo {
+  align-items: flex-start;
+  -moz-column-gap: 0;
+       column-gap: 0;
+  display: inline-flex;
+  flex-shrink: 0;
+}
+.rootSidenav .nav .navigationHeaderLogo .semiIconsSemiLogo {
+  font-size: 36px;
+  color: var(--semi-color-text-0);
+}
+.rootSidenav .nav .dIV {
+  align-items: center;
+  -moz-column-gap: 16px;
+       column-gap: 16px;
+  display: inline-flex;
+  flex-shrink: 0;
+}
+.rootSidenav .nav .dIV .semiIconsFeishuLogo,
+.rootSidenav .nav .dIV .semiIconsHelpCircle,
+.rootSidenav .nav .dIV .semiIconsBell {
+  font-size: 20px;
+  color: var(--semi-color-text-2);
+}
+.rootSidenav .nav .dIV .avatar {
+  height: 32px;
+  width: 32px;
+}
+.rootSidenav .main {
+  align-items: flex-start;
+  -moz-column-gap: 0;
+       column-gap: 0;
+  display: flex;
+  flex-shrink: 0;
+  align-self: stretch;
+}
+.rootSidenav .main .left {
+  height: calc(100vh - 60px);
+}
+.rootSidenav .main .left .navItem,
+.rootSidenav .main .left .navItem5 {
+  width: 223px;
+}
+.rootSidenav .main .left .navItem .iconIntro,
+.rootSidenav .main .left .navItem5 .iconIntro,
+.rootSidenav .main .left .navItem .iconRadio,
+.rootSidenav .main .left .navItem5 .iconRadio {
+  height: 20px;
+  position: relative;
+  width: 20px;
+}
+.rootSidenav .main .left .navItem1,
+.rootSidenav .main .left .navItem2,
+.rootSidenav .main .left .navItem3,
+.rootSidenav .main .left .navItem4,
+.rootSidenav .main .left .navItem6,
+.rootSidenav .main .left .navItem7 {
+  width: 223px;
+}
+.rootSidenav .main .left .navItem1 .iconHeart,
+.rootSidenav .main .left .navItem2 .iconHeart,
+.rootSidenav .main .left .navItem3 .iconHeart,
+.rootSidenav .main .left .navItem4 .iconHeart,
+.rootSidenav .main .left .navItem6 .iconHeart,
+.rootSidenav .main .left .navItem7 .iconHeart,
+.rootSidenav .main .left .navItem1 .iconCalendar,
+.rootSidenav .main .left .navItem2 .iconCalendar,
+.rootSidenav .main .left .navItem3 .iconCalendar,
+.rootSidenav .main .left .navItem4 .iconCalendar,
+.rootSidenav .main .left .navItem6 .iconCalendar,
+.rootSidenav .main .left .navItem7 .iconCalendar,
+.rootSidenav .main .left .navItem1 .iconCheckbox,
+.rootSidenav .main .left .navItem2 .iconCheckbox,
+.rootSidenav .main .left .navItem3 .iconCheckbox,
+.rootSidenav .main .left .navItem4 .iconCheckbox,
+.rootSidenav .main .left .navItem6 .iconCheckbox,
+.rootSidenav .main .left .navItem7 .iconCheckbox,
+.rootSidenav .main .left .navItem1 .iconCalendar,
+.rootSidenav .main .left .navItem2 .iconCalendar,
+.rootSidenav .main .left .navItem3 .iconCalendar,
+.rootSidenav .main .left .navItem4 .iconCalendar,
+.rootSidenav .main .left .navItem6 .iconCalendar,
+.rootSidenav .main .left .navItem7 .iconCalendar,
+.rootSidenav .main .left .navItem1 .iconList,
+.rootSidenav .main .left .navItem2 .iconList,
+.rootSidenav .main .left .navItem3 .iconList,
+.rootSidenav .main .left .navItem4 .iconList,
+.rootSidenav .main .left .navItem6 .iconList,
+.rootSidenav .main .left .navItem7 .iconList,
+.rootSidenav .main .left .navItem1 .iconToast,
+.rootSidenav .main .left .navItem2 .iconToast,
+.rootSidenav .main .left .navItem3 .iconToast,
+.rootSidenav .main .left .navItem4 .iconToast,
+.rootSidenav .main .left .navItem6 .iconToast,
+.rootSidenav .main .left .navItem7 .iconToast {
+  height: 20px;
+  width: 20px;
+}
+.rootSidenav .main .right {
+  height: calc(100vh - 60px);
+  overflow-y: auto;
+  align-items: flex-start;
+  display: flex;
+  flex-basis: 0;
+  flex-direction: column;
+  padding: 40px;
+  row-gap: 24px;
+  flex-grow: 1;
+}
+.rootSidenav .main .right .item {
+  min-width: 90px;
+  vertical-align: middle;
+  flex-shrink: 0;
+}
+.rootSidenav .main .right .frame1321317607 {
+  align-items: center;
+  border-radius: 12px;
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 0;
+  color: var(--semi-color-disabled-text);
+  font-size: 14px;
+  letter-spacing: -0.14px;
+  line-height: 20px;
+}
+.rootSidenav .main .right .frame1321317607 .yourContentHere {
+  vertical-align: middle;
+  min-width: 123px;
+}

package/esm/vchart-chart-hub-theme/style/style.d.ts

@@ -0,0 +1 @@
+import './style.less';

package/esm/vchart-chart-hub-theme/style/style.js

@@ -0,0 +1,2 @@
+import "./style.css";
+//# sourceMappingURL=style.js.map

package/esm/vchart-chart-hub-theme/style/style.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/vchart-chart-hub-theme/style/style.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC","file":"style.js","sourcesContent":["import './style.less';\n"]}

package/esm/vchart-chart-hub-theme/style/style.less

@@ -0,0 +1,114 @@
+.rootSidenav {
+  align-items: flex-start;
+  background: var(--semi-color-fill-0);
+  flex-direction: column;
+  overflow: hidden;
+  row-gap: 0;
+  display: flex;
+  color: var(--semi-color-text-0);
+  font-family: Inter;
+  font-size: 20px;
+  font-weight: 600;
+  letter-spacing: -0.6px;
+  line-height: 28px;
+  text-align: left;
+  min-width: 1100px;
+  .nav {
+    align-self: stretch;
+    height: 60px;
+    .navigationHeaderLogo {
+      align-items: flex-start;
+      column-gap: 0;
+      display: inline-flex;
+      flex-shrink: 0;
+      .semiIconsSemiLogo {
+        font-size: 36px;
+        color: var(--semi-color-text-0);
+      }
+    }
+    .dIV {
+      align-items: center;
+      column-gap: 16px;
+      display: inline-flex;
+      flex-shrink: 0;
+      .semiIconsFeishuLogo,
+      .semiIconsHelpCircle,
+      .semiIconsBell {
+        font-size: 20px;
+        color: var(--semi-color-text-2);
+      }
+      .avatar {
+        height: 32px;
+        width: 32px;
+      }
+    }
+  }
+  .main {
+    align-items: flex-start;
+    column-gap: 0;
+    display: flex;
+    flex-shrink: 0;
+    align-self: stretch;
+    .left {
+      height: calc(100vh - 60px);
+      .navItem,
+      .navItem5 {
+        width: 223px;
+        .iconIntro,
+        .iconRadio {
+          height: 20px;
+          position: relative;
+          width: 20px;
+        }
+      }
+      .navItem1,
+      .navItem2,
+      .navItem3,
+      .navItem4,
+      .navItem6,
+      .navItem7 {
+        width: 223px;
+        .iconHeart,
+        .iconCalendar,
+        .iconCheckbox,
+        .iconCalendar,
+        .iconList,
+        .iconToast {
+          height: 20px;
+          width: 20px;
+        }
+      }
+    }
+    .right {
+      height: calc(100vh - 60px);
+      overflow-y: auto;
+      align-items: flex-start;
+      display: flex;
+      flex-basis: 0;
+      flex-direction: column;
+      padding: 40px;
+      row-gap: 24px;
+      flex-grow: 1;
+      .item {
+        min-width: 90px;
+        vertical-align: middle;
+        flex-shrink: 0;
+      }
+      .frame1321317607 {
+        align-items: center;
+        border-radius: 12px;
+        display: flex;
+        flex-direction: row;
+        flex-shrink: 0;
+        color: var(--semi-color-disabled-text);
+        font-size: 14px;
+        letter-spacing: -0.14px;
+        line-height: 20px;
+        .yourContentHere {
+          vertical-align: middle;
+          min-width: 123px;
+        }
+      }
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visactor/vchart-theme-demo-component",
-  "version": "1.11.1",
+  "version": "1.11.2-alpha.0",
   "description": "theme demo page in vchart site",
   "sideEffects": false,
   "main": "cjs/index.js",
@@ -10,21 +10,13 @@
     "cjs",
     "esm"
   ],
-  "scripts": {
-    "compile": "tsc --noEmit",
-    "eslint": "eslint --debug --fix src/",
-    "build": "bundle --clean --less true",
-    "dev": "bundle --clean -f es -w",
-    "start": "vite ./demo",
-    "prepublishOnly": "npm run build"
-  },
   "dependencies": {
     "@douyinfe/semi-ui": "^2.51.3",
     "@douyinfe/semi-icons": "latest",
     "@douyinfe/semi-icons-lab": "latest",
     "@arco-design/web-react": "^2.32.2",
-    "@visactor/vchart-theme-utils": "1.11.1",
-    "@visactor/vchart-theme": "1.11.1",
+    "@visactor/vchart-theme-utils": "1.11.2-alpha.0",
+    "@visactor/vchart-theme": "1.11.2-alpha.0",
     "@visactor/vchart": "1.11.0",
     "@visactor/react-vchart": "1.11.0"
   },
@@ -33,10 +25,6 @@
     "react-dom": ">=16.0.0"
   },
   "devDependencies": {
-    "@internal/bundler": "0.0.1",
-    "@internal/eslint-config": "0.0.1",
-    "@internal/ts-config": "0.0.1",
-    "@internal/jest-config": "0.0.1",
     "@rushstack/eslint-patch": "~1.1.4",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
@@ -49,9 +37,20 @@
     "react-device-detect": "^2.2.2",
     "@types/jest": "~29.5.0",
     "@types/offscreencanvas": "2019.6.4",
-    "@types/node": "*"
+    "@types/node": "*",
+    "@internal/bundler": "0.0.1",
+    "@internal/eslint-config": "0.0.1",
+    "@internal/ts-config": "0.0.1",
+    "@internal/jest-config": "0.0.1"
   },
   "publishConfig": {
     "access": "public"
+  },
+  "scripts": {
+    "compile": "tsc --noEmit",
+    "eslint": "eslint --debug --fix src/",
+    "build": "bundle --clean --less true",
+    "dev": "bundle --clean -f es -w",
+    "start": "vite ./demo"
   }
-}
+}