meixioacomponent 0.1.5 → 0.1.8

package/lib/style/iconfont/iconfont.css

@@ -0,0 +1,247 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 3212194 */
+  src: url('iconfont.woff2?t=1655273986114') format('woff2'),
+       url('iconfont.woff?t=1655273986114') format('woff'),
+       url('iconfont.ttf?t=1655273986114') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-yunhang:before {
+  content: "\e65f";
+}
+
+.icon-diqu:before {
+  content: "\e643";
+}
+
+.icon-formfill:before {
+  content: "\e7ab";
+}
+
+.icon-Dialog:before {
+  content: "\e69f";
+}
+
+.icon-table:before {
+  content: "\e6b2";
+}
+
+.icon-time:before {
+  content: "\e6e0";
+}
+
+.icon-file-drawer:before {
+  content: "\e66d";
+}
+
+.icon-anchor-center-up:before {
+  content: "\e64c";
+}
+
+.icon-table-add:before {
+  content: "\e605";
+}
+
+.icon-handle:before {
+  content: "\e656";
+}
+
+.icon-list:before {
+  content: "\e652";
+}
+
+.icon-miaoshu:before {
+  content: "\e6ed";
+}
+
+.icon-Title:before {
+  content: "\e604";
+}
+
+.icon-gujiaping:before {
+  content: "\ea0a";
+}
+
+.icon-outline-toggle-off:before {
+  content: "\e6ae";
+}
+
+.icon-code:before {
+  content: "\e669";
+}
+
+.icon-fuzhi-19:before {
+  content: "\e825";
+}
+
+.icon-tubiao:before {
+  content: "\e659";
+}
+
+.icon-a-sebansetiaosekayanse:before {
+  content: "\e766";
+}
+
+.icon-yuansu:before {
+  content: "\e653";
+}
+
+.icon-user:before {
+  content: "\e679";
+}
+
+.icon-tupian_huaban:before {
+  content: "\e691";
+}
+
+.icon-lajixiang:before {
+  content: "\e60f";
+}
+
+.icon-weibiaoti--:before {
+  content: "\e60e";
+}
+
+.icon-tupiancuowu:before {
+  content: "\e677";
+}
+
+.icon-suoding:before {
+  content: "\e601";
+}
+
+.icon-jiesuo:before {
+  content: "\e602";
+}
+
+.icon-shaixuan:before {
+  content: "\e670";
+}
+
+.icon-zhengque:before {
+  content: "\e62d";
+}
+
+.icon-plus:before {
+  content: "\e681";
+}
+
+.icon-taiyang:before {
+  content: "\e611";
+}
+
+.icon-yueliang_fill:before {
+  content: "\e6df";
+}
+
+.icon-CombinedShape-:before {
+  content: "\e688";
+}
+
+.icon-dashbord:before {
+  content: "\e71c";
+}
+
+.icon-fangda:before {
+  content: "\e615";
+}
+
+.icon-suoxiao:before {
+  content: "\e616";
+}
+
+.icon-shangjiantou:before {
+  content: "\e610";
+}
+
+.icon-baobiaozhongxin:before {
+  content: "\e634";
+}
+
+.icon-icon-arrow-left:before {
+  content: "\e664";
+}
+
+.icon-icon-arrow-right:before {
+  content: "\e666";
+}
+
+.icon-shouqi:before {
+  content: "\e6b8";
+}
+
+.icon-edit:before {
+  content: "\e62c";
+}
+
+.icon-tuozhuai:before {
+  content: "\e683";
+}
+
+.icon-close:before {
+  content: "\e668";
+}
+
+.icon-logo2:before {
+  content: "\e684";
+}
+
+.icon-logo1:before {
+  content: "\e685";
+}
+
+.icon-shezhi:before {
+  content: "\e632";
+}
+
+.icon-jiazaizhong:before {
+  content: "\e693";
+}
+
+.icon-shenqingtuikuanchenggong:before {
+  content: "\e614";
+}
+
+.icon-cuowu:before {
+  content: "\e70d";
+}
+
+.icon-jingshi:before {
+  content: "\e631";
+}
+
+.icon-daiban:before {
+  content: "\e642";
+}
+
+.icon-xiala:before {
+  content: "\e6aa";
+}
+
+.icon-sidebar-toggle:before {
+  content: "\e600";
+}
+
+.icon-sousuo:before {
+  content: "\e603";
+}
+
+.icon-tishi_mian:before {
+  content: "\e6e2";
+}
+
+.icon-bangzhu:before {
+  content: "\e620";
+}
+
+.icon-youjian-xianxing:before {
+  content: "\ea57";
+}
+

package/lib/style/index.less

@@ -0,0 +1,111 @@
+@import "./element/index.css";
+@import "./element/common_class.less";
+@import "./theme/theme.less";
+@import "./variables.less";
+
+body {
+  color: var(--font-white-2);
+  font-family: var(--font-family) !important;
+  font-size: var(--font-size-base);
+  -webkit-font-smoothing: antialiased;
+  padding: 0px;
+  margin: 0px;
+  --footer-height: 40px;
+  --header-height: 63px;
+}
+
+html {
+  padding: 0px;
+}
+
+pre {
+  font-family: var(--font-family);
+}
+
+a {
+  text-decoration: none;
+}
+
+ul,
+dl,
+li,
+dd,
+dt {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+figure,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+span {
+  margin: 0;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+// 滚动条样式
+html,
+body,
+div,
+section {
+  &::-webkit-scrollbar {
+    // width: 16px;
+    // height: 16px;
+    background: transparent;
+  }
+
+  &::-webkit-scrollbar-corner {
+    width: 0px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    // border-radius: 8px;
+    border: 4px solid transparent;
+    background-clip: content-box;
+    background-color: var(--color-gray-d);
+  }
+
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+}
+
+body,
+button,
+input,
+optgroup,
+select,
+textarea,
+span,
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: var(--font-family) !important;
+}
+
+@keyframes to-visible {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 100;
+  }
+}
+
+#nprogress .bar {
+  background: var(--color-primary) !important;
+}

package/lib/style/theme/dark.less

@@ -0,0 +1,151 @@
+:root,
+:root[theme-mode="dark"] {
+  // 主题色
+  --color-primary: rgba(0, 83, 217, 0.9);
+  --color-active-primary: #2170f1;
+  // 背景色
+  --bg-white: #242424;
+  --bg-primary: #f0f6fc;
+  --bg-gray: var(--color-gray-m);
+  // 用于switch check radio
+  --bg-check: #242424;
+  // hover颜色
+  --hover-light-primary: var(--color-gray-s);
+  // 灰色类型
+  --color-gray-d: #2c2c2c;
+  --color-gray-m: #383838;
+  --color-gray-s: #2c2c2c;
+  // 字体颜色
+  --font-color-d: rgba(255, 255, 255, 0.9);
+  --font-color-m: rgba(255, 255, 255, 0.55);
+  --font-color-s: rgba(255, 255, 255, 0.35);
+  --font-color-ds: rgba(255, 255, 255, 0.22);
+  --form-label-color: rgba(255, 255, 255, 0.75);
+  // 阴影
+  // 下拉 使用的组件包括：下拉菜单 / 气泡确认框 / 选择器 /
+  --shadow-down: 0px 4px 10px rgba(0, 0, 0, 0.06);
+  // fixed 使用的组件包括：全局提示 / 消息通知
+  --shadow-fixed: 0px 16px 24px rgba(0, 0, 0, 0.14),
+    0px 6px 30px rgba(0, 0, 0, 0.12), 0px 8px 10px rgba(0, 0, 0, 0.2);
+  // table border颜色
+  --color-table-border: var(--color-border);
+  // tooltip 背景颜色
+  --color-tooltip: var(--color-gray-d);
+  //
+
+
+
+  
+  /* CSS Document */
+
+  /** code highlight */
+
+  .cm-s-inner .cm-variable,
+  .cm-s-inner .cm-operator,
+  .cm-s-inner .cm-property {
+    color: #b8bfc6;
+  }
+
+  .cm-s-inner .cm-keyword {
+    color: #c88fd0;
+  }
+
+  .cm-s-inner .cm-tag {
+    color: #7df46a;
+  }
+
+  .cm-s-inner .cm-attribute {
+    color: #7575e4;
+  }
+
+  .CodeMirror div.CodeMirror-cursor {
+    border-left: 1px solid #b8bfc6;
+    z-index: 3;
+  }
+
+  .cm-s-inner .cm-string {
+    color: #d26b6b;
+  }
+
+  .cm-s-inner .cm-comment,
+  .cm-s-inner.cm-comment {
+    color: #da924a;
+  }
+
+  .cm-s-inner .cm-header,
+  .cm-s-inner .cm-def,
+  .cm-s-inner.cm-header,
+  .cm-s-inner.cm-def {
+    color: #8d8df0;
+  }
+
+  .cm-s-inner .cm-quote,
+  .cm-s-inner.cm-quote {
+    color: #57ac57;
+  }
+
+  .cm-s-inner .cm-hr {
+    color: #d8d5d5;
+  }
+
+  .cm-s-inner .cm-link {
+    color: #d3d3ef;
+  }
+
+  .cm-s-inner .cm-negative {
+    color: #d95050;
+  }
+
+  .cm-s-inner .cm-positive {
+    color: #50e650;
+  }
+
+  .cm-s-inner .cm-string-2 {
+    color: #f50;
+  }
+
+  .cm-s-inner .cm-meta,
+  .cm-s-inner .cm-qualifier {
+    color: #b7b3b3;
+  }
+
+  .cm-s-inner .cm-builtin {
+    color: #f3b3f8;
+  }
+
+  .cm-s-inner .cm-bracket {
+    color: #997;
+  }
+
+  .cm-s-inner .cm-atom,
+  .cm-s-inner.cm-atom {
+    color: #84b6cb;
+  }
+
+  .cm-s-inner .cm-number {
+    color: #64ab8f;
+  }
+
+  .cm-s-inner .cm-variable {
+    color: #b8bfc6;
+  }
+
+  .cm-s-inner .cm-variable-2 {
+    color: #9fbad5;
+  }
+
+  .cm-s-inner .cm-variable-3 {
+    color: #1cc685;
+  }
+
+  .CodeMirror-selectedtext,
+  .CodeMirror-selected {
+    background: #4a89dc;
+    color: #fff !important;
+    text-shadow: none;
+  }
+
+  .CodeMirror-gutters {
+    border-right: none;
+  }
+}

package/lib/style/theme/light.less

@@ -0,0 +1,37 @@
+:root,
+:root[theme-mode="light"] {
+  // 主题色
+  --color-primary: rgb(0, 82, 217);
+  --color-active-primary: #2170f1;
+  // 背景色
+  --bg-white: #fff;
+  --bg-primary: #f0f6fc;
+  --bg-gray: var(--color-gray-m);
+  // 用于switch check radio
+  --bg-check: #fff;
+  // hover颜色
+  --hover-light-primary: #deebff;
+  //滚动条样式
+  --scrollbar-color: #1f23392d;
+  // 灰色类型
+  --color-gray-d: #dfe1e6;
+  --color-gray-m: #f4f5f7;
+  --color-gray-s: #f7f7f7;
+  // 字体颜色
+  --font-color-d: #172b4d;
+  --font-color-m: #344563;
+  --font-color-s: #5e6c84;
+  --font-color-ds: #8f959e;
+  // 字体颜色 按钮等primary 里面文字的白色非必要不要改
+  --text-white: white;
+  --form-label-color: #42526e;
+  // 下拉 使用的组件包括：下拉菜单 / 气泡确认框 / 选择器 /
+  --shadow-down: 0px 4px 10px rgba(0, 0, 0, 0.05);
+  // fixed 使用的组件包括：全局提示 / 消息通知
+  --shadow-fixed: 0px 6px 30px 5px rgba(0, 0, 0, 0.05),
+    0px 16px 24px 2px rgba(0, 0, 0, 0.04), 0px 8px 10px -5px rgba(0, 0, 0, 0.08);
+  // table border颜色
+  --color-table-border: var(--color-gray-d);
+  // tooltip 背景颜色
+  --color-tooltip: #242424;
+}

package/lib/style/theme/theme.less

@@ -0,0 +1,2 @@
+@import "./light.less";
+@import "./dark.less";

package/lib/style/tokyo-night-dark.min.css

@@ -0,0 +1,88 @@
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em;
+}
+code.hljs {
+  padding: 3px 5px;
+} /*!
+  Theme: Tokyo-night-Dark
+  origin: https://github.com/enkia/tokyo-night-vscode-theme
+  Description: Original highlight.js style
+  Author: (c) Henri Vandersleyen <hvandersleyen@gmail.com>
+  License: see project LICENSE
+  Touched: 2022
+*/
+.hljs-comment,
+.hljs-meta {
+  color: #565f89;
+}
+.hljs-deletion,
+.hljs-doctag,
+.hljs-regexp,
+.hljs-selector-attr,
+.hljs-selector-class,
+.hljs-selector-id,
+.hljs-selector-pseudo,
+.hljs-tag,
+.hljs-template-tag,
+.hljs-variable.language_ {
+  color: #f7768e;
+}
+.hljs-link,
+.hljs-literal,
+.hljs-number,
+.hljs-params,
+.hljs-template-variable,
+.hljs-type,
+.hljs-variable {
+  color: #ff9e64;
+}
+.hljs-attribute,
+.hljs-built_in {
+  color: #e0af68;
+}
+.hljs-keyword,
+.hljs-property,
+.hljs-subst,
+.hljs-title,
+.hljs-title.class_,
+.hljs-title.class_.inherited__,
+.hljs-title.function_ {
+  color: #7dcfff;
+}
+.hljs-selector-tag {
+  color: #73daca;
+}
+.hljs-addition,
+.hljs-bullet,
+.hljs-quote,
+.hljs-string,
+.hljs-symbol {
+  color: #9ece6a;
+}
+.hljs-code,
+.hljs-formula,
+.hljs-section {
+  color: #7aa2f7;
+}
+.hljs-attr,
+.hljs-char.escape_,
+.hljs-keyword,
+.hljs-name,
+.hljs-operator {
+  color: #bb9af7;
+}
+.hljs-punctuation {
+  color: #c0caf5;
+}
+.hljs {
+  background: #1a1b26;
+  color: #9aa5ce;
+}
+.hljs-emphasis {
+  font-style: italic;
+}
+.hljs-strong {
+  font-weight: 700;
+}

package/lib/style/variables.less

@@ -0,0 +1,72 @@
+:root {
+  //
+  --hover-gray: var(--color-gray-m);
+  --hover-primary: var(--color-active-primary);
+  // 图标颜色
+  --icon-color-d: var(--font-color-m);
+  --icon-color-m: var(--font-color-s);
+  --icon-color-s: var(--font-color-ds);
+  // 阴影
+  --shadow: 0px 2px 4px #0000001f, 0 0 6px #0000001f;
+  --shadow-2: 0px 1px 1px rgba(9, 30, 66, 0.25),
+    0px 0px 1px 0px rgba(9, 30, 66, 0.13);
+  // 字重
+  --font-weight-m: 300;
+  --font-weight-g: 500;
+  --font-weight-kg: bold;
+  // 字体大小
+  --font-size: 10px;
+  --font-white-2: rgba(255, 255, 255, 0.55);
+  --font-size-s: calc(var(--font-size) * 1.2); // 字号-五级字号 12
+  --font-size-base: calc(var(--font-size) * 1.4); // 字号-四级字号 14
+  --font-size-l: calc(var(--font-size) * 1.6); // 字号-三级字号 16
+  --font-size-xl: calc(var(--font-size) * 2); // 字号-二级字号 20
+  --font-size-xxl: calc(var(--font-size) * 3.6); // 字号-一级字号 36
+  // 字号
+  --font-family: TencentSansW7, -apple-system, BlinkMacSystemFont, Segoe UI,
+    Roboto, Oxygen, Ubuntu, Fira Sans, Droid Sans, Helvetica Neue, sans-serif !important;
+  // 图标尺寸
+  --icon-size-s: 12px;
+  --icon-size-base: 14px;
+  --icon-size-l: 18px;
+  // 内边距
+  --padding: 2px;
+  // 外边距
+  --margin: 2px;
+  // 圆角
+  --radius: 2px;
+  // 外边距 倍数
+  --margin-1: calc(var(--margin) * 1);
+  --margin-2: calc(var(--margin) * 2);
+  --margin-3: calc(var(--margin) * 3);
+  --margin-4: calc(var(--margin) * 4);
+  --margin-5: calc(var(--margin) * 5);
+  // 内边距倍数
+  --padding-1: calc(var(--padding) * 1);
+  --padding-2: calc(var(--padding) * 2);
+  --padding-3: calc(var(--padding) * 3);
+  --padding-4: calc(var(--padding) * 4);
+  --padding-5: calc(var(--padding) * 5);
+  // transition动画
+  --easing: cubic-bezier(0.38, 0, 0.24, 1);
+  --ease-out: cubic-bezier(0, 0, 0.15, 1);
+  --ease-in: cubic-bezier(0.82, 0, 1, 0.9);
+  // border颜色
+  --color-border: var(--color-gray-m);
+  --color-border-d: var(--font-color-s);
+  // 辅助色
+  // 字体颜色
+  --text-white: white;
+  --text-black: #333;
+  // 选择类的背景色
+  //警告色
+  --color-warn: #ff991f;
+  //错误色
+  --color-error: #ff5630;
+  // 成功
+  --color-success: #34c724;
+  // 信息类
+  --color-info: var(--color-gray-d);
+  //滚动条样式
+  --scrollbar-color: #4b4b4be6;
+}