wehub-resource-sync
73 lines
1.4 KiB
TypeScript
73 lines
1.4 KiB
TypeScript
import React from 'react';
|
|
import { Action, InputCode, InputStyleCode } from '@music163/tango-ui';
|
|
import { BlockOutlined } from '@ant-design/icons';
|
|
|
|
export default {
|
|
title: 'UI/InputCode',
|
|
};
|
|
|
|
const context = {
|
|
stores: {
|
|
foo: {
|
|
loading: false,
|
|
action: () => {},
|
|
},
|
|
},
|
|
services: {
|
|
list: () => {},
|
|
get: () => {},
|
|
},
|
|
};
|
|
|
|
export function Basic() {
|
|
return (
|
|
<InputCode
|
|
suffix={<Action icon={<BlockOutlined />} size="small" />}
|
|
autoCompleteContext={{ tango: context }}
|
|
/>
|
|
);
|
|
}
|
|
|
|
export function CSS() {
|
|
return <InputStyleCode enableESLint suffix={<Action icon={<BlockOutlined />} size="small" />} />;
|
|
}
|
|
|
|
const code = `
|
|
function foo() {
|
|
console.log("test");
|
|
console.log("test");
|
|
console.log("test");
|
|
console.log("test");
|
|
console.log("test");
|
|
console.log("test");
|
|
console.log("test");
|
|
console.log("test");
|
|
console.log("test");
|
|
console.log("test");
|
|
console.log("test");
|
|
console.log("test");
|
|
console.log("test");
|
|
console.log("test");
|
|
console.log("test");
|
|
console.log("test");
|
|
console.log("test");
|
|
console.log("test");
|
|
console.log("test");
|
|
console.log("test");
|
|
console.log("test");
|
|
console.log("test");
|
|
console.log("test");
|
|
console.log("test");
|
|
console.log("test");
|
|
console.log("test");
|
|
}
|
|
`;
|
|
|
|
export function Readonly() {
|
|
return <InputCode shape="inset" readOnly value={code} />;
|
|
}
|
|
|
|
export function Inset() {
|
|
return <InputCode shape="inset" />;
|
|
}
|