first commit

frontend/node_modules/antd/es/tree-select/style/index.d.ts

@@ -0,0 +1,6 @@
+import type { GetDefaultToken } from '../../theme/internal';
+import type { TreeSharedToken } from '../../tree/style';
+export interface ComponentToken extends TreeSharedToken {
+}
+export declare const prepareComponentToken: GetDefaultToken<'TreeSelect'>;
+export default function useTreeSelectStyle(prefixCls: string, treePrefixCls: string, rootCls: string): readonly [(node: React.ReactElement) => React.ReactElement, string, string];

frontend/node_modules/antd/es/tree-select/style/index.js

@@ -0,0 +1,61 @@
+import { unit } from '@ant-design/cssinjs';
+import { getStyle as getCheckboxStyle } from '../../checkbox/style';
+import { genStyleHooks, mergeToken } from '../../theme/internal';
+import { genTreeStyle, initComponentToken } from '../../tree/style';
+// =============================== Base ===============================
+const genBaseStyle = token => {
+  const {
+    componentCls,
+    treePrefixCls,
+    colorBgElevated
+  } = token;
+  const treeCls = `.${treePrefixCls}`;
+  return [
+  // ======================================================
+  // ==                     Dropdown                     ==
+  // ======================================================
+  {
+    [`${componentCls}-dropdown`]: [{
+      padding: `${unit(token.paddingXS)} ${unit(token.calc(token.paddingXS).div(2).equal())}`
+    },
+    // ====================== Tree ======================
+    genTreeStyle(treePrefixCls, mergeToken(token, {
+      colorBgContainer: colorBgElevated
+    }), false), {
+      [treeCls]: {
+        borderRadius: 0,
+        [`${treeCls}-list-holder-inner`]: {
+          alignItems: 'stretch',
+          [`${treeCls}-treenode`]: {
+            [`${treeCls}-node-content-wrapper`]: {
+              flex: 'auto'
+            }
+          }
+        }
+      }
+    },
+    // ==================== Checkbox ====================
+    getCheckboxStyle(`${treePrefixCls}-checkbox`, token),
+    // ====================== RTL =======================
+    {
+      '&-rtl': {
+        direction: 'rtl',
+        [`${treeCls}-switcher${treeCls}-switcher_close`]: {
+          [`${treeCls}-switcher-icon svg`]: {
+            transform: 'rotate(90deg)'
+          }
+        }
+      }
+    }]
+  }];
+};
+export const prepareComponentToken = initComponentToken;
+// ============================== Export ==============================
+export default function useTreeSelectStyle(prefixCls, treePrefixCls, rootCls) {
+  return genStyleHooks('TreeSelect', token => {
+    const treeSelectToken = mergeToken(token, {
+      treePrefixCls
+    });
+    return genBaseStyle(treeSelectToken);
+  }, initComponentToken)(prefixCls, rootCls);
+}