@superad/ui 0.1.1

package/es/Table/react/style.mjs

@@ -0,0 +1,650 @@
+import { Z_EDITOR, Z_POPPER } from "../core/zIndex.mjs";
+import { createStaticStyles } from "antd-style";
+//#region src/Table/react/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	root: css`
+    position: relative;
+
+    overflow: visible;
+
+    width: 100%;
+    min-width: 0;
+
+    background: ${cssVar.colorBgContainer};
+
+    /*
+     * 必须用**后代**选择器：VTable 会在自己的容器外再包一层 div（root > div > .vtable），
+     * 所以子选择器永远匹配不到 —— 这条规则此前是**死代码**，.vtable 的 overflow: hidden
+     * 一直生效。
+     *
+     * 代价是所有编辑浮层都被裁在表格框内：表格默认 autoHeight，只有几十像素高，而选择面板
+     * 有两百多像素 —— 实测候选人列表整体落在裁剪线以下，用户根本点不到（也就选不中、写不回
+     * 单元格）。改回 visible 正是这条规则原本的意图。
+     */
+    .vtable {
+      overflow: visible;
+    }
+
+    canvas {
+      outline: none;
+    }
+  `,
+	hoverFrame: css`
+    pointer-events: none;
+
+    position: absolute;
+    z-index: ${12};
+
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+
+    box-sizing: border-box;
+    padding-inline-end: 4px;
+    border-radius: 6px;
+
+    /* 内容区在铅笔左侧：pencil 24 + 本 padding 4 = EDIT_HINT_GUTTER 28，与画布打包同源。 */
+    outline: 1px solid ${cssVar.colorBorderSecondary};
+    outline-offset: -1px;
+  `,
+	editButton: css`
+    pointer-events: auto;
+    cursor: pointer;
+
+    display: inline-flex;
+    flex: none;
+    align-items: center;
+    justify-content: center;
+
+    width: 24px;
+    height: 24px;
+    margin: 0;
+    padding: 0;
+    border: 1px solid ${cssVar.colorBorderSecondary};
+    border-radius: 6px;
+
+    color: ${cssVar.colorTextSecondary};
+
+    background: ${cssVar.colorBgContainer};
+    box-shadow:
+      ${cssVar.boxShadowSecondary},
+      0 0 0 1px ${cssVar.colorSplit};
+
+    &:hover {
+      background: ${cssVar.colorFillTertiary};
+    }
+  `,
+	chipHover: css`
+    pointer-events: auto;
+    cursor: text;
+
+    position: absolute;
+    inset-block: 0;
+
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+  `,
+	chipRemove: css`
+    cursor: pointer;
+
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+
+    /* 14px 落在 chip 右侧 22px 的留白里（USER_CHIP_TRAILING）—— 不能压到名字上。 */
+    width: 14px;
+    height: 14px;
+    margin: 0;
+    margin-inline-end: 2px;
+    padding: 0;
+    border: 0;
+
+    color: ${cssVar.colorIcon};
+
+    background: transparent;
+
+    transition: color 120ms ${cssVar.motionEaseOut};
+
+    &:hover {
+      color: ${cssVar.colorTextHeading};
+    }
+  `,
+	chipRemoveCompact: css`
+    width: 12px;
+    height: 12px;
+    margin-inline-end: 1px;
+  `,
+	softChip: css`
+    overflow: hidden;
+    display: inline-flex;
+    flex: none;
+    align-items: center;
+
+    box-sizing: content-box;
+    max-width: 100%;
+    height: 12px;
+    padding: 4px;
+    border-radius: 4px;
+
+    font-size: 13px;
+    line-height: 12px;
+    color: ${cssVar.colorText};
+    text-overflow: ellipsis;
+    white-space: nowrap;
+
+    background: ${cssVar.colorFillQuaternary};
+  `,
+	columnSettings: css`
+    position: absolute;
+    z-index: ${35};
+    inset-block-start: 4px;
+    inset-inline-end: 4px;
+  `,
+	columnSettingsTrigger: css`
+    cursor: pointer;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    width: 24px;
+    height: 24px;
+    padding: 0;
+    border: 1px solid transparent;
+    border-radius: 4px;
+
+    font-size: 18px;
+    line-height: 1;
+    color: ${cssVar.colorTextTertiary};
+
+    background: transparent;
+
+    &:hover {
+      color: ${cssVar.colorText};
+      background: ${cssVar.colorFillTertiary};
+    }
+  `,
+	columnSettingsMenu: css`
+    position: absolute;
+    z-index: ${50};
+    inset-block-start: 28px;
+    inset-inline-end: 0;
+
+    box-sizing: border-box;
+    width: 220px;
+    padding: 4px;
+    border: 1px solid ${cssVar.colorBorderSecondary};
+    border-radius: 8px;
+
+    background: ${cssVar.colorBgContainer};
+
+    /* 与 styles.editor 同一套：弥散层与那圈环都走 token，见那边的注释。 */
+    box-shadow:
+      ${cssVar.boxShadowSecondary},
+      0 0 0 1px ${cssVar.colorSplit};
+  `,
+	columnSettingsItem: css`
+    display: flex;
+    gap: 4px;
+    align-items: center;
+
+    box-sizing: border-box;
+    height: 28px;
+    padding-block: 0;
+    padding-inline: 4px;
+    border-radius: 4px;
+
+    &:hover {
+      background: ${cssVar.colorFillTertiary};
+    }
+  `,
+	columnSettingsCheck: css`
+    cursor: pointer;
+
+    display: inline-flex;
+    flex: none;
+    align-items: center;
+    justify-content: center;
+
+    box-sizing: border-box;
+    width: 16px;
+    height: 16px;
+    padding: 0;
+    border: 1px solid ${cssVar.colorBorder};
+    border-radius: 4px;
+
+    font-size: 12px;
+    line-height: 1;
+    color: ${cssVar.colorBgContainer};
+
+    background: ${cssVar.colorBgContainer};
+
+    &[data-checked='true'] {
+      border-color: ${cssVar.colorPrimary};
+      background: ${cssVar.colorPrimary};
+    }
+
+    &:disabled {
+      cursor: default;
+      opacity: 0.4;
+    }
+  `,
+	columnSettingsLabel: css`
+    overflow: hidden;
+    flex: 1;
+
+    min-width: 0;
+
+    font-size: 13px;
+    line-height: 20px;
+    color: ${cssVar.colorText};
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `,
+	columnSettingsMove: css`
+    cursor: pointer;
+
+    display: inline-flex;
+    flex: none;
+    align-items: center;
+    justify-content: center;
+
+    width: 20px;
+    height: 20px;
+    padding: 0;
+    border: 0;
+    border-radius: 4px;
+
+    font-size: 15px;
+    line-height: 1;
+    color: ${cssVar.colorTextSecondary};
+
+    background: transparent;
+
+    &:hover:not(:disabled) {
+      color: ${cssVar.colorText};
+      background: ${cssVar.colorFillTertiary};
+    }
+
+    &:disabled {
+      cursor: default;
+      opacity: 0.3;
+    }
+  `,
+	selectionBar: css`
+    position: absolute;
+    z-index: ${30};
+    inset-block-end: 12px;
+    inset-inline-start: 50%;
+    transform: translateX(-50%);
+
+    display: flex;
+    gap: 8px;
+    align-items: center;
+
+    box-sizing: border-box;
+    height: 32px;
+    padding-block: 0;
+    padding-inline: 12px 4px;
+    border: 1px solid ${cssVar.colorBorderSecondary};
+    border-radius: 8px;
+
+    white-space: nowrap;
+
+    background: ${cssVar.colorBgContainer};
+
+    /* 与 styles.editor 同一套：弥散层与那圈环都走 token，见那边的注释。 */
+    box-shadow:
+      ${cssVar.boxShadowSecondary},
+      0 0 0 1px ${cssVar.colorSplit};
+  `,
+	selectionBarLabel: css`
+    font-size: 13px;
+    line-height: 20px;
+    color: ${cssVar.colorTextSecondary};
+  `,
+	selectionBarButton: css`
+    cursor: pointer;
+
+    height: 24px;
+    padding-block: 0;
+    padding-inline: 8px;
+    border: 0;
+    border-radius: 4px;
+
+    font-size: 13px;
+    line-height: 20px;
+    color: ${cssVar.colorText};
+
+    background: transparent;
+
+    &:hover {
+      background: ${cssVar.colorFillTertiary};
+    }
+  `,
+	resizeGuide: css`
+    pointer-events: none;
+
+    position: absolute;
+    z-index: ${25};
+    inset-block: 0;
+
+    width: 2px;
+
+    background: ${cssVar.colorPrimary};
+  `,
+	a11yGrid: css`
+    position: absolute;
+
+    overflow: hidden;
+
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    border: 0;
+
+    white-space: nowrap;
+
+    clip: rect(0, 0, 0, 0);
+  `,
+	editor: css`
+    position: absolute;
+    z-index: ${Z_EDITOR};
+
+    overflow: hidden;
+    display: flex;
+    gap: 4px;
+    align-items: center;
+
+    box-sizing: border-box;
+    margin: 0;
+    padding-block: 0;
+    padding-inline: 10px;
+    border: none;
+    border-radius: 6px;
+
+    font: inherit;
+    font-size: 14px;
+    line-height: 20px;
+    color: ${cssVar.colorText};
+
+    background: ${cssVar.colorBgElevated};
+    outline: none;
+
+    /*
+     * Notion 编辑浮层：无描边、6px 圆角、一层弥散阴影 + 1px 环。
+     *
+     * **弥散层走 token，不能硬编码近黑。** 暗色下浮层压在同为深色的表格上，
+     * 一层 8% 的纯黑等于没有阴影 —— 这个坑踩过一次（见 ARCHITECTURE.md
+     * 「弹窗样式曾经不跟主题」，以及 canvas/theme.ts 里冻结列阴影按主题换墨色那段）。
+     * boxShadowSecondary 在 token/dark.ts 专门把 alpha 从 0.2 提到 0.4。
+     *
+     * 那圈环走 colorSplit 而**不是** colorBorderSecondary：后者在暗色下实测是
+     * rgb(27,27,27)，与浮层自己的 colorBgElevated 一模一样 —— 环画上去等于没画。
+     * colorSplit 两套主题都是半透明发丝线（暗色是 rgba(246,246,246,0.06)），压在浮层上都看得见。
+     *
+     * 注意这段注释里不能出现反引号：它会把外面的 css 模板字面量提前闭合。
+     */
+    box-shadow:
+      ${cssVar.boxShadowSecondary},
+      0 0 0 1px ${cssVar.colorSplit};
+    caret-color: ${cssVar.colorText};
+
+    transition: box-shadow 120ms ${cssVar.motionEaseOut};
+
+    &::placeholder {
+      font-weight: 400;
+      color: ${cssVar.colorTextQuaternary};
+    }
+
+    /* 提交被拒（数字列收到非数字、JSON 列收到坏 JSON）—— 见 markEditorInvalid。
+       只换那圈环的颜色，弥散层不动。编辑器本身是 focus-within 的，不需要再分一态。 */
+    &[data-superad-invalid] {
+      box-shadow:
+        ${cssVar.boxShadowSecondary},
+        0 0 0 1px ${cssVar.colorError};
+    }
+
+    .ant-picker,
+    .ant-picker-focused,
+    .ant-picker-outlined,
+    .ant-picker-outlined:hover,
+    .ant-picker-outlined:focus-within {
+      width: 100%;
+      height: 100%;
+      padding: 0;
+      border: none !important;
+
+      font: inherit;
+
+      background: transparent !important;
+      outline: none !important;
+      box-shadow: none !important;
+    }
+
+    .ant-picker-active-bar {
+      display: none !important;
+    }
+
+    .ant-picker-input > input {
+      font-size: 14px;
+      line-height: 20px;
+      color: ${cssVar.colorText};
+
+      outline: none;
+      box-shadow: none;
+    }
+  `,
+	editorInput: css`
+    flex: 1;
+
+    min-width: 0;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    border: 0;
+
+    font: inherit;
+    font-size: 14px;
+    line-height: 20px;
+    color: inherit;
+
+    background: transparent;
+    outline: none;
+    caret-color: ${cssVar.colorText};
+  `,
+	copyButton: css`
+    cursor: pointer;
+
+    display: inline-flex;
+    flex: none;
+    align-items: center;
+    justify-content: center;
+
+    width: 24px;
+    height: 24px;
+    margin: 0;
+    padding: 0;
+    border: 0;
+    border-radius: 6px;
+
+    color: ${cssVar.colorTextTertiary};
+
+    background: transparent;
+
+    &:hover {
+      color: ${cssVar.colorText};
+      background: ${cssVar.colorFillTertiary};
+    }
+  `,
+	affix: css`
+    flex: none;
+    color: ${cssVar.colorText};
+  `,
+	picker: css`
+    position: absolute;
+    z-index: ${Z_POPPER};
+
+    overflow: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+
+    box-sizing: border-box;
+
+    /* 宽度由 placePicker 按「单元格宽 + 下限」算好写进行内样式。这里**不能再写 min-width** ——
+       它会盖掉那个下限（选项 240、地址表单 280），实测选项面板被顶成 200。 */
+    max-height: 320px;
+    padding: 6px;
+    border: none;
+    border-radius: 6px;
+
+    font-size: 14px;
+    color: ${cssVar.colorText};
+
+    background: ${cssVar.colorBgElevated};
+
+    /* 与 styles.editor 同一套：弥散层与那圈环都走 token，见那边的注释。 */
+    box-shadow:
+      ${cssVar.boxShadowSecondary},
+      0 0 0 1px ${cssVar.colorSplit};
+  `,
+	pickerSearch: css`
+    position: sticky;
+    z-index: 1;
+    inset-block-start: -6px;
+
+    flex: none;
+
+    height: auto;
+    padding-block: 4px;
+    padding-inline: 6px;
+    border-radius: 0;
+
+    font-size: 14px;
+    line-height: 20px;
+
+    background: ${cssVar.colorBgElevated};
+
+    /* borderless 的聚焦态会画一圈主色 outline —— 搜索框是 autoFocus，一打开就挂着蓝框。
+       antd 那条是 .ant-input-borderless:focus-visible，特异性要压过它。 */
+    &.ant-input-borderless:focus,
+    &.ant-input-borderless:focus-visible,
+    &.ant-input-outlined:focus,
+    &.ant-input-outlined:focus-visible {
+      outline: none;
+      box-shadow: none;
+    }
+  `,
+	addressForm: css`
+    position: absolute;
+    z-index: ${Z_POPPER};
+
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+
+    box-sizing: border-box;
+    min-width: 280px;
+    padding: ${cssVar.paddingXS};
+    border: none;
+    border-radius: 6px;
+
+    font-size: 14px;
+    color: ${cssVar.colorText};
+
+    background: ${cssVar.colorBgElevated};
+
+    /* 与 styles.editor 同一套：弥散层与那圈环都走 token，见那边的注释。 */
+    box-shadow:
+      ${cssVar.boxShadowSecondary},
+      0 0 0 1px ${cssVar.colorSplit};
+  `,
+	addressRow: css`
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 8px;
+  `,
+	addressField: css`
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    min-width: 0;
+  `,
+	addressLabel: css`
+    font-size: 11px;
+    line-height: 16px;
+    color: ${cssVar.colorTextTertiary};
+  `,
+	pickerItem: css`
+    cursor: pointer;
+
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    justify-content: space-between;
+
+    /* 与 antd 下拉里的选项同高同圆角：optionHeight 就是 controlHeight，optionPadding 是
+       横向 controlPaddingHorizontal。竖向不写 padding，让两行的「姓名 + 说明」自己去撑。 */
+    box-sizing: border-box;
+    min-height: ${cssVar.controlHeight};
+    padding-block: 0;
+    padding-inline: ${cssVar.paddingSM};
+    border: 0;
+    border-radius: 6px;
+
+    font: inherit;
+    font-size: 14px;
+    line-height: 20px;
+    color: inherit;
+    text-align: start;
+
+    background: transparent;
+
+    &:hover,
+    &[data-active='true'] {
+      background: ${cssVar.colorFillTertiary};
+    }
+  `,
+	pickerRowMain: css`
+    overflow: hidden;
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+
+    min-width: 0;
+  `,
+	pickerRowName: css`
+    overflow: hidden;
+
+    font-size: 14px;
+    line-height: 20px;
+    color: ${cssVar.colorText};
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `,
+	pickerRowDescription: css`
+    overflow: hidden;
+
+    font-size: 12px;
+    line-height: 16px;
+    color: ${cssVar.colorTextTertiary};
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `,
+	check: css`
+    flex: none;
+
+    width: 14px;
+
+    font-size: 12px;
+    line-height: 1;
+    color: ${cssVar.colorPrimary};
+  `
+}));
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/Table/react/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/Table/react/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport {\n  Z_COLUMN_SETTINGS,\n  Z_DRAG,\n  Z_EDITOR,\n  Z_HOVER,\n  Z_MENU,\n  Z_POPPER,\n  Z_SELECTION_BAR,\n} from '../core/zIndex';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  root: css`\n    position: relative;\n\n    overflow: visible;\n\n    width: 100%;\n    min-width: 0;\n\n    background: ${cssVar.colorBgContainer};\n\n    /*\n     * 必须用**后代**选择器：VTable 会在自己的容器外再包一层 div（root > div > .vtable），\n     * 所以子选择器永远匹配不到 —— 这条规则此前是**死代码**，.vtable 的 overflow: hidden\n     * 一直生效。\n     *\n     * 代价是所有编辑浮层都被裁在表格框内：表格默认 autoHeight，只有几十像素高，而选择面板\n     * 有两百多像素 —— 实测候选人列表整体落在裁剪线以下，用户根本点不到（也就选不中、写不回\n     * 单元格）。改回 visible 正是这条规则原本的意图。\n     */\n    .vtable {\n      overflow: visible;\n    }\n\n    canvas {\n      outline: none;\n    }\n  `,\n  hoverFrame: css`\n    pointer-events: none;\n\n    position: absolute;\n    z-index: ${Z_HOVER};\n\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n\n    box-sizing: border-box;\n    padding-inline-end: 4px;\n    border-radius: 6px;\n\n    /* 内容区在铅笔左侧：pencil 24 + 本 padding 4 = EDIT_HINT_GUTTER 28，与画布打包同源。 */\n    outline: 1px solid ${cssVar.colorBorderSecondary};\n    outline-offset: -1px;\n  `,\n  editButton: css`\n    pointer-events: auto;\n    cursor: pointer;\n\n    display: inline-flex;\n    flex: none;\n    align-items: center;\n    justify-content: center;\n\n    width: 24px;\n    height: 24px;\n    margin: 0;\n    padding: 0;\n    border: 1px solid ${cssVar.colorBorderSecondary};\n    border-radius: 6px;\n\n    color: ${cssVar.colorTextSecondary};\n\n    background: ${cssVar.colorBgContainer};\n    box-shadow:\n      ${cssVar.boxShadowSecondary},\n      0 0 0 1px ${cssVar.colorSplit};\n\n    &:hover {\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n  /* 盖在画布 chip 上的一层透明命中区：位置由 layoutUserChips 算，与画布同一份。\n     必须 pointer-events: auto —— hoverFrame 整体是 none，不打开就收不到 mouseenter。 */\n  chipHover: css`\n    pointer-events: auto;\n    cursor: text;\n\n    position: absolute;\n    inset-block: 0;\n\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n  `,\n  /* 样式取自 antd `Tag closable` 的关闭图标（`tag/style`：`marginInlineStart = 3`、\n     `fontSize = tagIconSize`、`color: colorIcon`、`hover: colorTextHeading`）—— **没有底圈**，\n     只是一颗弱色细 ×。原先那版带 `colorFill` 圆底 + `colorText` 字形，圆底本身比 × 还抢眼，\n     在一排彩色 chip 里像一排按钮。 */\n  chipRemove: css`\n    cursor: pointer;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    /* 14px 落在 chip 右侧 22px 的留白里（USER_CHIP_TRAILING）—— 不能压到名字上。 */\n    width: 14px;\n    height: 14px;\n    margin: 0;\n    margin-inline-end: 2px;\n    padding: 0;\n    border: 0;\n\n    color: ${cssVar.colorIcon};\n\n    background: transparent;\n\n    transition: color 120ms ${cssVar.motionEaseOut};\n\n    &:hover {\n      color: ${cssVar.colorTextHeading};\n    }\n  `,\n  /* 标签 / 数组 / 链接 chip 的 × 比人员 chip 小一号：12 + 1px 外边距 = CHIP_REMOVE_ROOM，\n     整颗落在 CHIP_PAD（14）的右内边距里。人员 chip 的留白宽一档，用 14px 那版。 */\n  chipRemoveCompact: css`\n    width: 12px;\n    height: 12px;\n    margin-inline-end: 1px;\n  `,\n  softChip: css`\n    overflow: hidden;\n    display: inline-flex;\n    flex: none;\n    align-items: center;\n\n    box-sizing: content-box;\n    max-width: 100%;\n    height: 12px;\n    padding: 4px;\n    border-radius: 4px;\n\n    font-size: 13px;\n    line-height: 12px;\n    color: ${cssVar.colorText};\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    background: ${cssVar.colorFillQuaternary};\n  `,\n  columnSettings: css`\n    position: absolute;\n    z-index: ${Z_COLUMN_SETTINGS};\n    inset-block-start: 4px;\n    inset-inline-end: 4px;\n  `,\n  columnSettingsTrigger: css`\n    cursor: pointer;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 24px;\n    height: 24px;\n    padding: 0;\n    border: 1px solid transparent;\n    border-radius: 4px;\n\n    font-size: 18px;\n    line-height: 1;\n    color: ${cssVar.colorTextTertiary};\n\n    background: transparent;\n\n    &:hover {\n      color: ${cssVar.colorText};\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n  columnSettingsMenu: css`\n    position: absolute;\n    z-index: ${Z_MENU};\n    inset-block-start: 28px;\n    inset-inline-end: 0;\n\n    box-sizing: border-box;\n    width: 220px;\n    padding: 4px;\n    border: 1px solid ${cssVar.colorBorderSecondary};\n    border-radius: 8px;\n\n    background: ${cssVar.colorBgContainer};\n\n    /* 与 styles.editor 同一套：弥散层与那圈环都走 token，见那边的注释。 */\n    box-shadow:\n      ${cssVar.boxShadowSecondary},\n      0 0 0 1px ${cssVar.colorSplit};\n  `,\n  columnSettingsItem: css`\n    display: flex;\n    gap: 4px;\n    align-items: center;\n\n    box-sizing: border-box;\n    height: 28px;\n    padding-block: 0;\n    padding-inline: 4px;\n    border-radius: 4px;\n\n    &:hover {\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n  columnSettingsCheck: css`\n    cursor: pointer;\n\n    display: inline-flex;\n    flex: none;\n    align-items: center;\n    justify-content: center;\n\n    box-sizing: border-box;\n    width: 16px;\n    height: 16px;\n    padding: 0;\n    border: 1px solid ${cssVar.colorBorder};\n    border-radius: 4px;\n\n    font-size: 12px;\n    line-height: 1;\n    color: ${cssVar.colorBgContainer};\n\n    background: ${cssVar.colorBgContainer};\n\n    &[data-checked='true'] {\n      border-color: ${cssVar.colorPrimary};\n      background: ${cssVar.colorPrimary};\n    }\n\n    &:disabled {\n      cursor: default;\n      opacity: 0.4;\n    }\n  `,\n  columnSettingsLabel: css`\n    overflow: hidden;\n    flex: 1;\n\n    min-width: 0;\n\n    font-size: 13px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n  columnSettingsMove: css`\n    cursor: pointer;\n\n    display: inline-flex;\n    flex: none;\n    align-items: center;\n    justify-content: center;\n\n    width: 20px;\n    height: 20px;\n    padding: 0;\n    border: 0;\n    border-radius: 4px;\n\n    font-size: 15px;\n    line-height: 1;\n    color: ${cssVar.colorTextSecondary};\n\n    background: transparent;\n\n    &:hover:not(:disabled) {\n      color: ${cssVar.colorText};\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &:disabled {\n      cursor: default;\n      opacity: 0.3;\n    }\n  `,\n  selectionBar: css`\n    position: absolute;\n    z-index: ${Z_SELECTION_BAR};\n    inset-block-end: 12px;\n    inset-inline-start: 50%;\n    transform: translateX(-50%);\n\n    display: flex;\n    gap: 8px;\n    align-items: center;\n\n    box-sizing: border-box;\n    height: 32px;\n    padding-block: 0;\n    padding-inline: 12px 4px;\n    border: 1px solid ${cssVar.colorBorderSecondary};\n    border-radius: 8px;\n\n    white-space: nowrap;\n\n    background: ${cssVar.colorBgContainer};\n\n    /* 与 styles.editor 同一套：弥散层与那圈环都走 token，见那边的注释。 */\n    box-shadow:\n      ${cssVar.boxShadowSecondary},\n      0 0 0 1px ${cssVar.colorSplit};\n  `,\n  selectionBarLabel: css`\n    font-size: 13px;\n    line-height: 20px;\n    color: ${cssVar.colorTextSecondary};\n  `,\n  selectionBarButton: css`\n    cursor: pointer;\n\n    height: 24px;\n    padding-block: 0;\n    padding-inline: 8px;\n    border: 0;\n    border-radius: 4px;\n\n    font-size: 13px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    background: transparent;\n\n    &:hover {\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n  resizeGuide: css`\n    pointer-events: none;\n\n    position: absolute;\n    z-index: ${Z_DRAG};\n    inset-block: 0;\n\n    width: 2px;\n\n    background: ${cssVar.colorPrimary};\n  `,\n  a11yGrid: css`\n    position: absolute;\n\n    overflow: hidden;\n\n    width: 1px;\n    height: 1px;\n    margin: -1px;\n    padding: 0;\n    border: 0;\n\n    white-space: nowrap;\n\n    clip: rect(0, 0, 0, 0);\n  `,\n  editor: css`\n    position: absolute;\n    z-index: ${Z_EDITOR};\n\n    overflow: hidden;\n    display: flex;\n    gap: 4px;\n    align-items: center;\n\n    box-sizing: border-box;\n    margin: 0;\n    padding-block: 0;\n    padding-inline: 10px;\n    border: none;\n    border-radius: 6px;\n\n    font: inherit;\n    font-size: 14px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    background: ${cssVar.colorBgElevated};\n    outline: none;\n\n    /*\n     * Notion 编辑浮层：无描边、6px 圆角、一层弥散阴影 + 1px 环。\n     *\n     * **弥散层走 token，不能硬编码近黑。** 暗色下浮层压在同为深色的表格上，\n     * 一层 8% 的纯黑等于没有阴影 —— 这个坑踩过一次（见 ARCHITECTURE.md\n     * 「弹窗样式曾经不跟主题」，以及 canvas/theme.ts 里冻结列阴影按主题换墨色那段）。\n     * boxShadowSecondary 在 token/dark.ts 专门把 alpha 从 0.2 提到 0.4。\n     *\n     * 那圈环走 colorSplit 而**不是** colorBorderSecondary：后者在暗色下实测是\n     * rgb(27,27,27)，与浮层自己的 colorBgElevated 一模一样 —— 环画上去等于没画。\n     * colorSplit 两套主题都是半透明发丝线（暗色是 rgba(246,246,246,0.06)），压在浮层上都看得见。\n     *\n     * 注意这段注释里不能出现反引号：它会把外面的 css 模板字面量提前闭合。\n     */\n    box-shadow:\n      ${cssVar.boxShadowSecondary},\n      0 0 0 1px ${cssVar.colorSplit};\n    caret-color: ${cssVar.colorText};\n\n    transition: box-shadow 120ms ${cssVar.motionEaseOut};\n\n    &::placeholder {\n      font-weight: 400;\n      color: ${cssVar.colorTextQuaternary};\n    }\n\n    /* 提交被拒（数字列收到非数字、JSON 列收到坏 JSON）—— 见 markEditorInvalid。\n       只换那圈环的颜色，弥散层不动。编辑器本身是 focus-within 的，不需要再分一态。 */\n    &[data-superad-invalid] {\n      box-shadow:\n        ${cssVar.boxShadowSecondary},\n        0 0 0 1px ${cssVar.colorError};\n    }\n\n    .ant-picker,\n    .ant-picker-focused,\n    .ant-picker-outlined,\n    .ant-picker-outlined:hover,\n    .ant-picker-outlined:focus-within {\n      width: 100%;\n      height: 100%;\n      padding: 0;\n      border: none !important;\n\n      font: inherit;\n\n      background: transparent !important;\n      outline: none !important;\n      box-shadow: none !important;\n    }\n\n    .ant-picker-active-bar {\n      display: none !important;\n    }\n\n    .ant-picker-input > input {\n      font-size: 14px;\n      line-height: 20px;\n      color: ${cssVar.colorText};\n\n      outline: none;\n      box-shadow: none;\n    }\n  `,\n  editorInput: css`\n    flex: 1;\n\n    min-width: 0;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    border: 0;\n\n    font: inherit;\n    font-size: 14px;\n    line-height: 20px;\n    color: inherit;\n\n    background: transparent;\n    outline: none;\n    caret-color: ${cssVar.colorText};\n  `,\n  copyButton: css`\n    cursor: pointer;\n\n    display: inline-flex;\n    flex: none;\n    align-items: center;\n    justify-content: center;\n\n    width: 24px;\n    height: 24px;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    border-radius: 6px;\n\n    color: ${cssVar.colorTextTertiary};\n\n    background: transparent;\n\n    &:hover {\n      color: ${cssVar.colorText};\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n  affix: css`\n    flex: none;\n    color: ${cssVar.colorText};\n  `,\n  picker: css`\n    position: absolute;\n    z-index: ${Z_POPPER};\n\n    overflow: auto;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n\n    box-sizing: border-box;\n\n    /* 宽度由 placePicker 按「单元格宽 + 下限」算好写进行内样式。这里**不能再写 min-width** ——\n       它会盖掉那个下限（选项 240、地址表单 280），实测选项面板被顶成 200。 */\n    max-height: 320px;\n    padding: 6px;\n    border: none;\n    border-radius: 6px;\n\n    font-size: 14px;\n    color: ${cssVar.colorText};\n\n    background: ${cssVar.colorBgElevated};\n\n    /* 与 styles.editor 同一套：弥散层与那圈环都走 token，见那边的注释。 */\n    box-shadow:\n      ${cssVar.boxShadowSecondary},\n      0 0 0 1px ${cssVar.colorSplit};\n  `,\n  /* 挂在 antd Input 上。Notion 编辑浮层的搜索是无图标、无底部分隔线的一行 placeholder。\n     sticky：候选多时搜索框要吸在面板顶部。面板 padding 是 6px，负偏移才能贴住顶边。 */\n  pickerSearch: css`\n    position: sticky;\n    z-index: 1;\n    inset-block-start: -6px;\n\n    flex: none;\n\n    height: auto;\n    padding-block: 4px;\n    padding-inline: 6px;\n    border-radius: 0;\n\n    font-size: 14px;\n    line-height: 20px;\n\n    background: ${cssVar.colorBgElevated};\n\n    /* borderless 的聚焦态会画一圈主色 outline —— 搜索框是 autoFocus，一打开就挂着蓝框。\n       antd 那条是 .ant-input-borderless:focus-visible，特异性要压过它。 */\n    &.ant-input-borderless:focus,\n    &.ant-input-borderless:focus-visible,\n    &.ant-input-outlined:focus,\n    &.ant-input-outlined:focus-visible {\n      outline: none;\n      box-shadow: none;\n    }\n  `,\n  addressForm: css`\n    position: absolute;\n    z-index: ${Z_POPPER};\n\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n\n    box-sizing: border-box;\n    min-width: 280px;\n    padding: ${cssVar.paddingXS};\n    border: none;\n    border-radius: 6px;\n\n    font-size: 14px;\n    color: ${cssVar.colorText};\n\n    background: ${cssVar.colorBgElevated};\n\n    /* 与 styles.editor 同一套：弥散层与那圈环都走 token，见那边的注释。 */\n    box-shadow:\n      ${cssVar.boxShadowSecondary},\n      0 0 0 1px ${cssVar.colorSplit};\n  `,\n  addressRow: css`\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 8px;\n  `,\n  addressField: css`\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n  `,\n  addressLabel: css`\n    font-size: 11px;\n    line-height: 16px;\n    color: ${cssVar.colorTextTertiary};\n  `,\n  pickerItem: css`\n    cursor: pointer;\n\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    justify-content: space-between;\n\n    /* 与 antd 下拉里的选项同高同圆角：optionHeight 就是 controlHeight，optionPadding 是\n       横向 controlPaddingHorizontal。竖向不写 padding，让两行的「姓名 + 说明」自己去撑。 */\n    box-sizing: border-box;\n    min-height: ${cssVar.controlHeight};\n    padding-block: 0;\n    padding-inline: ${cssVar.paddingSM};\n    border: 0;\n    border-radius: 6px;\n\n    font: inherit;\n    font-size: 14px;\n    line-height: 20px;\n    color: inherit;\n    text-align: start;\n\n    background: transparent;\n\n    &:hover,\n    &[data-active='true'] {\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n  /* 人员行：头像 + 「姓名 / 说明」两行（参考图）。\n     `flex: 1` 不能少：行的 `justify-content` 是 space-between，姓名块不撑开就会被推到行中间\n     —— 头像贴左、姓名飘到正中、✓ 贴右，三截互不相干。撑开之后 ✓ 才是唯一被推到右边的元素。 */\n  pickerRowMain: css`\n    overflow: hidden;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n\n    min-width: 0;\n  `,\n  pickerRowName: css`\n    overflow: hidden;\n\n    font-size: 14px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n  pickerRowDescription: css`\n    overflow: hidden;\n\n    font-size: 12px;\n    line-height: 16px;\n    color: ${cssVar.colorTextTertiary};\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n  check: css`\n    flex: none;\n\n    width: 14px;\n\n    font-size: 12px;\n    line-height: 1;\n    color: ${cssVar.colorPrimary};\n  `,\n}));\n"],"mappings":"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"}