hfn-components 0.6.5 → 0.6.7

package/theme-chalk/src/table.scss

@@ -1,5 +1,62 @@
-// 表头文字换行样式
-.header-text-wrap {
-  white-space: pre-line;
-  line-height: 1.5;
+.ht-table-wrapper {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.ht-table-wrapper .el-table {
+  flex: 1;
+  min-height: 0;
+}
+.ht-table-wrapper .el-table__empty-text {
+  line-height: normal;
+}
+.ht-table-cell-copy {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  width: 100%;
+}
+.ht-table-cell-text {
+  flex: none;
+  max-width: calc(100% - 22px);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.ht-copy-icon {
+  flex-shrink: 0;
+  cursor: pointer;
+  opacity: 0;
+  transition: opacity 0.2s;
+  color: #909399;
+  font-size: 14px;
+  &:hover {
+    color: #d70c19;
+  }
+}
+.el-table__row:hover .ht-copy-icon {
+  opacity: 1;
+}
+.ht-table-pagination {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  padding: 12px 0;
+}
+
+// 替换筛选图标为 Element Plus 的 Filter 漏斗图标
+.ht-table-wrapper .el-table__column-filter-trigger .el-icon {
+  svg {
+    display: none;
+  }
+  &::after {
+    content: '';
+    display: inline-block;
+    width: 14px;
+    height: 14px;
+    // 使用 data URI 内联 SVG，颜色设为 #909399
+    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23909399' d='M384 523.392V928a32 32 0 0 0 46.336 28.608l192-96A32 32 0 0 0 640 832V523.392l280.768-343.104a32 32 0 1 0-49.536-40.576l-288 352A32 32 0 0 0 576 512v300.224l-128 64V512a32 32 0 0 0-7.232-20.288L195.52 192H704a32 32 0 1 0 0-64H128a32 32 0 0 0-24.768 52.288z'/%3E%3C/svg%3E")
+      no-repeat center;
+    background-size: contain;
+  }
 }

package/theme-chalk/src/target.scss

@@ -27,13 +27,33 @@
 }
 
 .target-head {
-  display: grid; 
-  grid: auto / repeat(5, 1fr)
+  display: grid;
+  grid: auto / repeat(5, 1fr);
 }
 
 .flow-col {
-  height: 520px; 
+  height: 520px;
   overflow-y: auto;
   border-left: 1px solid #e8e8e8;
   padding-left: 10px;
 }
+
+.check_item {
+  cursor: grab;
+  align-items: center;
+}
+.check_item:active {
+  cursor: grabbing;
+}
+/* 拖拽时的占位样式 */
+.ghost {
+  opacity: 0.5;
+  background: #f0f0f0;
+}
+/* 关闭图标 */
+.close-icon {
+  cursor: pointer;
+}
+.close-icon:hover {
+  color: #909399 !important;
+}

package/es/components/chart/src/chartConfig.d.ts

@@ -1,7 +0,0 @@
-import * as echarts from 'echarts/core';
-import type { BarSeriesOption, LineSeriesOption } from 'echarts/charts';
-import type { TitleComponentOption, TooltipComponentOption, GridComponentOption, DatasetComponentOption } from 'echarts/components';
-import type { ComposeOption } from 'echarts/core';
-export type ECOption = ComposeOption<BarSeriesOption | LineSeriesOption | TitleComponentOption | TooltipComponentOption | GridComponentOption | DatasetComponentOption>;
-export default echarts;
-export declare const BASIC_CHART_CONFIG: any;

package/es/components/chart/src/chartConfig.mjs

@@ -1,88 +0,0 @@
-import * as echarts from 'echarts/core';
-export { echarts as default };
-import { BarChart, LineChart } from 'echarts/charts';
-import { TitleComponent, TooltipComponent, GridComponent, LegendComponent, DatasetComponent, TransformComponent } from 'echarts/components';
-import { LabelLayout, UniversalTransition } from 'echarts/features';
-import { CanvasRenderer } from 'echarts/renderers';
-
-echarts.use([
-  TitleComponent,
-  TooltipComponent,
-  GridComponent,
-  LegendComponent,
-  DatasetComponent,
-  TransformComponent,
-  BarChart,
-  LineChart,
-  LabelLayout,
-  UniversalTransition,
-  CanvasRenderer
-]);
-const BASIC_CHART_CONFIG = {
-  title: {
-    text: "",
-    // top: '5%',
-    left: "0%",
-    textStyle: {
-      fontSize: 12,
-      color: "rgba(0,0,0,0.7)",
-      fontWeight: "normal"
-    }
-  },
-  // 图例
-  legend: {
-    left: "0%",
-    show: false
-  },
-  xAxis: {},
-  yAxis: {},
-  grid: {
-    // top: '12%',
-    top: "8%",
-    left: "3%",
-    right: "3%",
-    bottom: "1%",
-    containLabel: true
-  },
-  // 线条颜色
-  color: [
-    "#C13431",
-    "#1E85D2",
-    "#FD984F",
-    "#63B9BB",
-    "#BBB162",
-    "#AE76C1",
-    "#5E92F6",
-    "#F5BC32",
-    "#DA8484",
-    "#41982E",
-    "#437095",
-    "#8060A7",
-    "#7D0A0D",
-    "#572AFF",
-    "#2BE8F8",
-    "#FF1493",
-    "#E066FF",
-    "#27408B",
-    "#5191A3",
-    "#D5634C",
-    "#92d6fd",
-    "#b92e2d",
-    "#187bc9",
-    "#90bae0",
-    "#187bc9",
-    "#0070C9",
-    "#5470c6",
-    "#91cc75",
-    "#fac858",
-    "#ee6666",
-    "#73c0de",
-    "#3ba272",
-    "#fc8452",
-    "#9a60b4",
-    "#ea7ccc"
-  ],
-  series: []
-};
-
-export { BASIC_CHART_CONFIG };