meixioacomponent 0.2.41 → 0.2.42

package/lib/style/font-family.less

@@ -0,0 +1,6 @@
+@font-face {
+    font-family: 'TencentSansW7';
+    src: url('data:application/font-woff;charset=utf-8;base64,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') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}

package/lib/style/index.less

@@ -0,0 +1,112 @@
+@import "./theme/theme.less";
+@import "./variables.less";
+@import "./element/index.css";
+@import "./element/common_class.less";
+@import "./meixioacomponenticonfont/meixicomponenticonfont.css";
+
+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/meixioacomponenticonfont/meixicomponenticonfont.css

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

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);
+
+  // table header背景颜色
+  --color-table-header: var(--color-gray-d);
+  // 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;
+  //滚动条样式
+  --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);
+  // table header背景颜色
+  --color-table-header: #ebecf0;
+  // tooltip 背景颜色
+  --color-tooltip: #242424;
+}

package/lib/style/theme/theme.less

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

package/lib/style/variables.less

@@ -0,0 +1,77 @@
+:root {
+  //
+  --hover-gray: var(--color-gray-m);
+  --hover-primary: var(--color-active-primary);
+  // 阴影
+  --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;
+  --text-disabled: #a5adba;
+  // 图标颜色
+  --icon-color-d: var(--font-color-m);
+  --icon-color-m: var(--font-color-s);
+  --icon-color-s: var(--font-color-ds);
+  // 选择类的背景色
+  //警告色
+  --color-warn: #ff991f;
+  //错误色
+  --color-error: #ff5630;
+  // 成功
+  --color-success: #36b37e;
+  // 信息类
+  --color-info: var(--color-gray-d);
+  //滚动条样式
+  // hover 主题色颜色
+  --hover-light-primary: #e6eefa;
+  // 选中色
+  --color-selected: #213f72;
+  --scrollbar-color: #4b4b4be6;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meixioacomponent",
-  "version": "0.2.41",
+  "version": "0.2.42",
   "private": false,
   "author": "YuRi",
   "main": "lib/meixioacomponent.umd.min.js",