@cozeloop/components 0.0.3 → 0.0.4

package/OWNERS

@@ -1,5 +0,0 @@
-reviewers:
-  - houtao.zzj
-  - qihai
-  - wangziqiang.carl
-approvals_required: 1

package/config/rush-project.json

@@ -1,8 +0,0 @@
-{
-  "operationSettings": [
-    {
-      "operationName": "ts-check",
-      "outputFolderNames": ["./dist/lib"]
-    }
-  ]
-}

package/eslint.config.js

@@ -1,7 +0,0 @@
-const { defineConfig } = require('@coze-arch/eslint-config');
-
-module.exports = defineConfig({
-  packageRoot: __dirname,
-  preset: 'node',
-  rules: {},
-});

package/rslib.config.js

@@ -1,7 +0,0 @@
-import path from 'path';
-
-import { createRslibConfig } from '@cozeloop/rsbuild-config-saas';
-
-export default createRslibConfig({
-  source: { tsconfigPath: path.resolve(__dirname, 'tsconfig.build.json') },
-});

package/script/publish.js

@@ -1,146 +0,0 @@
-const { performance } = require('perf_hooks');
-const path = require('path');
-const fs = require('fs');
-const { execSync } = require('child_process');
-const isBeta = process.argv.includes('--beta');
-
-const pkgPath = path.resolve(__dirname, '..', 'package.json');
-
-// 1. 备份 package.json
-const backupPkg = JSON.parse(fs.readFileSync(pkgPath, 'utf-8'));
-
-// 2. 读取 package.json
-const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf-8'));
-
-// 3. 获取线上最新版本
-let latestVersion = '0.0.0';
-let isFirstPublish = false;
-try {
-  const result = execSync(`npm view ${pkg.name} versions --json`, {
-    encoding: 'utf-8',
-  });
-  console.log('获取线上版本成功', result);
-  let parsed;
-  try {
-    parsed = JSON.parse(result);
-  } catch (parseErr) {
-    console.error('解析线上版本失败:', parseErr);
-    parsed = result;
-  }
-  const versionList = Array.isArray(parsed)
-    ? parsed
-    : typeof parsed === 'string'
-      ? [parsed]
-      : [];
-  const nonBeta = versionList.filter(v => !String(v).includes('-beta'));
-  latestVersion = (nonBeta.length ? nonBeta : versionList).pop() || '0.0.0';
-  if (latestVersion === '0.0.0') {
-    isFirstPublish = true;
-  }
-} catch (e) {
-  console.error('获取线上版本失败:', e);
-  console.warn(
-    '获取线上版本失败，可能是首次发布或网络问题，使用 0.0.0 作为基准',
-  );
-  isFirstPublish = true;
-}
-
-// 4. 计算新版本号（patch +1）
-function bumpPatch(version) {
-  if (isBeta) {
-    console.warn('检测到 --beta 参数，版本号将不进行自动递增');
-    return `${version}-beta-${performance.now()}`; // 如果是 beta 版本，不递增版本号
-  } else {
-    console.log('检测到非 beta 发布，自动递增 patch 版本号');
-    const parts = version.split('.').map(Number);
-    if (parts.length !== 3 || parts.some(isNaN)) {
-      return '0.0.1';
-    }
-
-    parts[2] += 1;
-    return parts.join('.');
-  }
-}
-const newVersion = bumpPatch(latestVersion);
-console.log('即将发布的新版本:', newVersion);
-
-// 5. 处理发布配置
-const botPublishConfig = pkg.botPublishConfig || {};
-
-// 6. 替换 workspace:* 依赖为 latest
-function replaceWorkspaceDeps(deps) {
-  if (!deps) {
-    return deps;
-  }
-
-  const newDeps = {};
-  for (const [pkgName, version] of Object.entries(deps)) {
-    if (version === 'workspace:*') {
-      newDeps[pkgName] = 'latest';
-      console.log(`替换依赖 ${pkgName}: workspace:* -> latest`);
-    } else {
-      newDeps[pkgName] = version;
-    }
-  }
-  return newDeps;
-}
-
-// 替换所有依赖类型中的 workspace:*
-const newPkg = { ...pkg, ...botPublishConfig, version: newVersion };
-newPkg.dependencies = replaceWorkspaceDeps(newPkg.dependencies);
-
-delete newPkg.botPublishConfig;
-
-// 7. 写入临时 package.json
-fs.writeFileSync(pkgPath, JSON.stringify(newPkg, null, 2));
-
-// 8. 执行 build 和 publish
-try {
-  execSync('npm run build:sdk', {
-    stdio: 'inherit',
-  });
-  const distPath = path.resolve(__dirname, '..', 'dist');
-  // 将 dist 文件夹下的 .mjs 文件重命名为 .js 文件
-  function renameMjsToJs(dir) {
-    const files = fs.readdirSync(dir);
-    files.forEach(file => {
-      const filePath = path.join(dir, file);
-      const stat = fs.statSync(filePath);
-
-      if (stat.isDirectory()) {
-        renameMjsToJs(filePath); // 递归处理子目录
-      } else if (file.endsWith('.mjs')) {
-        const newFilePath = filePath.replace(/\.mjs$/, '.js');
-        fs.renameSync(filePath, newFilePath);
-        console.log(`已重命名: ${filePath} -> ${newFilePath}`);
-      }
-    });
-  }
-
-  if (fs.existsSync(distPath)) {
-    renameMjsToJs(distPath);
-  }
-
-  const publishCommand = isFirstPublish
-    ? 'npm publish --access public'
-    : 'npm publish';
-  console.log(`执行发布命令: ${publishCommand}`);
-  execSync(publishCommand, { stdio: 'inherit' });
-} catch (e) {
-  console.error('发布失败:', e);
-} finally {
-  // 9. 还原 package.json
-  try {
-    fs.writeFileSync(pkgPath, JSON.stringify(backupPkg, null, 2));
-    console.log('package.json 已还原');
-  } catch (restoreError) {
-    console.error('还原 package.json 失败:', restoreError);
-    // 如果备份文件不存在，尝试从 git 恢复
-    try {
-      execSync('git checkout -- package.json', { stdio: 'inherit' });
-      console.log('已从 git 恢复 package.json');
-    } catch (gitError) {
-      console.error('从 git 恢复也失败:', gitError);
-    }
-  }
-}

package/src/base-search-select/base-search-form-select.tsx

@@ -1,10 +0,0 @@
-import { withField } from '@coze-arch/coze-design';
-
-import { type BaseSelectProps } from './types';
-import BaseSearchSelect from './base-search-select';
-
-const BaseSearchFormSelect: React.FC<BaseSelectProps> = withField(
-  (props: BaseSelectProps) => <BaseSearchSelect {...props} />,
-);
-
-export default BaseSearchFormSelect;

package/src/base-search-select/base-search-select.tsx

@@ -1,200 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-
-import { isNull, isUndefined } from 'lodash-es';
-import classNames from 'classnames';
-import { useRequest } from 'ahooks';
-import { IconCozRefresh } from '@coze-arch/coze-design/icons';
-import {
-  type RenderSelectedItemFn,
-  Select,
-  type OptionProps,
-  Tooltip,
-  Button,
-} from '@coze-arch/coze-design';
-
-import { getOptionsNotInList, transformValueToArray } from './utils';
-import { type BaseSelectProps } from './types';
-
-import styles from './index.module.less';
-
-/**
- * 基础选择器组件
- * 解决两个主要问题：
- * 1. 初始选中值不在第一页数据中导致只显示ID
- * 2. 搜索后选中值不在结果中导致只显示ID
- */
-// eslint-disable-next-line @coze-arch/max-line-per-function
-const BaseSearchSelect = (props: BaseSelectProps) => {
-  const {
-    optionList: _optionList,
-    loadOptionByIds,
-    value,
-    defaultValue,
-    onSearch,
-    renderSelectedItem,
-    onChangeWithObject,
-    onDropdownVisibleChange,
-    showRefreshBtn,
-    onClickRefresh,
-    disabledCacheOptions,
-  } = props;
-
-  // 是否在搜索中
-  const [searchWord, setSearchWord] = useState('');
-  const [refreshFlag, setRefreshFlag] = useState([]);
-  const [dropdownVisible, setDropdownVisible] = useState(false);
-  const optionMapRef = useRef<Record<string, OptionProps>>({});
-
-  const optionList = useMemo(() => _optionList || [], [_optionList]);
-
-  const isOptionListNotExists = useMemo(() => !_optionList, [_optionList]);
-
-  useEffect(() => {
-    if (isOptionListNotExists) {
-      return;
-    }
-    // 每次 optionList 变化, 将 optionList 中的 option 添加到 optionMapRef 中缓存
-    (optionList || []).forEach(item => {
-      optionMapRef.current[item?.value as string] = item;
-    });
-  }, [optionList]);
-
-  // 初始化
-  useRequest(
-    async () => {
-      const initialValue = value || defaultValue;
-      // 1. 判断 list 有没有value, 有则不发请求
-      if (
-        isUndefined(initialValue) ||
-        isNull(initialValue) ||
-        initialValue === '' ||
-        !loadOptionByIds
-      ) {
-        return;
-      }
-
-      // 2. 判断 optionList 中有没有 value 中不存在的 选项, 有则不发请求
-      const optionsNotInList = getOptionsNotInList({
-        value: initialValue,
-        optionList,
-        onChangeWithObject,
-      });
-
-      if (optionsNotInList.length === 0) {
-        return;
-      }
-
-      try {
-        const payload = transformValueToArray(value, onChangeWithObject);
-        const fetchOptions = await loadOptionByIds(payload);
-        if (fetchOptions) {
-          setRefreshFlag([]);
-          optionMapRef.current = {
-            ...optionMapRef.current,
-            ...fetchOptions.reduce((acc, item) => {
-              acc[item?.value as string] = item;
-              return acc;
-            }, {}),
-          };
-        }
-      } catch (error) {
-        console.error('Failed to load selected option:', error);
-      }
-    },
-    {
-      refreshDeps: [value],
-    },
-  );
-
-  /**
-   * 最后展示的选项
-   */
-  const cacheOptions = useMemo(() => {
-    // searchWord 表示处于搜索中, 不应该展示不在选项列表中的选项
-    if (!value || searchWord || disabledCacheOptions) {
-      return optionList;
-    }
-
-    const optionsNotInList = getOptionsNotInList({
-      value,
-      optionList,
-      onChangeWithObject,
-    });
-
-    // value 所有选项都在选项列表中, 直接返回
-    if (optionsNotInList.length === 0) {
-      return optionList;
-    }
-
-    // value 不在选项列表, 则对value进行处理, 前面已经处理为arr了
-    // 所以这里可以直接按arr 处理 返回缓存中的选项
-    const optionsInCache = optionsNotInList.map(k => optionMapRef.current[k]);
-    // 有可能存在远端数据被删除，id无法拉去到的情况
-    const newOptions = [...optionsInCache, ...optionList].filter(Boolean);
-    return newOptions;
-  }, [optionList, value, searchWord, refreshFlag]);
-
-  /**
-   * 选中项渲染, 如果list中没有, 从缓存中拿当前的选种值
-   */
-  const RenderSelectedItem = useCallback(
-    (optionNode: Record<string, unknown>, multipleProps?: any) => {
-      const renderOpt =
-        optionMapRef.current[optionNode?.value as string] || optionNode;
-
-      if (renderSelectedItem) {
-        return renderSelectedItem(renderOpt, multipleProps);
-      }
-      // 多选
-      if (multipleProps) {
-        return {
-          isRenderInTag: true,
-          content: renderOpt?.label || renderOpt?.value,
-        };
-      }
-      return renderOpt?.label || renderOpt?.value;
-    },
-    [renderSelectedItem],
-  );
-
-  return (
-    <Select
-      suffix={
-        showRefreshBtn && dropdownVisible ? (
-          <Tooltip theme="dark" content="刷新">
-            <div className="flex flex-row items-center">
-              <Button
-                className="!h-6 !w-6"
-                icon={<IconCozRefresh />}
-                size="small"
-                color="secondary"
-                onClick={() => onClickRefresh?.()}
-              />
-              <div className="h-3 w-0 border-0 border-l border-solid coz-stroke-primary ml-[2px]" />
-            </div>
-          </Tooltip>
-        ) : null
-      }
-      {...props}
-      onDropdownVisibleChange={visible => {
-        setDropdownVisible(visible);
-        onDropdownVisibleChange?.(visible);
-      }}
-      dropdownClassName={classNames(
-        styles['select-dropdown-style'],
-        props.dropdownClassName,
-      )}
-      optionList={isOptionListNotExists ? undefined : cacheOptions}
-      renderSelectedItem={RenderSelectedItem as RenderSelectedItemFn}
-      onSearch={(vs, e) => {
-        setSearchWord(vs);
-        if (onSearch) {
-          onSearch?.(vs, e);
-        }
-      }}
-    />
-  );
-};
-
-export default BaseSearchSelect;

package/src/base-search-select/index.module.less

@@ -1,16 +0,0 @@
-/* stylelint-disable selector-class-pattern */
-.select-dropdown-style {
-  :global {
-    .coz-select-option-item .option-text-wrapper {
-      padding-left: 8px;
-      .option-text {
-        padding-left: 0px;
-      }
-    }
-    .coz-select-option-item.disabled {
-      .option-text-wrapper {
-        color: rgba(var(--coze-fg-1), var(--coze-fg-1-alpha));
-      }
-    }
-  }
-}

package/src/base-search-select/index.tsx

@@ -1,3 +0,0 @@
-export { default as BaseSearchSelect } from './base-search-select';
-export { default as BaseSearchFormSelect } from './base-search-form-select';
-export { type BaseSelectProps, type LoadOptionByIds } from './types';

package/src/base-search-select/types.ts

@@ -1,16 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { type OptionProps, type SelectProps } from '@coze-arch/coze-design';
-
-export type LoadOptionByIds = (
-  ids: string[] | number[],
-) => Promise<(OptionProps & { [key: string]: any })[]>;
-
-export interface BaseSelectProps extends SelectProps {
-  /** 是否禁用缓存选项 */
-  disabledCacheOptions?: boolean;
-  loadOptionByIds?: LoadOptionByIds;
-  /** 是否显示刷新按钮 */
-  showRefreshBtn?: boolean;
-  /** 点击刷新按钮的回调 */
-  onClickRefresh?: () => void;
-}

package/src/base-search-select/utils.ts

@@ -1,78 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-export const transformValueToArray = (
-  value: any,
-  onChangeWithObject = false,
-): string[] | number[] => {
-  // 对象传入
-  if (onChangeWithObject) {
-    // 对象数组
-    if (Array.isArray(value)) {
-      return value.map(item => item?.value || '').filter(Boolean);
-    }
-    // 单个对象
-    return value?.value ? [value?.value] : [];
-  }
-  // 普通数组 或 字符串
-  return Array.isArray(value) ? value : [value];
-};
-
-// 过滤 value 中不在 optionlist 中的 option
-export const filterValueNotInOptionList = (
-  value: any,
-  optionSet: Set<string | number | undefined>,
-  onChangeWithObject = false,
-): Int64[] => {
-  if (onChangeWithObject) {
-    // 对象数组
-    if (Array.isArray(value)) {
-      return value
-        .filter(item => !optionSet.has(item?.value))
-        .map(it => it?.value);
-    }
-    // 单个对象
-    return optionSet.has(value?.value) ? [] : [value?.value];
-  }
-
-  if (Array.isArray(value)) {
-    return value.filter(item => !optionSet.has(item));
-  }
-
-  if (typeof value === 'string' || typeof value === 'number') {
-    return optionSet.has(value) ? [] : [value];
-  }
-
-  return [];
-};
-
-export const getOptionsNotInList = ({
-  value,
-  optionList,
-  onChangeWithObject = false,
-}: {
-  value: any;
-  optionList: any[];
-  onChangeWithObject?: boolean;
-}) => {
-  // 集合
-  const existingValues = new Set(optionList.map(item => item.value));
-
-  // 找到 value 里面不在选项列表中的选项
-  const optionsNotInList = filterValueNotInOptionList(
-    value,
-    existingValues,
-    onChangeWithObject,
-  );
-  return optionsNotInList;
-};
-
-export const initialValueChecker = (
-  value: any,
-  optionList: any[],
-  onChangeWithObject = false,
-) => {
-  if (typeof value === 'string') {
-    return true;
-  }
-
-  return value;
-};

package/src/basic-card/index.tsx

@@ -1,23 +0,0 @@
-import { type ReactNode } from 'react';
-
-import classNames from 'classnames';
-
-export interface CardProps {
-  title: ReactNode;
-  children?: ReactNode;
-  className?: string;
-}
-
-export const BasicCard = ({ title, children, className }: CardProps) => (
-  <div
-    className={classNames(
-      'border border-solid coz-stroke-plus rounded-[6px] overflow-hidden',
-      className,
-    )}
-  >
-    <div className="text-sm font-medium px-4 h-[44px] flex items-center coze-fg-primary bg-[#F7F7FC]">
-      {title}
-    </div>
-    {children ? <div className="p-4 bg-white">{children}</div> : null}
-  </div>
-);

package/src/card-pane/index.module.less

@@ -1,14 +0,0 @@
-.container {
-  padding: 8px 16px;
-
-  border: 1px solid var(--semi-color-border);
-  border-radius: var(--semi-border-radius-medium);
-}
-
-.shadow {
-  transition: box-shadow 0.3s;
-  &:hover {
-    box-shadow: var(--semi-shadow-elevated);
-    z-index: 1;
-  }
-}

package/src/card-pane/index.tsx

@@ -1,25 +0,0 @@
-import React from 'react';
-
-import classNames from 'classnames';
-
-import styles from './index.module.less';
-
-export interface CardPaneProps extends React.HTMLAttributes<HTMLDivElement> {
-  /* hover 的时候是否展示 shadow 样式 */
-  hoverShadow?: boolean;
-}
-
-export function CardPane({ hoverShadow, className, ...props }: CardPaneProps) {
-  return (
-    <div
-      className={classNames(
-        styles.container,
-        {
-          [styles.shadow]: hoverShadow,
-        },
-        className,
-      )}
-      {...props}
-    />
-  );
-}

package/src/chip-select/index.module.less

@@ -1,17 +0,0 @@
-/* stylelint-disable declaration-no-important */
-.select{
-  height: 24px !important;
-  min-height: 24px !important;
-
-  :global{
-    .semi-select-selection-text{
-      .coz-chip{
-         padding-right: 0;
-      }
-    }
-
-    .semi-select-arrow{
-      padding-left: 0 !important;
-    }
-  }
-}

package/src/chip-select/index.tsx

@@ -1,7 +0,0 @@
-import cls from 'classnames';
-import { Select, type SelectProps } from '@coze-arch/coze-design';
-
-import styles from './index.module.less';
-export const ChipSelect = (props: SelectProps) => (
-  <Select {...props} className={cls(styles.select, props.className)} />
-);

package/src/code-editor/index.tsx

@@ -1,9 +0,0 @@
-/// <reference path="../types.d.ts" />
-export { default as CodeEditor, DiffEditor } from '@monaco-editor/react';
-export { type Monaco, type MonacoDiffEditor } from '@monaco-editor/react';
-export { type editor } from 'monaco-editor';
-import { loader } from '@monaco-editor/react';
-
-loader.config({
-  paths: { vs: MONACO_UNPKG },
-});

package/src/code-usage/code-item.module.less

@@ -1,32 +0,0 @@
-.usage-detail {
-  position: relative;
-  padding-left: 16px;
-
-  padding-bottom: 16px;
-
-
-  &:not(:last-child) {
-    &::before {
-      content: '';
-      position: absolute;
-      left: 6px;
-      top: 20px;
-      bottom: 4px;
-      border-left: 2px solid var(--semi-color-primary);
-    }
-  }
-
-
-  &::after {
-    content: '•';
-    position: absolute;
-    left: 0;
-    top: -2px;
-    margin: auto 0;
-    height: 32px;
-    color: var(--semi-color-primary);
-    font-size: 32px;
-    line-height: 20px;
-
-  }
-}