@jetlinks-web/components 3.3.12 → 3.3.14

package/es/style/variable.js

@@ -1,4 +1 @@
-export default {
-  textColorTitle: '#000',
-  textColorSubtitle: '#263237'
-};
+export default {};

package/lib/AutoComplete/AutoComplete.md

@@ -0,0 +1,41 @@
+### AutoComplete
+
+带搜索的输入选择组件，支持单选与多选（tags）两种模式；单选时可输入任意值并自动补全，未匹配的输入值会作为自定义选项回填。
+
+#### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| value | 当前值（可用 `v-model:value`） | `string \| string[]` | - |
+| multiple | 多选模式，为 `true` 时渲染为 Select tags | `boolean` | `true` |
+| searchKey | 选项匹配字段名，默认取 `options` 的 `label` 字段 | `string` | `'label'` |
+| options | 候选项 | `DefaultOptionType[]` | `[]` |
+| 其余 | 透传 ant-design-vue `Select` / `AutoComplete` 全部 props（`selectProps()`） | - | - |
+
+#### 事件
+
+| 事件 | 说明 | 回调参数 |
+| --- | --- | --- |
+| select | 选中选项时 | `(value, option)` |
+| change | 值变化时 | `(value)` |
+| update:value | 值变化（v-model） | `(value: string \| string[] \| undefined)` |
+
+#### 用法
+
+```vue
+<template>
+  <JAutoComplete
+    v-model:value="value"
+    :options="[{ label: '设备A', value: 'device-a' }]"
+    multiple
+    placeholder="输入或选择"
+  />
+</template>
+```
+
+#### Rules
+
+- 单选模式下输入框中未命中任何选项的值，会在 `select` / `blur` 时自动追加为自定义选项。
+- 匹配逻辑同时支持 `value` 与 `searchKey` 命中的字段（含 `label`），默认大小写敏感、去除首尾空格后比较。
+- `multiple` 模式下使用 `Select` 的 `tags` 模式，选项与自定义值合并展示、按值去重。
+- 其余 props（如 `placeholder`、`disabled`、`allowClear`）直接透传给底层组件，`allowClear` 默认开启。

package/lib/BadgeStatus/BadgeStatus.md

@@ -0,0 +1,37 @@
+### BadgeStatus
+
+状态徽标组件，将业务状态值（如 `success` / `error` / 数字）映射为 Ant Design `Badge` 的颜色徽标。
+
+#### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| text | 徽标文本 | `string` | - |
+| status | 状态值，作为 `statusNames` 的键 | `string \| number` | `'default'` |
+| statusNames | 状态值 → 语义色映射表，支持自定义任意业务状态 | `Record<string, string>` | `{ success, warning, error, default }` |
+
+#### 用法
+
+```vue
+<template>
+  <JBadgeStatus :status="row.status" :text="row.statusText" />
+</template>
+```
+
+自定义状态映射：
+
+```vue
+<template>
+  <JBadgeStatus
+    status="1"
+    text="启用"
+    :status-names="{ 1: 'success', 0: 'error' }"
+  />
+</template>
+```
+
+#### Rules
+
+- 颜色取自内置语义色板：`success`(绿) / `warning`(橙) / `error`(红) / `processing`(蓝) / `default`(灰)，未命中的状态回退为 `default`。
+- `statusNames` 中的值使用语义色名，组件内部通过 `getHexColor` 转为带透明度的 `rgba` 色（默认透明度 0.1）。
+- `text` 为空时仅显示色点，不渲染文字。

package/lib/CardSelect/CardSelect.md

@@ -0,0 +1,56 @@
+### CardSelect
+
+卡片式选择组件，以网格布局渲染一组卡片供单选或多选，可自定义卡片内容。
+
+#### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| value | 当前选中值，可用 `v-model:value` | `string \| string[]` | - |
+| options | 选项列表 | `{ value, label, describe?, disabled? }[]` | `[]` |
+| multiple | 是否多选 | `boolean` | `false` |
+| disabled | 整体禁用 | `boolean` | `false` |
+| column | 网格列数（仅 `layout="horizontal"` 生效） | `number` | `3` |
+| layout | 布局方向：`horizontal` / `vertical` | `string` | `'horizontal'` |
+| itemLayout | 卡片内部布局方向：`horizontal` / `vertical` | `string` | `'horizontal'` |
+
+#### 事件
+
+| 事件 | 说明 | 回调参数 |
+| --- | --- | --- |
+| select | 选中时 | `(value, node)`；多选时为 `(values: string[], nodes)` |
+| change | 值变化时 | 同上 |
+| update:value | 值变化（v-model） | `(value)` |
+
+#### 插槽
+
+| 名称 | 说明 | 作用域参数 |
+| --- | --- | --- |
+| itemRender | 自定义卡片内容 | `{ node }` 当前选项 |
+
+#### 用法
+
+```vue
+<template>
+  <JCardSelect
+    v-model:value="value"
+    :options="options"
+    :column="3"
+    multiple
+  />
+</template>
+
+<script setup lang="ts">
+const options = [
+  { value: '1', label: '基础版', describe: '适合小规模接入' },
+  { value: '2', label: '专业版', describe: '适合中等规模接入' },
+]
+</script>
+```
+
+#### Rules
+
+- 多选模式下通过 `multiple` 属性区分；单选时 `value` 为字符串，多选时为字符串数组。
+- `vertical` 布局下 `column` 不生效（强制 1 列）。
+- 选项项可单独设置 `disabled` 禁用，优先于全局 `disabled`。
+- 选中变化会同步通知 Form 上下文（`Form.useInjectFormItemContext`），与表单校验联动。

package/lib/CardSelect/style/index.js

@@ -15,8 +15,8 @@ var genCardSelectStyle = function genCardSelectStyle(config) {
     gap: '12px'
   }, "".concat(componentCls, "-item"), (0, _defineProperty2.default)({
     padding: '12px',
-    border: '1px solid #e6e6e6',
-    borderRadius: '@border-radius-base',
+    border: "".concat(token.lineWidth, "px solid ").concat(token.colorBorderSecondary),
+    borderRadius: token.borderRadius,
     cursor: 'pointer',
     '&.active': {
       borderColor: token.colorPrimary
@@ -26,7 +26,7 @@ var genCardSelectStyle = function genCardSelectStyle(config) {
       opacity: 0.7
     }
   }, "".concat(componentCls, "-describe"), {
-    color: token.textColorSubtitle
+    color: token.colorTextDescription
   })));
 };
 var _default = exports.default = (0, _styleRegister.default)([genCardSelectStyle]);

package/lib/CheckButton/CheckButton.md

@@ -0,0 +1,37 @@
+### CheckButton
+
+选择按钮组，以按钮形式呈现多选选项，可单独使用或与 `a-checkbox-group` 组合使用。
+
+#### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| multiple | 多选 | `boolean` | `false` |
+| disabled | 失效状态 | `boolean` | `false` |
+| value | 与 CheckboxGroup 组合使用时的值 | `boolean \| string \| number` | - |
+| options | 选择项 | `{ label: string; value: string; disabled?: boolean }[]` | `[]` |
+| class | 类名 | `string` | - |
+| style | CSS 样式 | `CSSProperties` | `{}` |
+
+#### 事件
+
+| 事件 | 说明 | 回调参数 |
+| --- | --- | --- |
+| change | 变化时回调 | `(keys: string \| string[], nodes: any[])` |
+
+#### 用法
+
+```vue
+<template>
+  <JCheckButton
+    v-model:value="value"
+    :options="[{ label: '在线', value: 'online' }, { label: '离线', value: 'offline' }]"
+  />
+</template>
+```
+
+#### Rules
+
+- `options` 中的每项可单独设置 `disabled`。
+- `multiple` 决定单选还是多选，单选时 `change` 返回单个值。
+- 该组件数据录入语义为"选择"，与表单组件（CheckboxGroup）组合使用时通过 `value` 对接。

package/lib/CheckButton/style/index.js

@@ -19,27 +19,27 @@ var genCheckButtonStyle = function genCheckButtonStyle(config) {
     minWidth: 0,
     padding: '8px',
     borderRadius: token.borderRadius,
-    backgroundColor: '#f2f3f5',
+    backgroundColor: token.colorFillTertiary,
     transition: 'all 0.3s',
-    color: '#333',
+    color: token.colorText,
     textAlign: 'center',
     cursor: 'pointer',
     '&:hover': {
-      backgroundColor: token.colorPrimary,
+      backgroundColor: token.colorPrimaryHover,
       opacity: 0.85,
-      color: '#fff'
+      color: token.colorTextLightSolid
     },
     '&.selected': {
       backgroundColor: token.colorPrimary,
-      color: '#fff'
+      color: token.colorTextLightSolid
     },
     '&.disabled': {
-      backgroundColor: '#f5f5f5',
-      color: '#ccc',
+      backgroundColor: token.colorBgContainerDisabled,
+      color: token.colorTextDisabled,
       cursor: 'not-allowed',
       '&:hover': {
-        backgroundColor: '#f5f5f5',
-        color: '#ccc',
+        backgroundColor: token.colorBgContainerDisabled,
+        color: token.colorTextDisabled,
         opacity: 1
       }
     }

package/lib/ConfigProvider/ConfigProvider.md

@@ -0,0 +1,40 @@
+### ConfigProvider
+
+全局配置 Provider，为 JetLinks 组件体系提供统一的应用级配置与国际化上下文，同时透传 ant-design-vue `ConfigProvider` 的能力。
+
+#### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| IconConfig | 全局 Icon 配置（如 iconfont `scriptUrl`） | `object` | `{}` |
+| MapConfig | 全局地图配置 | `object` | `{}` |
+| SearchConfig | 全局搜索组件配置 | `object` | `{}` |
+| PermissionButtonConfig | 全局权限按钮配置（如自定义 `components`） | `object` | `{}` |
+| FullPageConfig | 全屏页面容器配置（如 `reduceHeight`） | `object` | `{}` |
+| TableConfig | ProTable 全局配置 | `object` | `{}` |
+| componentsLocale | 组件文案语言包 | `object` | 内置 `zh-CN` |
+| 其余 | 透传 ant-design-vue `ConfigProvider` props（如 `locale`、`theme`） | - | - |
+
+#### 插槽
+
+| 名称 | 说明 |
+| --- | --- |
+| default | 应用内容 |
+| renderEmpty | 自定义全局空状态渲染（默认使用 `JEmpty`） |
+
+#### 用法
+
+```vue
+<template>
+  <JConfigProvider :locale="zhCN" :theme="{ token: { colorPrimary: '#1677ff' } }">
+    <router-view />
+  </JConfigProvider>
+</template>
+```
+
+#### Rules
+
+- 通过 Vue `provide` 注入以下配置，供全组件体系消费：Icon / Map / Search / PermissionButton / FullPage / ProTable（Table）。
+- 空状态统一由内置 `JEmpty` 兜底，可通过 `renderEmpty` 插槽覆盖。
+- 内部自动包装 `JLocaleProvider`，`componentsLocale` 缺省使用内置中文语言包。
+- 兼容 `ConfigProvider.config()` 静态方法（如 `Message` 主题配置）。

package/lib/DragModal/DragModal.md

@@ -0,0 +1,47 @@
+### DragModal
+
+可拖拽、可缩放的模态弹窗，替代固定尺寸弹窗用于需要调整视口的场景；支持右下角手柄缩放、标题栏拖拽。
+
+#### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| title | 标题；传 `false` 隐藏标题栏 | `string \| boolean` | `''` |
+| width | 初始宽度（px） | `number` | `400` |
+| height | 初始高度（px） | `number` | `100` |
+| dragRang | 最小缩放尺寸 `[最小宽, 最小高]`（px） | `number[] \| number` | `[400, 200]` |
+| bodyStyle | 内容区自定义样式 | `object` | `{}` |
+| footer | 是否显示底部按钮区；传 `false` 隐藏 | `boolean` | `true` |
+
+#### 事件
+
+| 事件 | 说明 | 回调参数 |
+| --- | --- | --- |
+| cancel | 点击取消 / 关闭按钮 | - |
+| ok | 点击确认按钮 | - |
+| visibleChange | 可见状态变化 | `(visible: boolean)` |
+| heightChange | 拖动改变高度时 | `(height: number)` |
+
+#### 插槽
+
+| 名称 | 说明 |
+| --- | --- |
+| default | 弹窗内容 |
+| footer | 自定义底部按钮区 |
+
+#### 用法
+
+```vue
+<template>
+  <JDragModal v-model:visible="visible" title="高级筛选" :width="640" :drag-rang="[400, 200]">
+    <div>弹窗内容</div>
+  </JDragModal>
+</template>
+```
+
+#### Rules
+
+- 挂载时自动居中于视口；默认位置 `(right - width) / 2, top + 200`。
+- 拖拽/缩放边界以 `dragRang` 为最小宽高，无法缩小到更小。
+- 高度变化通过 `heightChange` 事件实时上报，便于外部记录位置。
+- 底部默认渲染"取消 / 确认"按钮，文案随 `LocaleProvider` 国际化；关闭与取消均触发 `cancel` + `visibleChange(false)`。

package/lib/DragModal/style/index.js

@@ -21,19 +21,19 @@ var genDragModalStyle = function genDragModalStyle(config) {
     flexDirection: 'column',
     overflow: 'hidden',
     zIndex: 23456765435,
-    backgroundColor: '#ffffff',
+    backgroundColor: token.colorBgElevated,
     borderRadius: 4,
-    border: '1px solid #91CAFF',
-    boxShadow: '0 3px 8px 0 rgba(22, 119, 255, 0.24)',
+    border: "".concat(token.lineWidth, "px solid ").concat(token.colorPrimaryBorder),
+    boxShadow: token.boxShadowSecondary,
     header: {
       padding: '5px 15px',
       fontSize: 18,
       fontWeight: 700,
-      color: '#333',
+      color: token.colorTextHeading,
       display: 'flex',
       justifyContent: 'space-between',
       alignItems: 'center',
-      borderBottom: '1px solid #f0f0f0',
+      borderBottom: "".concat(token.lineWidth, "px solid ").concat(token.colorSplit),
       cursor: 'move'
     }
   }, "".concat(componentCls, "-body"), {
@@ -42,7 +42,7 @@ var genDragModalStyle = function genDragModalStyle(config) {
     overflowY: 'auto',
     padding: '24px 20px'
   }), "".concat(componentCls, "-footer"), {
-    borderTop: '1px solid #f0f0f0',
+    borderTop: "".concat(token.lineWidth, "px solid ").concat(token.colorSplit),
     padding: '5px 15px'
   })), "".concat(componentCls, "-range"), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
     position: 'absolute',

package/lib/EditTable/EditTable.md

@@ -0,0 +1,62 @@
+### EditTable
+
+可编辑表格组件，基于虚拟滚动大表（VirtualTable）实现单元格编辑、校验、分组、行内表单、右键菜单与全屏切换，适合大数据的参数/明细录入场景。
+
+#### Props
+
+| 参数 | 说明 | 类型 | 默认值 |
+| --- | --- | --- | --- |
+| columns | 列配置（ant-design-vue Table columns，支持编辑列） | `array` | `[]` |
+| dataSource | 数据数组 | `array` | `[]` |
+| rowKey | 行主键字段 | `string` | `'id'` |
+| height | 表格高度（px） | `number` | `300` |
+| cellHeight | 行高（px），虚拟滚动按此计算 | `number` | `65` |
+| readonly | 只读模式，内容区覆盖遮罩禁止编辑 | `boolean` | `false` |
+| serial | 序号列配置，`false` 关闭 | `object \| boolean` | `{ width: 70, title: '' }` |
+| searchColumns | 搜索列配置（如 `[{ title: '标识', dataIndex: 'id' }]`） | `array` | 内置 `id` / `name` 两列 |
+| openGroup | 开启分组（表头分组条） | `boolean` | `false` |
+| rowSelection | 行选择配置 | `object` | - |
+| validateRowKey | 是否按行校验 | `boolean` | `false` |
+| disableMenu | 禁用右键菜单 | `boolean` | `true` |
+| 其余 | 透传 ant-design-vue `Table` props（`tableProps()`） | - | - |
+
+#### 事件
+
+| 事件 | 说明 | 回调参数 |
+| --- | --- | --- |
+| editChange | 单元格编辑变化 | - |
+| scrollDown | 滚动到底部 | - |
+| rightMenuClick | 右键菜单点击 | - |
+| searchVisibleChange | 搜索可见性变化 | - |
+| groupDelete / groupEdit | 分组删除 / 编辑 | - |
+
+#### 插槽
+
+| 名称 | 说明 | 作用域参数 |
+| --- | --- | --- |
+| extra | 工具栏扩展区 | `{ isFullscreen, fullScreenToggle }` |
+| bodyExtra | 表格主体底部扩展 | - |
+| `#列dataIndex` | 按列自定义单元格渲染 | `{ column, record, index, visibleIndex }` |
+| 其他插槽 | 透传给内部 VirtualTable | - |
+
+#### 用法
+
+```vue
+<template>
+  <JEditTable
+    v-model:dataSource="dataSource"
+    :columns="columns"
+    :height="400"
+    :open-group="true"
+    @editChange="onEditChange"
+  />
+</template>
+```
+
+#### Rules
+
+- 编辑字段通过 `FormItem` 注册（与 `JEditTable` 同步安装），单元格渲染约定见 `CellRender.vue`。
+- 校验错误按行/分组聚合，`fieldsErrMap` / `fieldsGroupError` 驱动行高亮与提示。
+- 大数据量下基于虚拟滚动（`virtual.itemHeight = cellHeight`，`threshold = height / cellHeight`），请勿关闭。
+- 分组功能需在 `openGroup` 时配合 `rowSelection` 使用，分组操作会同步更新 `dataSource` 的分组标记。
+- 全屏切换通过工具栏 `extra` 插槽暴露的 `fullScreenToggle` 触发，全屏态表格占满可视区。

package/lib/EditTable/FormItem.js

@@ -30,6 +30,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "Schema": "setup-maybe-ref",
   "useInjectError": "setup-maybe-ref",
   "useInjectForm": "setup-maybe-ref",
+  "useTableWrapper": "setup-maybe-ref",
   "TABLE_FORM_ITEM_ERROR": "setup-maybe-ref",
   "genEditTableStyle": "setup-maybe-ref",
   "fieldPool": "setup-maybe-ref",
@@ -41,6 +42,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "visible": "setup-ref",
   "context": "setup-maybe-ref",
   "globalErrorMessage": "setup-maybe-ref",
+  "tableWrapperRef": "setup-maybe-ref",
   "hideTimer": "setup-let",
   "cachedSchema": "setup-let",
   "cachedRulesHash": "setup-let",
@@ -76,7 +78,7 @@ import { onBeforeUnmount, computed, shallowReactive, watch, provide, toRaw, onMo
 import { get, isArray } from 'lodash-es';
 import { useProvideFormItemContext } from 'ant-design-vue/lib/form/FormItemContext';
 import Schema from 'async-validator';
-import { useInjectError, useInjectForm } from "./hooks";
+import { useInjectError, useInjectForm, useTableWrapper } from "./hooks";
 import { TABLE_FORM_ITEM_ERROR } from "./consts";
 import genEditTableStyle from './style';
 import { fieldPool } from './fieldPool';
@@ -98,6 +100,7 @@ const __sfc_main__ = _defineComponent({
         const visible = ref(false);
         const context = useInjectForm();
         const globalErrorMessage = useInjectError();
+        const tableWrapperRef = useTableWrapper();
         let hideTimer = null;
         // 缓存 Schema 实例，避免重复创建
         let cachedSchema = null;
@@ -145,7 +148,7 @@ const __sfc_main__ = _defineComponent({
         });
         // 向下提供错误状态
         provide(TABLE_FORM_ITEM_ERROR, errorState);
-        const popContainer = (e) => e;
+        const popContainer = (e) => _optionalChain([tableWrapperRef, 'optionalAccess', _4 => _4.value]) || e.parentElement || document.body;
         const removeTimer = () => {
             if (hideTimer) {
                 clearTimeout(hideTimer);
@@ -171,7 +174,7 @@ const __sfc_main__ = _defineComponent({
                 return props.rules;
             }
             // 从 context 中获取规则
-            if (_optionalChain([context, 'access', _4 => _4.rules, 'optionalAccess', _5 => _5.value]) && fieldName.value) {
+            if (_optionalChain([context, 'access', _5 => _5.rules, 'optionalAccess', _6 => _6.value]) && fieldName.value) {
                 const rules = context.rules.value[fieldName.value];
                 if (Array.isArray(rules)) {
                     return rules;
@@ -210,7 +213,7 @@ const __sfc_main__ = _defineComponent({
                 const schema = getSchema();
                 if (!schema) {
                     hideErrorTip();
-                    _optionalChain([context, 'access', _6 => _6.removeFieldError, 'optionalCall', _7 => _7(eventKey.value)]);
+                    _optionalChain([context, 'access', _7 => _7.removeFieldError, 'optionalCall', _8 => _8(eventKey.value)]);
                     resolve();
                     return;
                 }
@@ -221,12 +224,12 @@ const __sfc_main__ = _defineComponent({
                     if (errors && errors.length > 0) {
                         const errorMsg = errors[0].message || '校验失败';
                         showErrorTip(errorMsg);
-                        _optionalChain([context, 'access', _8 => _8.addFieldError, 'optionalCall', _9 => _9(eventKey.value, errorMsg)]);
+                        _optionalChain([context, 'access', _9 => _9.addFieldError, 'optionalCall', _10 => _10(eventKey.value, errorMsg)]);
                         reject(errors);
                     }
                     else {
                         hideErrorTip();
-                        _optionalChain([context, 'access', _10 => _10.removeFieldError, 'optionalCall', _11 => _11(eventKey.value)]);
+                        _optionalChain([context, 'access', _11 => _11.removeFieldError, 'optionalCall', _12 => _12(eventKey.value)]);
                         resolve();
                     }
                 });
@@ -239,18 +242,18 @@ const __sfc_main__ = _defineComponent({
                 const promise = context.validateItem({ [fieldName.value]: fieldValue.value }, rowIndex.value);
                 promise.then(() => {
                     hideErrorTip();
-                    _optionalChain([context, 'access', _12 => _12.removeFieldError, 'optionalCall', _13 => _13(eventKey.value)]);
+                    _optionalChain([context, 'access', _13 => _13.removeFieldError, 'optionalCall', _14 => _14(eventKey.value)]);
                 }).catch((res) => {
-                    const error = _optionalChain([res, 'optionalAccess', _14 => _14.filter, 'call', _15 => _15((item) => item.field === fieldName.value)]) || [];
+                    const error = _optionalChain([res, 'optionalAccess', _15 => _15.filter, 'call', _16 => _16((item) => item.field === fieldName.value)]) || [];
                     if (error.length === 0) {
                         hideErrorTip();
-                        _optionalChain([context, 'access', _16 => _16.removeFieldError, 'optionalCall', _17 => _17(eventKey.value)]);
+                        _optionalChain([context, 'access', _17 => _17.removeFieldError, 'optionalCall', _18 => _18(eventKey.value)]);
                     }
                     else {
                         removeTimer();
-                        errorState.message = _optionalChain([error, 'access', _18 => _18[0], 'optionalAccess', _19 => _19.message]) || errorState.message;
+                        errorState.message = _optionalChain([error, 'access', _19 => _19[0], 'optionalAccess', _20 => _20.message]) || errorState.message;
                         errorState.visible = !!error.length;
-                        _optionalChain([context, 'access', _20 => _20.addFieldError, 'optionalCall', _21 => _21(eventKey.value, errorState.message)]);
+                        _optionalChain([context, 'access', _21 => _21.addFieldError, 'optionalCall', _22 => _22(eventKey.value, errorState.message)]);
                     }
                 });
                 return promise;
@@ -272,7 +275,7 @@ const __sfc_main__ = _defineComponent({
         }, { immediate: true });
         watch(() => {
             const key = currentEventKey.value;
-            return key ? _optionalChain([globalErrorMessage, 'optionalAccess', _22 => _22.value, 'optionalAccess', _23 => _23[key]]) : undefined;
+            return key ? _optionalChain([globalErrorMessage, 'optionalAccess', _23 => _23.value, 'optionalAccess', _24 => _24[key]]) : undefined;
         }, (errorMsg) => {
             if (errorMsg) {
                 showErrorTip(errorMsg);
@@ -294,7 +297,7 @@ const __sfc_main__ = _defineComponent({
             onFieldChange,
             onFieldBlur,
         }, computed(() => {
-            return get(_optionalChain([context, 'access', _24 => _24.dataSource, 'optionalAccess', _25 => _25.value]), props.name);
+            return get(_optionalChain([context, 'access', _25 => _25.dataSource, 'optionalAccess', _26 => _26.value]), props.name);
         }));
         // 注册字段到父组件 - 使用字段池复用
         let isRegistered = false;
@@ -307,7 +310,7 @@ const __sfc_main__ = _defineComponent({
                     validateRules,
                     showErrorTip
                 });
-                _optionalChain([context, 'access', _26 => _26.addField, 'optionalCall', _27 => _27(eventKey.value, fieldInfo)]);
+                _optionalChain([context, 'access', _27 => _27.addField, 'optionalCall', _28 => _28(eventKey.value, fieldInfo)]);
                 isRegistered = true;
             }
         };
@@ -318,7 +321,7 @@ const __sfc_main__ = _defineComponent({
         onBeforeUnmount(() => {
             removeTimer();
             if (isRegistered) {
-                _optionalChain([context, 'access', _28 => _28.removeField, 'optionalCall', _29 => _29(eventKey.value)]);
+                _optionalChain([context, 'access', _29 => _29.removeField, 'optionalCall', _30 => _30(eventKey.value)]);
                 fieldPool.release(eventKey.value);
                 isRegistered = false;
             }

package/lib/EditTable/components/Search/sort.js

@@ -22,16 +22,21 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "active": "props",
   "useTableTool": "setup-maybe-ref",
   "useTableWrapper": "setup-maybe-ref",
+  "computed": "setup-const",
   "ref": "setup-const",
   "reactive": "setup-const",
+  "theme": "setup-maybe-ref",
   "useLocaleReceiver": "setup-maybe-ref",
   "props": "setup-reactive-const",
   "emit": "setup-const",
   "contextLocale": "setup-maybe-ref",
   "tableWrapperRef": "setup-maybe-ref",
   "tableTool": "setup-maybe-ref",
+  "token": "setup-maybe-ref",
   "visible": "setup-ref",
   "mySelectedRowKeys": "setup-ref",
+  "sortIconColor": "setup-ref",
+  "sortIconActiveColor": "setup-ref",
   "columns": "setup-reactive-const",
   "visibleChange": "setup-const",
   "onSelectChange": "setup-const",
@@ -40,13 +45,15 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "onAsc": "setup-const",
   "onDesc": "setup-const"
 } */
+import { useCssVars as _useCssVars } from 'vue';
 import { unref as _unref, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, withCtx as _withCtx, createVNode as _createVNode, normalizeClass as _normalizeClass } from "vue";
 const _hoisted_1 = { class: "jetlinks-table-sort-content" };
 const _hoisted_2 = { class: "jetlinks-table-sort-title" };
 const _hoisted_3 = { class: "table-sort-body" };
 const _hoisted_4 = { class: "jetlinks-table-sort-footer" };
 import { useTableTool, useTableWrapper } from "../../context";
-import { ref, reactive } from 'vue';
+import { computed, ref, reactive } from 'vue';
+import { theme } from 'ant-design-vue';
 import { useLocaleReceiver } from "../../../LocaleReciver";
 const __sfc_main__ = Object.assign({
     name: 'JEditTableSearchSort'
@@ -75,14 +82,21 @@ const __sfc_main__ = Object.assign({
     },
     emits: ['click'],
     setup(__props, { emit: __emit }) {
+        _useCssVars(_ctx => ({
+            "1787918239757-sortIconColor": (sortIconColor.value),
+            "1787918239757-sortIconActiveColor": (sortIconActiveColor.value)
+        }));
         const props = __props;
         const emit = __emit;
         const [contextLocale] = useLocaleReceiver('EditTable');
         const tableWrapperRef = useTableWrapper();
         const tableTool = useTableTool();
+        const { token } = theme.useToken();
         const visible = ref(false);
         const dataSource = ref([]);
         const mySelectedRowKeys = ref([]);
+        const sortIconColor = computed(() => token.value.colorTextDisabled);
+        const sortIconActiveColor = computed(() => token.value.colorPrimary);
         const columns = reactive([
             {
                 dataIndex: 'name',