@zjhc/ui 0.0.0-stage → 0.1.0

package/theme-chalk/group-container.css

@@ -0,0 +1,159 @@
+@charset "UTF-8";
+/**
+ * 该函数将选择器转化为字符串，并截取指定位置的字符。
+ * @param $selector - 需要转换的选择器对象。
+ * @return 返回转换后的选择器字符串。
+ */
+/**
+ * 判断父级选择器是否包含'--'
+ * @param $selector - 需要检查的选择器，可以是列表或字符串。
+ * @returns 如果选择器包含修饰符，则返回 true；否则返回 false。
+ */
+/**
+ * 判断父级选择器是否包含'.is-'
+ * @param $selector - 需要检查的选择器，可以是任何形式的选择器。
+ * @return 返回一个布尔值，如果选择器包含状态前缀则为true，否则为false。
+ */
+/**
+ * 判断父级是否包含 ':' （用于判断伪类和伪元素）
+ * @param $selector - 需要检查的选择器，可以是任何形式的选择器，函数会将其转换为字符串形式。
+ * @return 返回一个布尔值，如果选择器包含伪类，则返回 true；否则返回 false。
+ */
+/*
+ * 判断父级选择器是否包含`--` `.is-` `:`这三种字符
+ * @param {String} $selector 选择器
+ * @return {String} 如果父级选择器包含以上三种字符中的任意一种，返回true；否则返回false
+*/
+/**
+ * 函数用于将给定列表中的项目连接成一个变量名。
+ * @param $list - 一个包含要连接的字符串的列表。
+ * @return $name - 连接后的变量名，以"--"和配置中的命名空间开头，每个列表项之间用"-"连接。
+ */
+.zjhc-complex__table {
+  min-width: 1422px;
+  display: flex;
+}
+.zjhc-complex__table .el-row {
+  border-left: 1px solid var(--el-border-color);
+  border-top: 1px solid var(--el-border-color);
+  font-size: var(--el-font-size-base);
+  position: relative;
+}
+.zjhc-complex__table .el-row + .el-row {
+  border-left: none;
+}
+.zjhc-complex__table .el-col {
+  border-right: 1px solid var(--el-border-color);
+  border-bottom: 1px solid var(--el-border-color);
+  padding: 0 10px;
+  height: var(--el-height-size-base);
+  line-height: var(--el-height-size-base);
+  white-space: nowrap; /* 保持文本在一行内 */
+  overflow: hidden; /* 隐藏溢出的内容 */
+  text-overflow: ellipsis;
+  color: #000;
+}
+
+.zjhc-complex__nesting--col {
+  padding: 0 !important;
+  height: auto !important;
+  border-bottom: none !important;
+  border-right: none !important;
+}
+
+.zjhc-complex__nesting--row {
+  border-left: none !important;
+  border-top: none !important;
+}
+
+.zjhc-complex__coltext--disabled {
+  color: #aaa !important;
+}
+
+.zjhc-complex__labellink--disabled {
+  color: var(--el-primary-opactiy05) !important;
+}
+.zjhc-complex__labellink--disabled .el-icon {
+  vertical-align: middle;
+  margin-right: 6px;
+  margin-top: -4px;
+  font-size: 16px;
+}
+
+.zjhc-complex__label--title {
+  background: var(--el-table-label-bg-color);
+  color: var(--el-text-color-regular) !important;
+}
+
+.zjhc-complex__label--yellow {
+  background: var(--el-table-sub-label-bg-color);
+  color: var(--el-text-color-regular) !important;
+}
+
+.zjhc-complex__label--link {
+  color: var(--el-color-primary) !important;
+  cursor: pointer;
+}
+.zjhc-complex__label--link:hover {
+  text-decoration: underline;
+}
+.zjhc-complex__label--link .el-icon {
+  vertical-align: middle;
+  margin-right: 6px;
+  font-size: 18px;
+  margin-top: -4px;
+}
+
+.zjhc-complex__value--yellow01 {
+  background: var(--el-table-sub-value-bg-color);
+}
+
+.zjhc-complex__value--grey01 {
+  background: var(--el-table-value-bg-color);
+}
+
+.zjhc-group__container {
+  padding: 8px 16px;
+}
+.zjhc-group__container.is-border {
+  border: 1px solid var(--el-border-color);
+  border-radius: 5px;
+  padding: 15px;
+}
+.zjhc-group__container .zjhc-advance__layout {
+  padding: 0;
+}
+
+.zjhc-group__header {
+  margin-bottom: 12px;
+  display: flex;
+  align-items: center;
+}
+
+.zjhc-group__box {
+  border: 1px solid var(--el-border-color);
+  background-color: var(--el-bg-color);
+  border-radius: 5px;
+  padding: 8px 0;
+}
+
+.zjhc-group__title {
+  font-size: var(--zjhc-group-header-title-size);
+  font-weight: bold;
+  border-left: 4px solid var(--el-color-primary);
+  color: var(--zjhc-group-header-title-color);
+  position: relative;
+  line-height: 1;
+  padding-left: 8px;
+  margin-right: 24px;
+}
+
+.zjhc-group__toolbar {
+  display: flex;
+}
+.zjhc-group__toolbar .el-button--text {
+  padding: 0;
+}
+.zjhc-group__toolbar .el-button--text + .el-button--text {
+  margin-left: 12px;
+}