1 line
25 KiB
JSON
1 line
25 KiB
JSON
|
{"ast":null,"code":"import { unit } from '@ant-design/cssinjs';\nimport { resetComponent, resetIcon, textEllipsis } from '../../style';\nimport { genStyleHooks, mergeToken } from '../../theme/internal';\nconst genTransferCustomizeStyle = token => {\n const {\n antCls,\n componentCls,\n listHeight,\n controlHeightLG\n } = token;\n const tableCls = `${antCls}-table`;\n const inputCls = `${antCls}-input`;\n return {\n [`${componentCls}-customize-list`]: {\n [`${componentCls}-list`]: {\n flex: '1 1 50%',\n width: 'auto',\n height: 'auto',\n minHeight: listHeight\n },\n // =================== Hook Components ===================\n [`${tableCls}-wrapper`]: {\n [`${tableCls}-small`]: {\n border: 0,\n borderRadius: 0,\n [`${tableCls}-selection-column`]: {\n width: controlHeightLG,\n minWidth: controlHeightLG\n }\n },\n [`${tableCls}-pagination${tableCls}-pagination`]: {\n margin: 0,\n padding: token.paddingXS\n }\n },\n [`${inputCls}[disabled]`]: {\n backgroundColor: 'transparent'\n }\n }\n };\n};\nconst genTransferStatusColor = (token, color) => {\n const {\n componentCls,\n colorBorder\n } = token;\n return {\n [`${componentCls}-list`]: {\n borderColor: color,\n '&-search:not([disabled])': {\n borderColor: colorBorder\n }\n }\n };\n};\nconst genTransferStatusStyle = token => {\n const {\n componentCls\n } = token;\n return {\n [`${componentCls}-status-error`]: Object.assign({}, genTransferStatusColor(token, token.colorError)),\n [`${componentCls}-status-warning`]: Object.assign({}, genTransferStatusColor(token, token.colorWarning))\n };\n};\nconst genTransferListStyle = token => {\n const {\n componentCls,\n colorBorder,\n colorSplit,\n lineWidth,\n itemHeight,\n headerHeight,\n transferHeaderVerticalPadding,\n itemPaddingBlock,\n controlItemBgActive,\n colorTextDisabled,\n listHeight,\n listWidth,\n listWidthLG,\n fontSizeIcon,\n marginXS,\n paddingSM,\n lineType,\n antCls,\n iconCls,\n motionDurationSlow,\n controlItemBgHover,\n borderRadiusLG,\n colorBgContainer,\n colorText,\n controlItemBgActiveHover\n } = token;\n return {\n display: 'flex',\n flexDirection: 'column',\n width: listWidth,\n height: listHeight,\n border: `${unit(lineWidth)} ${lineType} ${colorBorder}`,\n borderRadius: token.borderRadiusLG,\n '&-with-pagination': {\n width: listWidthLG,\n height: 'auto'\n },\n '&-search': {\n [`${iconCls}-search`]: {\n color: colorTextDisabled\n }\n },\n '&-header': {\n display: 'flex',\n flex: 'none',\n alignItems: 'center',\n height: headerHeight,\n // border-top is on the transfer dom. We should minus 1px for this\n padding: `${unit(token.calc(transferHeaderVerticalPadding).sub(lineWidth).equal())} ${unit(paddingSM)} ${unit(transferHeaderVerticalPadding)}`,\n color: colorText,\n background: colorBgContainer,\n borderBottom: `${unit(lineWidth)} ${lineType} ${colorSplit}`,\n borderRadius: `${unit(borderRadiusLG)} ${unit(borderRadiusLG)} 0 0`,\n '> *:not(:last-child)': {\n marginInlineEnd: 4 // This is magic and fixed number, DO NOT use token since it may change.\n },\n '> *': {\n flex: 'none'\n },\n '&-title': Object.assign(Object.assign({}, textEllipsis), {\n flex: 'auto',\n textAlign: 'end'\n }),\n '&-dropdown': Object.assign(Object.assign({}, resetIcon()), {\n fontSize: fontSizeIcon,\n transform: 'translateY(10%)',\n cursor: 'pointer',\n '&[disabled]': {\n cursor: 'not-allowed'\n }\n })\n },\n '&-body': {\n display: 'flex',\n flex: 'auto',\n flexDirection: 'column',\n fontSize: token.fontSize,\n // https://blog.csdn.net/qq449245884/article/details/107
|