@easyv/biz-components 1.0.22 → 1.0.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ant-components/input/input.d.ts +1 -1
- package/dist/ant-components/input/input.es.js +1 -2
- package/dist/ant-components/input/input.es.js.map +1 -1
- package/dist/ant-components/input/input.module.less.es.js +1 -1
- package/dist/components/ai-model-select/ai-model-select-panel.d.ts +6 -0
- package/dist/components/ai-model-select/ai-model-select-panel.es.js +22 -23
- package/dist/components/ai-model-select/ai-model-select-panel.es.js.map +1 -1
- package/dist/stats.html +1 -1
- package/dist/style.pkg.css +1 -1
- package/dist/tailwindcss.pkg.css +1 -1
- package/package.json +3 -2
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { j as jsxRuntimeExports } from "../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.es.js";
|
|
2
2
|
import Input from "../../node_modules/.pnpm/antd@4.24.1_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/antd/es/input/index.es.js";
|
|
3
3
|
import classNames from "../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.es.js";
|
|
4
|
-
/* empty css */
|
|
5
4
|
import styles from "./input.module.less.es.js";
|
|
6
5
|
const EasyvInput = (props) => {
|
|
7
6
|
const { className = "", ...rest } = props;
|
|
8
|
-
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles["easyv-input"], children: /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { className: classNames("biz-bg-bg-white", className), ...rest }) });
|
|
7
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles["easyv-input-wrapper"], children: /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { className: classNames("biz-bg-bg-white", className), ...rest }) });
|
|
9
8
|
};
|
|
10
9
|
export {
|
|
11
10
|
EasyvInput
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.es.js","sources":["../../../src/ant-components/input/input.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"input.es.js","sources":["../../../src/ant-components/input/input.tsx"],"sourcesContent":["// import 'antd/es/input/style/index.css';\nimport { ComponentProps } from 'react';\nimport Input from 'antd/es/input';\nimport classNames from 'classnames';\nimport styles from './input.module.less';\n\nexport interface EasyvInputProps {\n className?: string;\n}\n\ntype inputProps = ComponentProps<typeof Input>;\n\nexport const EasyvInput = (props: inputProps) => {\n const { className = '', ...rest } = props;\n\n return (\n <div className={styles['easyv-input-wrapper']}>\n <Input className={classNames('biz-bg-bg-white', className)} {...rest} />\n </div>\n );\n};\n"],"names":["jsx"],"mappings":";;;;AAYa,MAAA,aAAa,CAAC,UAAsB;AAC/C,QAAM,EAAE,YAAY,IAAI,GAAG,KAAS,IAAA;AAEpC,SACGA,kCAAAA,IAAA,OAAA,EAAI,WAAW,OAAO,qBAAqB,GAC1C,UAAAA,kCAAA,IAAC,OAAM,EAAA,WAAW,WAAW,mBAAmB,SAAS,GAAI,GAAG,KAAM,CAAA,GACxE;AAEJ;"}
|
|
@@ -7,5 +7,11 @@ export interface AiModelSelectPanelProps {
|
|
|
7
7
|
style?: React.CSSProperties;
|
|
8
8
|
titleClassName?: string;
|
|
9
9
|
itemClassName?: string;
|
|
10
|
+
renderInput: (props: {
|
|
11
|
+
value: string;
|
|
12
|
+
onChange: (value: string) => void;
|
|
13
|
+
onPressEnter: () => void;
|
|
14
|
+
onBlur: () => void;
|
|
15
|
+
}) => React.ReactNode;
|
|
10
16
|
}
|
|
11
17
|
export declare const AiModelSelectPanel: (props: AiModelSelectPanelProps) => JSX.Element;
|
|
@@ -3,7 +3,6 @@ import { useState } from "react";
|
|
|
3
3
|
import { PlusOutlined, EditOutlined } from "../../node_modules/.pnpm/@easyv_react-icons@6.3.0/node_modules/@easyv/react-icons/dist/index.esm.es.js";
|
|
4
4
|
import classNames from "../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.es.js";
|
|
5
5
|
import { produce } from "../../node_modules/.pnpm/immer@10.1.1/node_modules/immer/dist/immer.es.js";
|
|
6
|
-
import { EasyvInput } from "../../ant-components/input/input.es.js";
|
|
7
6
|
import { IconBtn } from "./iconBtn.es.js";
|
|
8
7
|
const AiModelSelectPanel = (props) => {
|
|
9
8
|
const {
|
|
@@ -12,7 +11,8 @@ const AiModelSelectPanel = (props) => {
|
|
|
12
11
|
onSelect,
|
|
13
12
|
style,
|
|
14
13
|
titleClassName,
|
|
15
|
-
itemClassName
|
|
14
|
+
itemClassName,
|
|
15
|
+
renderInput
|
|
16
16
|
} = props;
|
|
17
17
|
const [customModelServiceProviderList, setCustomModelServiceProviderList] = useState(
|
|
18
18
|
modelServiceProviderList.filter((item) => item.isCustom)
|
|
@@ -71,6 +71,20 @@ const AiModelSelectPanel = (props) => {
|
|
|
71
71
|
}
|
|
72
72
|
)
|
|
73
73
|
] });
|
|
74
|
+
const handlePressEnter = () => {
|
|
75
|
+
if (inputValue) {
|
|
76
|
+
setCustomModelServiceProviderList(
|
|
77
|
+
produce(customModelServiceProviderList, (draft) => {
|
|
78
|
+
const index = draft.findIndex((i) => i.id === modelProvider.id);
|
|
79
|
+
if (index !== -1) {
|
|
80
|
+
draft[index].modelList = [{ id: inputValue, name: inputValue }];
|
|
81
|
+
}
|
|
82
|
+
})
|
|
83
|
+
);
|
|
84
|
+
setShowInputProviderId("");
|
|
85
|
+
setInputValue("");
|
|
86
|
+
}
|
|
87
|
+
};
|
|
74
88
|
return /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
75
89
|
"div",
|
|
76
90
|
{
|
|
@@ -85,27 +99,12 @@ const AiModelSelectPanel = (props) => {
|
|
|
85
99
|
handleSelect(modelProvider, model);
|
|
86
100
|
}
|
|
87
101
|
},
|
|
88
|
-
children: showInputProviderId === modelProvider.id ?
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
placeholder: "输入后，回车创建",
|
|
95
|
-
onPressEnter: () => {
|
|
96
|
-
setCustomModelServiceProviderList(
|
|
97
|
-
produce(customModelServiceProviderList, (draft) => {
|
|
98
|
-
const index = draft.findIndex((i) => i.id === modelProvider.id);
|
|
99
|
-
if (index !== -1) {
|
|
100
|
-
draft[index].modelList = [{ id: inputValue, name: inputValue }];
|
|
101
|
-
}
|
|
102
|
-
})
|
|
103
|
-
);
|
|
104
|
-
setShowInputProviderId("");
|
|
105
|
-
setInputValue("");
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
) }) : normalContent
|
|
102
|
+
children: showInputProviderId === modelProvider.id ? renderInput({
|
|
103
|
+
value: inputValue,
|
|
104
|
+
onChange: (value) => setInputValue(value),
|
|
105
|
+
onPressEnter: handlePressEnter,
|
|
106
|
+
onBlur: handlePressEnter
|
|
107
|
+
}) : normalContent
|
|
109
108
|
},
|
|
110
109
|
model == null ? void 0 : model.id
|
|
111
110
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ai-model-select-panel.es.js","sources":["../../../src/components/ai-model-select/ai-model-select-panel.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { EditOutlined, PlusOutlined } from '@easyv/react-icons';\nimport classNames from 'classnames';\nimport { produce } from 'immer';\nimport {
|
|
1
|
+
{"version":3,"file":"ai-model-select-panel.es.js","sources":["../../../src/components/ai-model-select/ai-model-select-panel.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { EditOutlined, PlusOutlined } from '@easyv/react-icons';\nimport classNames from 'classnames';\nimport { produce } from 'immer';\nimport { IconBtn } from './iconBtn';\nimport { AiModel, AiModelServiceProvider } from './types';\n\nexport interface AiModelSelectPanelProps {\n className?: string;\n modelServiceProviderList: AiModelServiceProvider[];\n onSelect?: (AiModelServiceProvider: AiModelServiceProvider, model: AiModel) => void;\n style?: React.CSSProperties;\n titleClassName?: string;\n itemClassName?: string;\n renderInput: (props: {\n value: string;\n onChange: (value: string) => void;\n onPressEnter: () => void;\n onBlur: () => void;\n }) => React.ReactNode;\n}\n\nexport const AiModelSelectPanel = (props: AiModelSelectPanelProps) => {\n const {\n className = '',\n modelServiceProviderList,\n onSelect,\n style,\n titleClassName,\n itemClassName,\n renderInput,\n } = props;\n\n const [customModelServiceProviderList, setCustomModelServiceProviderList] = useState(\n modelServiceProviderList.filter((item) => item.isCustom),\n );\n const [showInputProviderId, setShowInputProviderId] = useState<string>('');\n const [inputValue, setInputValue] = useState<string>('');\n\n const otherModelServiceProviderList = modelServiceProviderList.filter((item) => !item.isCustom);\n\n const handleSelect = (modelProvider: AiModelServiceProvider, model: AiModel) => {\n onSelect?.(modelProvider, model);\n };\n\n const renderTitle = (modelProvider: AiModelServiceProvider) => {\n return (\n <div\n className={classNames(\n 'biz-h-6 biz-text-text-3 biz-px-3 biz-pt-1 biz-w-full',\n 'biz-flex biz-items-center biz-box-border biz-gap-2.5 biz-text-[14px]',\n titleClassName,\n )}\n title={modelProvider.name}\n >\n <div className='biz-w-0 biz-flex-1 biz-truncate'>{modelProvider.name}</div>\n {modelProvider.isCustom && modelProvider.modelList.length === 0 && (\n <IconBtn\n onClick={() => {\n setShowInputProviderId(modelProvider.id);\n }}\n icon={\n <PlusOutlined className='biz-w-3 biz-h-3 biz-text-text-2 hover:biz-text-text-1 biz-flex-center' />\n }\n />\n )}\n </div>\n );\n };\n\n const renderItem = (modelProvider: AiModelServiceProvider, model?: AiModel) => {\n if (modelProvider.isCustom) {\n if (modelProvider.id !== showInputProviderId && !modelProvider.modelList?.length) {\n return null;\n }\n }\n const normalContent = (\n <>\n <img src={modelProvider.iconSrc} className='biz-w-4 biz-h-4' />\n <div className='biz-truncate biz-w-0 biz-flex-1 biz-text-[14px]' title={model?.name}>\n {model?.name}\n </div>\n {modelProvider.isCustom && (\n <IconBtn\n onClick={() => {\n setShowInputProviderId(modelProvider.id);\n setInputValue(model?.name || '');\n }}\n className='biz-hidden group-hover:!biz-flex'\n style={{ display: 'none' }}\n icon={\n <EditOutlined className='biz-w-3 biz-h-3 biz-text-text-2 hover:biz-text-text-1 biz-flex-center' />\n }\n />\n )}\n </>\n );\n\n const handlePressEnter = () => {\n if (inputValue) {\n setCustomModelServiceProviderList(\n produce(customModelServiceProviderList, (draft) => {\n const index = draft.findIndex((i) => i.id === modelProvider.id);\n if (index !== -1) {\n draft[index].modelList = [{ id: inputValue, name: inputValue }];\n }\n }),\n );\n setShowInputProviderId('');\n setInputValue('');\n }\n };\n\n return (\n <div\n key={model?.id}\n className={classNames(\n 'biz-px-3 biz-py-[3px] biz-flex biz-items-center biz-gap-2',\n 'biz-text-text-2 biz-h-8 biz-w-full biz-box-border',\n 'hover:biz-bg-bg-white biz-cursor-pointer biz-group',\n itemClassName,\n )}\n onClick={() => {\n if (model && !showInputProviderId) {\n handleSelect(modelProvider, model);\n }\n }}\n >\n {showInputProviderId === modelProvider.id\n ? renderInput({\n value: inputValue,\n onChange: (value) => setInputValue(value),\n onPressEnter: handlePressEnter,\n onBlur: handlePressEnter,\n })\n : normalContent}\n </div>\n );\n };\n\n return (\n <div\n style={style}\n className={classNames(\n 'biz-bg-[#181B22] biz-border-one biz-rounded-[4px] biz-py-1',\n 'biz-flex biz-flex-col gap-1 biz-w-[160px] biz-max-h-[450px] biz-overflow-auto',\n className,\n )}\n >\n {otherModelServiceProviderList.map((provider) => (\n <div\n key={provider.id}\n className='biz-flex biz-flex-col biz-gap-1 biz-w-full biz-box-border'\n >\n {renderTitle(provider)}\n <div className='biz-flex biz-flex-col gap-1 biz-w-full'>\n {provider.modelList.map((model) => renderItem(provider, model))}\n </div>\n </div>\n ))}\n {customModelServiceProviderList.map((provider) => (\n <div\n key={provider.id}\n className='biz-flex biz-flex-col biz-gap-1 biz-w-full biz-box-border'\n >\n {renderTitle(provider)}\n <div className='biz-flex biz-flex-col gap-1 biz-w-full'>\n {renderItem(provider, provider.modelList[0])}\n </div>\n </div>\n ))}\n </div>\n );\n};\n"],"names":["jsxs","jsx","Fragment"],"mappings":"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"}
|