@dovetail-v2/refine 0.4.2-beta.0 → 0.4.4

package/dist/shell.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-31874f77.cjs");
+const index = require("./index-053ee180.cjs");
 const common = require("./common-1eb43414.cjs");
 require("@cloudtower/eagle");
 require("@xterm/addon-canvas");

package/dist/shell.js

@@ -1,4 +1,4 @@
-import { S } from "./index-ab97826a.js";
+import { S } from "./index-d7bc2ee6.js";
 import { S as S2 } from "./common-241b21f8.js";
 import "@cloudtower/eagle";
 import "@xterm/addon-canvas";

package/dist/style.css

@@ -960,30 +960,9 @@
 /*  box shadow   */
 /*  fisheye   */
 /* z-index */
-.b1vtjd4k.ant-btn.ant-btn-link {
-  display: block;
-}
-
-.luro4rx.ant-btn-link.ant-btn {
-  padding: 0;
-  height: 18px;
-}
-
-.s1gydjqf.ant-btn-link.ant-btn {
-  padding: 0;
-  height: 18px;
-  color: var(--blue-60) !important;
-}
-.s1gydjqf.ant-btn-link.ant-btn:hover {
-  color: var(--blue-50) !important;
-}
-
-.dvp1i89 {
-  display: inline-block;
-  width: auto !important;
-  height: 18px;
-  line-height: 18px;
-  border-bottom: 1px dashed rgba(107, 128, 167, 0.6);
+.c1oll6q9 {
+  cursor: pointer;
+  margin: 1px 0;
 }/* // basic */
 /* FishEye Color Variables and Functions */
 /*
@@ -1031,76 +1010,37 @@
 /*  box shadow   */
 /*  fisheye   */
 /* z-index */
-.t13a6vox {
-  flex-wrap: wrap;
-  max-width: 100%;
-  gap: 8px 0px;
-  margin-bottom: 4px;
+.b1vtjd4k.ant-btn.ant-btn-link {
+  display: block;
 }
 
-.t12ikbmp.ant-tag {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  color: #1D326C;
+.luro4rx.ant-btn-link.ant-btn {
+  padding: 0;
+  height: 18px;
 }
-.t12ikbmp.ant-tag.outside-tag {
-  border: 1px solid #A3B4CC;
-  background-color: #E4E9F2;
+
+.s1gydjqf.ant-btn-link.ant-btn {
+  padding: 0;
+  height: 18px;
+  color: var(--blue-60) !important;
 }
-.t12ikbmp.ant-tag .inside-tag {
-  background-color: #CCD4E3;
-}/* // basic */
-/* FishEye Color Variables and Functions */
-/*
- --------------------------- Primary Color ---------------------------
-*/
-/*
- ---------------------------When necessary to add at any time---------------------------
-*/
-/* computed */
-/* blue */
-/* green */
-/* yellow */
-/* red */
-/* purple */
-/*  palette    global token*/
-/* color opaque */
-/* color transparent */
-/* blue transparent  */
-/* green transparent  */
-/* yellow transparent  */
-/* red transparent  */
-/* gray transparent */
-/* white transparent */
-/* gradient opaque */
-/* blue radial gradient */
-/* blue linear gradient */
-/* green radial gradient */
-/* yellow radial gradient */
-/* red radial gradient */
-/* gray radial gradient */
-/* white to gray radial gradient */
-/*  white to gray  linear gradient */
-/* gradient transparent */
-/* secondary palette */
-/* purple radial gradient */
-/*  refine alias color   */
-/*  text   */
-/*  link   */
-/*  fill   */
-/*  fill  element  */
-/*  fill  interaction  */
-/*  stroke   */
-/*  background   */
-/*  dim   */
-/*  box shadow   */
-/*  fisheye   */
-/* z-index */
-.t19ustft {
+.s1gydjqf.ant-btn-link.ant-btn:hover {
+  color: var(--blue-50) !important;
+}
+
+.dvp1i89 {
   display: inline-block;
-  line-height: 18px;
+  width: auto !important;
   height: 18px;
+  line-height: 18px;
   border-bottom: 1px dashed rgba(107, 128, 167, 0.6);
+}
+
+.azmggeh {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  vertical-align: top;
 }/* // basic */
 /* FishEye Color Variables and Functions */
 /*
@@ -1148,16 +1088,24 @@
 /*  box shadow   */
 /*  fisheye   */
 /* z-index */
-.wwyz7ti.ant-btn.ant-btn.ant-btn-primary {
-  background-color: #fea008;
-}
-.wwyz7ti.ant-btn.ant-btn.ant-btn-primary:hover {
-  background-color: #feba33;
+.t13a6vox {
+  flex-wrap: wrap;
+  max-width: 100%;
+  gap: 8px 0px;
+  margin-bottom: 4px;
 }
 
-.c1xsou5f.ant-btn {
-  border-radius: 6px;
-  border: 1px solid rgba(172, 186, 211, 0.6) !important;
+.t12ikbmp.ant-tag {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: #1d326c;
+}
+.t12ikbmp.ant-tag.outside-tag {
+  border: 1px solid #a3b4cc;
+  background-color: #e4e9f2;
+}
+.t12ikbmp.ant-tag .inside-tag {
+  background-color: #ccd4e3;
 }/* // basic */
 /* FishEye Color Variables and Functions */
 /*
@@ -1205,9 +1153,11 @@
 /*  box shadow   */
 /*  fisheye   */
 /* z-index */
-.n609wlp {
-  margin-top: 8px;
-  color: #2d3a56;
+.t19ustft {
+  display: inline-block;
+  line-height: 18px;
+  height: 18px;
+  border-bottom: 1px dashed rgba(107, 128, 167, 0.6);
 }/* // basic */
 /* FishEye Color Variables and Functions */
 /*
@@ -1873,6 +1823,78 @@
 /*  box shadow   */
 /*  fisheye   */
 /* z-index */
+.pmi0ggi {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  min-width: 0;
+}
+
+.p1gmjxeo {
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.p1gmjxeo > * {
+  display: block;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.p1379cb5 {
+  flex: 0 0 16px;
+  margin-left: auto;
+}/* // basic */
+/* FishEye Color Variables and Functions */
+/*
+ --------------------------- Primary Color ---------------------------
+*/
+/*
+ ---------------------------When necessary to add at any time---------------------------
+*/
+/* computed */
+/* blue */
+/* green */
+/* yellow */
+/* red */
+/* purple */
+/*  palette    global token*/
+/* color opaque */
+/* color transparent */
+/* blue transparent  */
+/* green transparent  */
+/* yellow transparent  */
+/* red transparent  */
+/* gray transparent */
+/* white transparent */
+/* gradient opaque */
+/* blue radial gradient */
+/* blue linear gradient */
+/* green radial gradient */
+/* yellow radial gradient */
+/* red radial gradient */
+/* gray radial gradient */
+/* white to gray radial gradient */
+/*  white to gray  linear gradient */
+/* gradient transparent */
+/* secondary palette */
+/* purple radial gradient */
+/*  refine alias color   */
+/*  text   */
+/*  link   */
+/*  fill   */
+/*  fill  element  */
+/*  fill  interaction  */
+/*  stroke   */
+/*  background   */
+/*  dim   */
+/*  box shadow   */
+/*  fisheye   */
+/* z-index */
 .c8jy7dc {
   display: flex;
   padding: 8px 10px;
@@ -2068,47 +2090,35 @@
 /*  box shadow   */
 /*  fisheye   */
 /* z-index */
-.p5jt6nm .ant-popover-inner {
+.f1eyh8ow .ant-popover-inner {
   border-radius: 8px;
 }
-.p5jt6nm .ant-popover-innerntent {
-  padding: 12px;
-}
-.p5jt6nm .ant-popover-content > .ant-popover-arrow {
+.f1eyh8ow .ant-popover-content > .ant-popover-arrow {
   display: none;
 }
-.p5jt6nm td.ant-table-cell {
-  vertical-align: middle;
-}
-.p5jt6nm .rule-list {
-  list-style: disc;
-  list-style-position: inside;
-}
-.p5jt6nm .ant-table {
+.f1eyh8ow .ant-table {
   font-size: 12px;
   line-height: 18px;
 }
-.p5jt6nm .ant-table .ant-table-container {
+.f1eyh8ow .ant-table .ant-table-container {
   border: none !important;
 }
-.p5jt6nm .ant-table .ant-table-thead {
+.f1eyh8ow .ant-table .ant-table-thead {
   font-weight: 700;
 }
-.p5jt6nm .ant-table .ant-table-thead > tr > th {
+.f1eyh8ow .ant-table .ant-table-thead > tr > th {
   background: #fff;
 }
-.p5jt6nm .ant-table thead > tr > th:last-child,
-.p5jt6nm .ant-table tbody > tr > td:last-child {
+.f1eyh8ow .ant-table thead > tr > th:last-child,
+.f1eyh8ow .ant-table tbody > tr > td:last-child {
   border-right: none !important;
 }
-.p5jt6nm .ant-table tbody > tr:last-child > td {
+.f1eyh8ow .ant-table tbody > tr:last-child > td {
   border-bottom: none;
 }
-.p5jt6nm .ant-table .ant-table-cell {
+.f1eyh8ow .ant-table .ant-table-cell {
   padding: 4px 8px !important;
-}
-.p5jt6nm .ant-table li {
-  text-indent: 8px;
+  vertical-align: middle;
 }/* // basic */
 /* FishEye Color Variables and Functions */
 /*
@@ -4376,6 +4386,63 @@
 /*  box shadow   */
 /*  fisheye   */
 /* z-index */
+.wwyz7ti.ant-btn.ant-btn.ant-btn-primary {
+  background-color: #fea008;
+}
+.wwyz7ti.ant-btn.ant-btn.ant-btn-primary:hover {
+  background-color: #feba33;
+}
+
+.c1xsou5f.ant-btn {
+  border-radius: 6px;
+  border: 1px solid rgba(172, 186, 211, 0.6) !important;
+}/* // basic */
+/* FishEye Color Variables and Functions */
+/*
+ --------------------------- Primary Color ---------------------------
+*/
+/*
+ ---------------------------When necessary to add at any time---------------------------
+*/
+/* computed */
+/* blue */
+/* green */
+/* yellow */
+/* red */
+/* purple */
+/*  palette    global token*/
+/* color opaque */
+/* color transparent */
+/* blue transparent  */
+/* green transparent  */
+/* yellow transparent  */
+/* red transparent  */
+/* gray transparent */
+/* white transparent */
+/* gradient opaque */
+/* blue radial gradient */
+/* blue linear gradient */
+/* green radial gradient */
+/* yellow radial gradient */
+/* red radial gradient */
+/* gray radial gradient */
+/* white to gray radial gradient */
+/*  white to gray  linear gradient */
+/* gradient transparent */
+/* secondary palette */
+/* purple radial gradient */
+/*  refine alias color   */
+/*  text   */
+/*  link   */
+/*  fill   */
+/*  fill  element  */
+/*  fill  interaction  */
+/*  stroke   */
+/*  background   */
+/*  dim   */
+/*  box shadow   */
+/*  fisheye   */
+/* z-index */
 .fq4465w.ant-modal.fullscreen .ant-modal-header {
   padding: 60px 0 32px 0;
   max-width: var(--max-modal-width, 1024px);
@@ -4462,6 +4529,86 @@
 /*  box shadow   */
 /*  fisheye   */
 /* z-index */
+.f16wn4bu {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.fk5l2b4 {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+}
+
+.f1r3vl4u {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.e1y8i1r4 {
+  display: inline-flex;
+  align-items: center;
+  min-width: 0;
+  color: var(--color-red-6);
+}
+
+.e16fn5cj {
+  flex: none;
+  margin-right: 4px;
+}
+
+.prji3wx {
+  margin-right: 4px;
+}/* // basic */
+/* FishEye Color Variables and Functions */
+/*
+ --------------------------- Primary Color ---------------------------
+*/
+/*
+ ---------------------------When necessary to add at any time---------------------------
+*/
+/* computed */
+/* blue */
+/* green */
+/* yellow */
+/* red */
+/* purple */
+/*  palette    global token*/
+/* color opaque */
+/* color transparent */
+/* blue transparent  */
+/* green transparent  */
+/* yellow transparent  */
+/* red transparent  */
+/* gray transparent */
+/* white transparent */
+/* gradient opaque */
+/* blue radial gradient */
+/* blue linear gradient */
+/* green radial gradient */
+/* yellow radial gradient */
+/* red radial gradient */
+/* gray radial gradient */
+/* white to gray radial gradient */
+/*  white to gray  linear gradient */
+/* gradient transparent */
+/* secondary palette */
+/* purple radial gradient */
+/*  refine alias color   */
+/*  text   */
+/*  link   */
+/*  fill   */
+/*  fill  element  */
+/*  fill  interaction  */
+/*  stroke   */
+/*  background   */
+/*  dim   */
+/*  box shadow   */
+/*  fisheye   */
+/* z-index */
 .tdr270q {
   color: #00122e;
   padding: 7px 0;

package/dist/types/resource.d.ts

@@ -45,11 +45,20 @@ export type RefineFormConfig<Model extends ResourceModel = ResourceModel> = {
     steps?: {
         title: string;
     }[];
+    /** 在指定步骤展示额外提交按钮，用于跳过后续可选步骤并复用当前表单提交链路。 */
+    extraSubmitButton?: {
+        /** 按钮生效的表单操作类型；不填则创建和编辑都生效。 */
+        action?: 'create' | 'edit';
+        /** 按钮出现的步骤索引，从 0 开始。 */
+        step: number;
+        /** 按钮文案；不填则使用当前表单默认提交文案。 */
+        text?: string;
+    };
     /**
-   * 表单字段配置函数
-   * @param props 包含记录和动作类型的配置对象
-   * @returns 表单字段配置数组
-   */
+     * 表单字段配置函数
+     * @param props 包含记录和动作类型的配置对象
+     * @returns 表单字段配置数组
+     */
     fields?: (props: {
         record?: Model;
         records: Model[];
@@ -69,9 +78,9 @@ export type RefineFormConfig<Model extends ResourceModel = ResourceModel> = {
      */
     labelWidth?: string;
     /**
-   * 自定义表单渲染函数
-   * @returns React节点
-   */
+     * 自定义表单渲染函数
+     * @returns React节点
+     */
     renderForm?: () => React.ReactNode;
 };
 export type YamlFormConfig = {
@@ -120,7 +129,7 @@ export type CommonFormConfig<Model extends ResourceModel = ResourceModel> = {
     beforeSubmit?: (values: Record<string, unknown>, setErrors: (errors: string[]) => void) => Promise<Model['_rawYaml']>;
     /** 表单容器类型：页面形式或模态框形式
      * PAGE 或者 MODAL
-    */
+     */
     formContainerType?: FormContainerType;
     /**
      * 表单标题，可以是字符串或根据操作类型返回不同标题的函数
@@ -149,6 +158,21 @@ export type CommonFormConfig<Model extends ResourceModel = ResourceModel> = {
         from: string[];
         to: string[];
     }[];
+    /**
+     * 自定义数据就绪检查（编辑模式下判断初始数据是否加载完成）
+     * 默认检查 metadata.name，非标准 K8s 资源可覆盖
+     */
+    isDataReady?: (formValues: Record<string, unknown>) => boolean;
+    /**
+     * 自定义成功 toast 消息
+     */
+    successMessage?: string | ((action: 'create' | 'edit') => string);
+    /**
+     * 自定义切换 YAML 模式时的提示 Alert 内容
+     * 设为 false 可隐藏 Alert，设为 string/ReactNode 可替换默认文案
+     * 默认显示 dovetail.change_form_mode_alert
+     */
+    changeModeAlert?: React.ReactNode | false;
 };
 export type ResourceConfig<Model extends ResourceModel = ResourceModel> = {
     /** 资源名称，用于 API 调用和路由。
@@ -165,7 +189,7 @@ export type ResourceConfig<Model extends ResourceModel = ResourceModel> = {
     basePath: string;
     /** Kubernetes API 版本，会影响请求 URL
      * 实际效果为：{apiUrl}{basePath}{apiVersion}{name}
-    */
+     */
     apiVersion: string;
     /** 资源使用的 DataProvider 的名称 */
     dataProviderName?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dovetail-v2/refine",
-  "version": "0.4.2-beta.0",
+  "version": "0.4.4",
   "type": "module",
   "files": [
     "dist",
@@ -9,6 +9,20 @@
   "main": "./dist/refine.cjs",
   "module": "./dist/refine.js",
   "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/refine.js",
+      "require": "./dist/refine.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./shell": {
+      "import": "./dist/shell.js",
+      "require": "./dist/shell.cjs",
+      "types": "./dist/shell.d.ts"
+    },
+    "./dist/*": "./dist/*",
+    "./package.json": "./package.json"
+  },
   "dependencies": {
     "@cloudtower/eagle": "^490.0.1",
     "@cloudtower/icons-react": "^490.0.1",
@@ -30,7 +44,7 @@
     "dayjs": "^1.11.10",
     "i18next": "^23.2.3",
     "js-yaml": "^4.1.0",
-    "k8s-api-provider": "^0.0.36",
+    "k8s-api-provider": "^0.0.37",
     "ky": "^0.33.3",
     "lodash-es": "^4.17.21",
     "mitt": "^3.0.1",
@@ -55,7 +69,6 @@
     "@linaria/react": "^4.5.4",
     "@linaria/utils": "^4.5.3",
     "@linaria/vite": "^4.5.4",
-    "@playwright/test": "^1.39.0",
     "@refinedev/cli": "^2.9.0",
     "@rollup/pluginutils": "^4.2.1",
     "@tanstack/react-query": "^4.35.3",
@@ -82,10 +95,9 @@
     "eslint-plugin-react-refresh": "^0.3.4",
     "jest": "^29",
     "json-schema": "^0.4.0",
-    "jest-environment-jsdom": "^30.0.0",
+    "jest-environment-jsdom": "^29.0.0",
     "kubernetes-types": "^1.26.0",
     "lodash": "^4.17.21",
-    "prettier": "2.8.8",
     "sass": "1.51.0",
     "ts-jest": "^29",
     "vite": "^4.5.2",
@@ -109,8 +121,7 @@
     "preview": "refine start",
     "refine": "refine",
     "unit-test": "jest",
-    "playwright-test": "npx playwright test --workers 1",
-    "test": "pnpm unit-test && pnpm playwright-test",
+    "test": "pnpm unit-test",
     "lint": "eslint src --ext .ts,.tsx"
   },
   "browserslist": {