@zjhc/ui 0.0.0-stage → 0.1.0

package/theme-chalk/base.css

@@ -0,0 +1,120 @@
+@charset "UTF-8";
+/**
+ * 该@mixin用于根据指定的颜色类型、级别和混合模式，创建一个新颜色等级并将其添加到全局颜色地图中。
+ * @param $type {string} - 颜色的类型（例如：primary, success等）。
+ * @param $number {int} - 颜色的级别，用于计算颜色的混合程度。
+ * @param $mode {string} - 混合模式，默认为'light'。可用于指定颜色是明度混合还是饱和度混合等。
+ * @param $mix-color {color} - 用于混合的颜色，默认为白色($color-white)。
+ */
+/**
+ * 该函数将选择器转化为字符串，并截取指定位置的字符。
+ * @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 - 连接后的变量名，以"--"和配置中的命名空间开头，每个列表项之间用"-"连接。
+ */
+/**
+ * 设置分组的CSS变量
+ * @param $name - 分组名称，用于生成CSS变量名。
+ * @param $variables - 一个映射表，包含要设置的变量名和其值。
+ * 该mixin遍历$variables映射表，为每个键值对生成相应的CSS变量。如果键是"default"，
+ * 则设置基础的CSS变量；否则，设置带有特定后缀的CSS变量。
+ */
+:root {
+  --zjhc-color-white: #ffffff;
+  --zjhc-color-black: #000000;
+}
+
+:root {
+  color-scheme: light;
+  --zjhc-color-primary: #094194;
+  --zjhc-color-primary-light-3: rgb(32.4705882353%, 47.8431372549%, 70.6274509804%);
+  --zjhc-color-primary-light-5: rgb(51.7647058824%, 62.7450980392%, 79.0196078431%);
+  --zjhc-color-primary-light-7: rgb(71.0588235294%, 77.6470588235%, 87.4117647059%);
+  --zjhc-color-primary-light-8: rgb(80.7058823529%, 85.0980392157%, 91.6078431373%);
+  --zjhc-color-primary-light-9: rgb(90.3529411765%, 92.5490196078%, 95.8039215686%);
+  --zjhc-color-primary-dark-2: rgb(2.8235294118%, 20.3921568627%, 46.431372549%);
+  --zjhc-color-success: #1ebcaf;
+  --zjhc-color-success-light-3: rgb(38.2352941176%, 81.6078431373%, 78.0392156863%);
+  --zjhc-color-success-light-5: rgb(55.8823529412%, 86.862745098%, 84.3137254902%);
+  --zjhc-color-success-light-7: rgb(73.5294117647%, 92.1176470588%, 90.5882352941%);
+  --zjhc-color-success-light-8: rgb(82.3529411765%, 94.7450980392%, 93.7254901961%);
+  --zjhc-color-success-light-9: rgb(91.1764705882%, 97.3725490196%, 96.862745098%);
+  --zjhc-color-success-dark-2: rgb(9.4117647059%, 58.9803921569%, 54.9019607843%);
+  --zjhc-color-warning: #ffc23e;
+  --zjhc-color-warning-light-3: rgb(100%, 83.2549019608%, 47.0196078431%);
+  --zjhc-color-warning-light-5: rgb(100%, 88.0392156863%, 62.1568627451%);
+  --zjhc-color-warning-light-7: rgb(100%, 92.8235294118%, 77.2941176471%);
+  --zjhc-color-warning-light-8: rgb(100%, 95.2156862745%, 84.862745098%);
+  --zjhc-color-warning-light-9: rgb(100%, 97.6078431373%, 92.431372549%);
+  --zjhc-color-warning-dark-2: rgb(80%, 60.862745098%, 19.4509803922%);
+  --zjhc-color-danger: #fa5e45;
+  --zjhc-color-danger-light-3: rgb(98.6274509804%, 55.8039215686%, 48.9411764706%);
+  --zjhc-color-danger-light-5: rgb(99.0196078431%, 68.431372549%, 63.5294117647%);
+  --zjhc-color-danger-light-7: rgb(99.4117647059%, 81.0588235294%, 78.1176470588%);
+  --zjhc-color-danger-light-8: rgb(99.6078431373%, 87.3725490196%, 85.4117647059%);
+  --zjhc-color-danger-light-9: rgb(99.8039215686%, 93.6862745098%, 92.7058823529%);
+  --zjhc-color-danger-dark-2: rgb(78.431372549%, 29.4901960784%, 21.6470588235%);
+  --zjhc-color-error: #fa5e45;
+  --zjhc-color-error-light-3: rgb(98.6274509804%, 55.8039215686%, 48.9411764706%);
+  --zjhc-color-error-light-5: rgb(99.0196078431%, 68.431372549%, 63.5294117647%);
+  --zjhc-color-error-light-7: rgb(99.4117647059%, 81.0588235294%, 78.1176470588%);
+  --zjhc-color-error-light-8: rgb(99.6078431373%, 87.3725490196%, 85.4117647059%);
+  --zjhc-color-error-light-9: rgb(99.8039215686%, 93.6862745098%, 92.7058823529%);
+  --zjhc-color-error-dark-2: rgb(78.431372549%, 29.4901960784%, 21.6470588235%);
+  --zjhc-color-info: #909399;
+  --zjhc-color-info-light-3: rgb(69.5294117647%, 70.3529411765%, 72%);
+  --zjhc-color-info-light-5: rgb(78.2352941176%, 78.8235294118%, 80%);
+  --zjhc-color-info-light-7: rgb(86.9411764706%, 87.2941176471%, 88%);
+  --zjhc-color-info-light-8: rgb(91.2941176471%, 91.5294117647%, 92%);
+  --zjhc-color-info-light-9: rgb(95.6470588235%, 95.7647058824%, 96%);
+  --zjhc-color-info-dark-2: rgb(45.1764705882%, 46.1176470588%, 48%);
+  --zjhc-text-color-primary: #333133;
+  --zjhc-text-color-regular: #606266;
+  --zjhc-text-color-secondary: #909399;
+  --zjhc-text-color-placeholder: #a8abb2;
+  --zjhc-text-color-disabled: #c0c4cc;
+  --zjhc-border-color: #dcdfe6;
+  --zjhc-border-color-light: #e4e7ed;
+  --zjhc-border-color-lighter: #ebeef5;
+  --zjhc-border-color-extra-light: #f2f6fc;
+  --zjhc-border-color-dark: #d4d7de;
+  --zjhc-border-color-darker: #cdd0d6;
+  --zjhc-fill-color: #f0f2f5;
+  --zjhc-fill-color-light: #f5f7fa;
+  --zjhc-fill-color-lighter: #fafafa;
+  --zjhc-fill-color-extra-light: #fafcff;
+  --zjhc-fill-color-dark: #ebedf0;
+  --zjhc-fill-color-darker: #e6e8eb;
+  --zjhc-fill-color-blank: #ffffff;
+  --zjhc-bg-color: #ffffff;
+  --zjhc-bg-color-page: #f2f3f5;
+  --zjhc-bg-color-overlay: #ffffff;
+  --zjhc-search-sidebar-width: 200px;
+  --zjhc-group-header-title-color: #000000;
+  --zjhc-group-header-title-size: 14px;
+  --zjhc-page-container-bg-color: #ffffff;
+}

package/theme-chalk/collapse-container.css

@@ -0,0 +1,71 @@
+@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-collapse__container {
+  border: 1px solid var(--el-border-color);
+  border-radius: 5px;
+}
+
+.zjhc-collapse__header {
+  height: 38px;
+  padding: 0 var(--zjhc-padding-space-l);
+  background-color: var(--el-fill-color-light);
+  font-size: var(--font-size-m);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-radius: 5px 5px 0 0;
+}
+.zjhc-collapse__header--arrow {
+  padding: 3px;
+  font-size: var(--font-size-m);
+  cursor: pointer;
+  width: auto;
+  height: auto;
+}
+.zjhc-collapse__header--arrow:hover {
+  background-color: rgba(50, 58, 77, 0.1);
+}
+
+.zjhc-collapse__arrow {
+  padding: 3px;
+  font-size: var(--font-size-m);
+  cursor: pointer;
+  width: auto;
+  height: auto;
+}
+.zjhc-collapse__arrow:hover {
+  background-color: rgba(50, 58, 77, 0.1);
+}
+
+.zjhc-collapse__content {
+  padding: var(--zjhc-padding-space-l);
+}

package/theme-chalk/collapse-panel.css

@@ -0,0 +1,49 @@
+@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-collapse--panel {
+  overflow: hidden;
+  max-height: 0;
+}
+
+.zjhc-collapse--footer {
+  position: relative;
+}
+
+.zjhc-collapse__toggle {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  z-index: 5;
+}
+.zjhc-collapse__toggle .el-icon {
+  font-size: 16px;
+}

package/theme-chalk/complextable.css

@@ -0,0 +1,72 @@
+@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-advance__layout {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.zjhc-advance__toolbar {
+  margin-bottom: 12px;
+}
+.zjhc-advance__toolbar.is-line {
+  display: flex;
+  align-items: center;
+}
+.zjhc-advance__toolbar.is-line .zjhc-table__toolbar {
+  flex: 1;
+}
+
+.zjhc-advance__grid {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  overflow: hidden;
+}
+.zjhc-advance__grid .el-table {
+  height: 100%;
+}
+.zjhc-advance__grid .el-table .el-link + .el-link {
+  margin-left: 0;
+}
+.zjhc-advance__grid .el-table .el-link {
+  margin-right: 12px;
+}
+.zjhc-advance__grid .el-table .el-link:last-child {
+  margin-right: 0;
+}
+
+.zjhc-advance__pagination {
+  margin-top: 16px;
+}

package/theme-chalk/dark.css

@@ -0,0 +1,134 @@
+@charset "UTF-8";
+/**
+ * 该@mixin用于根据指定的颜色类型、级别和混合模式，创建一个新颜色等级并将其添加到全局颜色地图中。
+ * @param $type {string} - 颜色的类型（例如：primary, success等）。
+ * @param $number {int} - 颜色的级别，用于计算颜色的混合程度。
+ * @param $mode {string} - 混合模式，默认为'light'。可用于指定颜色是明度混合还是饱和度混合等。
+ * @param $mix-color {color} - 用于混合的颜色，默认为白色($color-white)。
+ */
+/**
+ * 该函数将选择器转化为字符串，并截取指定位置的字符。
+ * @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 - 连接后的变量名，以"--"和配置中的命名空间开头，每个列表项之间用"-"连接。
+ */
+/**
+ * 设置分组的CSS变量
+ * @param $name - 分组名称，用于生成CSS变量名。
+ * @param $variables - 一个映射表，包含要设置的变量名和其值。
+ * 该mixin遍历$variables映射表，为每个键值对生成相应的CSS变量。如果键是"default"，
+ * 则设置基础的CSS变量；否则，设置带有特定后缀的CSS变量。
+ */
+html.dark {
+  color-scheme: dark;
+  --zjhc-color-primary: #094194;
+  --zjhc-color-primary-light-3: rgb(4.8235294118%, 20.1960784314%, 42.9803921569%);
+  --zjhc-color-primary-light-5: rgb(5.6862745098%, 16.6666666667%, 32.9411764706%);
+  --zjhc-color-primary-light-7: rgb(6.5490196078%, 13.137254902%, 22.9019607843%);
+  --zjhc-color-primary-light-8: rgb(6.9803921569%, 11.3725490196%, 17.8823529412%);
+  --zjhc-color-primary-light-9: rgb(7.4117647059%, 9.6078431373%, 12.862745098%);
+  --zjhc-color-primary-dark-2: rgb(22.8235294118%, 40.3921568627%, 66.431372549%);
+  --zjhc-color-success: #1ebcaf;
+  --zjhc-color-success-light-3: rgb(10.5882352941%, 53.9607843137%, 50.3921568627%);
+  --zjhc-color-success-light-5: rgb(9.8039215686%, 40.7843137255%, 38.2352941176%);
+  --zjhc-color-success-light-7: rgb(9.0196078431%, 27.6078431373%, 26.0784313725%);
+  --zjhc-color-success-light-8: rgb(8.6274509804%, 21.0196078431%, 20%);
+  --zjhc-color-success-light-9: rgb(8.2352941176%, 14.431372549%, 13.9215686275%);
+  --zjhc-color-success-dark-2: rgb(29.4117647059%, 78.9803921569%, 74.9019607843%);
+  --zjhc-color-warning: #ffc23e;
+  --zjhc-color-warning-light-3: rgb(72.3529411765%, 55.6078431373%, 19.3725490196%);
+  --zjhc-color-warning-light-5: rgb(53.9215686275%, 41.9607843137%, 16.0784313725%);
+  --zjhc-color-warning-light-7: rgb(35.4901960784%, 28.3137254902%, 12.7843137255%);
+  --zjhc-color-warning-light-8: rgb(26.2745098039%, 21.4901960784%, 11.137254902%);
+  --zjhc-color-warning-light-9: rgb(17.0588235294%, 14.6666666667%, 9.4901960784%);
+  --zjhc-color-warning-dark-2: rgb(100%, 80.862745098%, 39.4509803922%);
+  --zjhc-color-danger: #fa5e45;
+  --zjhc-color-danger-light-3: rgb(70.9803921569%, 28.1568627451%, 21.2941176471%);
+  --zjhc-color-danger-light-5: rgb(52.9411764706%, 22.3529411765%, 17.4509803922%);
+  --zjhc-color-danger-light-7: rgb(34.9019607843%, 16.5490196078%, 13.6078431373%);
+  --zjhc-color-danger-light-8: rgb(25.8823529412%, 13.6470588235%, 11.6862745098%);
+  --zjhc-color-danger-light-9: rgb(16.862745098%, 10.7450980392%, 9.7647058824%);
+  --zjhc-color-danger-dark-2: rgb(98.431372549%, 49.4901960784%, 41.6470588235%);
+  --zjhc-color-error: #fa5e45;
+  --zjhc-color-error-light-3: rgb(70.9803921569%, 28.1568627451%, 21.2941176471%);
+  --zjhc-color-error-light-5: rgb(52.9411764706%, 22.3529411765%, 17.4509803922%);
+  --zjhc-color-error-light-7: rgb(34.9019607843%, 16.5490196078%, 13.6078431373%);
+  --zjhc-color-error-light-8: rgb(25.8823529412%, 13.6470588235%, 11.6862745098%);
+  --zjhc-color-error-light-9: rgb(16.862745098%, 10.7450980392%, 9.7647058824%);
+  --zjhc-color-error-dark-2: rgb(98.431372549%, 49.4901960784%, 41.6470588235%);
+  --zjhc-color-info: #909399;
+  --zjhc-color-info-light-3: rgb(41.8823529412%, 42.7058823529%, 44.3529411765%);
+  --zjhc-color-info-light-5: rgb(32.1568627451%, 32.7450980392%, 33.9215686275%);
+  --zjhc-color-info-light-7: rgb(22.431372549%, 22.7843137255%, 23.4901960784%);
+  --zjhc-color-info-light-8: rgb(17.568627451%, 17.8039215686%, 18.2745098039%);
+  --zjhc-color-info-light-9: rgb(12.7058823529%, 12.8235294118%, 13.0588235294%);
+  --zjhc-color-info-dark-2: rgb(65.1764705882%, 66.1176470588%, 68%);
+  --zjhc-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.36), 0px 8px 20px rgba(0, 0, 0, 0.72);
+  --zjhc-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.72);
+  --zjhc-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.72);
+  --zjhc-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.72), 0px 12px 32px #000000, 0px 8px 16px -8px #000000;
+  --zjhc-bg-color-page: #0a0a0a;
+  --zjhc-bg-color: #141414;
+  --zjhc-bg-color-overlay: #1d1e1f;
+  --zjhc-text-color-primary: mix-overlay-color(rgba(240, 245, 255, 0.95), #141414);
+  --zjhc-text-color-regular: mix-overlay-color(rgba(240, 245, 255, 0.85), #141414);
+  --zjhc-text-color-secondary: mix-overlay-color(rgba(240, 245, 255, 0.65), #141414);
+  --zjhc-text-color-placeholder: mix-overlay-color(rgba(240, 245, 255, 0.55), #141414);
+  --zjhc-text-color-disabled: mix-overlay-color(rgba(240, 245, 255, 0.4), #141414);
+  --zjhc-border-color-darker: mix-overlay-color(rgba(245, 248, 255, 0.35), #141414);
+  --zjhc-border-color-dark: mix-overlay-color(rgba(245, 248, 255, 0.3), #141414);
+  --zjhc-border-color: mix-overlay-color(rgba(245, 248, 255, 0.25), #141414);
+  --zjhc-border-color-light: mix-overlay-color(rgba(245, 248, 255, 0.2), #141414);
+  --zjhc-border-color-lighter: mix-overlay-color(rgba(245, 248, 255, 0.15), #141414);
+  --zjhc-border-color-extra-light: mix-overlay-color(rgba(245, 248, 255, 0.1), #141414);
+  --zjhc-fill-color-darker: mix-overlay-color(rgba(250, 252, 255, 0.2), #141414);
+  --zjhc-fill-color-dark: mix-overlay-color(rgba(250, 252, 255, 0.16), #141414);
+  --zjhc-fill-color: mix-overlay-color(rgba(250, 252, 255, 0.12), #141414);
+  --zjhc-fill-color-light: mix-overlay-color(rgba(250, 252, 255, 0.08), #141414);
+  --zjhc-fill-color-lighter: mix-overlay-color(rgba(250, 252, 255, 0.04), #141414);
+  --zjhc-fill-color-extra-light: mix-overlay-color(rgba(250, 252, 255, 0.02), #141414);
+  --zjhc-fill-color-blank: transparent;
+  --zjhc-mask-color: rgba(0, 0, 0, 0.8);
+  --zjhc-mask-color-extra-light: rgba(0, 0, 0, 0.3);
+}
+
+html.dark .zjhc-card {
+  --zjhc-card-bg-color: var(--zjhc-bg-color-overlay);
+}
+
+html.dark .zjhc-empty {
+  --zjhc-empty-fill-color-0: var(--zjhc-color-black);
+  --zjhc-empty-fill-color-1: #4b4b52;
+  --zjhc-empty-fill-color-2: #36383d;
+  --zjhc-empty-fill-color-3: #1e1e20;
+  --zjhc-empty-fill-color-4: #262629;
+  --zjhc-empty-fill-color-5: #202124;
+  --zjhc-empty-fill-color-6: #212224;
+  --zjhc-empty-fill-color-7: #1b1c1f;
+  --zjhc-empty-fill-color-8: #1c1d1f;
+  --zjhc-empty-fill-color-9: #18181a;
+}

package/theme-chalk/document-tables.css

@@ -0,0 +1,175 @@
+@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-tab__item--text {
+  padding: 0 15px;
+  width: 100%;
+  display: block;
+  white-space: nowrap; /* 保持文本在一行内 */
+  overflow: hidden; /* 隐藏溢出的内容 */
+  text-overflow: ellipsis;
+  display: block;
+}
+
+.cn-zjhc-my-label {
+  width: 112px;
+  max-width: 112px;
+  min-width: 50px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.cn-zjhc-my-label.cn-zjhc-label_large {
+  width: 122px;
+  max-width: 122px;
+}
+.cn-zjhc-my-label.cn-zjhc-label_mini {
+  width: 80px;
+  max-width: 80px;
+}
+
+.cn-zjhc-label-text {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.cn-zjhc-value {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.cn-zjhc-my-content {
+  min-width: 50px;
+  max-width: 130px;
+}
+.cn-zjhc-my-content.cn-zjhc-content_mini {
+  width: 80px;
+}
+.cn-zjhc-my-content.cn-zjhc-content_common {
+  width: 130px;
+}
+
+.cn-zjhc-my-content_grey {
+  background: var(--zjhc-light-backgound-color);
+}
+
+.cn-zjhc-my-content_white {
+  background: #fff;
+}
+
+.cn-zjhc-my-label_yellow {
+  background: #fef9e5 !important;
+}
+
+.cn-zjhc-my-label_blue {
+  background: rgb(223, 240, 255) !important;
+}
+
+.cn-zjhc-my-content_yellow {
+  background: #fefbef;
+}
+
+.cn-zjhc-my-content_blue {
+  background: rgba(244, 250, 255, 0.9);
+}
+
+.cn-zjhc-has-option {
+  color: var(--el-color-primary);
+  cursor: pointer;
+}
+.cn-zjhc-has-option i {
+  color: var(--el-color-primary);
+  margin-right: 4px;
+}
+
+.cn-zjhc-has-option .cn-zjhc-underline:hover {
+  text-decoration: underline;
+}
+
+.cn-zjhc-table_group-title {
+  color: #333;
+  font-size: 15px;
+  border-left: 3px solid var(--el-color-primary);
+  padding-left: 10px;
+  margin: 10px 0;
+}
+
+.cn-zjhc-table_group-title .cn-zjhc-edit-btn {
+  color: var(--el-color-primary);
+  margin-left: 20px;
+}
+
+.cn-zjhc-pagination {
+  margin: 10px 0;
+}
+
+.el-descriptions__cell {
+  white-space: nowrap;
+}
+
+.cn-zjhc-my-label-hide {
+  display: none;
+}
+
+.cn-zjhc-grey-text {
+  color: #aaa !important;
+}
+
+.tip-tooltip {
+  max-width: 268px;
+}
+
+.cn-zjhc-content-right-button {
+  min-width: 50px;
+  max-width: 130px;
+  height: 28px;
+  padding: 0 22px 0 11px;
+  float: right;
+  border: none;
+  border-left: 1px solid var(--el-border-color-lighter);
+  position: relative;
+  right: -11px;
+  z-index: 1;
+}
+
+.cn-zjhc-content-right-button.cn-zjhc-disabled {
+  background: rgb(250, 251, 252);
+  color: rgba(9, 65, 148, 0.4);
+}
+
+.cn-zjhc-content-right-button.el-button--text:not(.is-disabled):hover {
+  border-left: 1px solid var(--el-border-color-lighter);
+  background: rgb(250, 251, 252);
+  color: rgba(9, 65, 148, 0.4);
+}