tdesign-next-pro-components 0.0.1-alpha.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 TDesign Pro Components Team
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,103 @@
+# TDesign Pro Table
+
+基于 TDesign Vue Next 的高级表格组件，提供企业级数据表格解决方案。
+
+## 🎯 项目目标
+
+参考 Ant Design Pro Components Table，为 TDesign Vue Next 生态系统创建功能丰富的 ProTable 组件。
+
+Enhanced components based on TDesign Vue Next for enterprise applications.
+
+## Features
+
+- 🚀 **Vue 3 & TypeScript**: Modern development experience with full type safety
+- 🎨 **TDesign Integration**: Seamless integration with TDesign design system
+- 📦 **Tree Shakable**: Optimized bundle size with ES modules
+- 🔧 **Customizable**: Flexible theming and configuration options
+- 📖 **Well Documented**: Comprehensive documentation with examples
+- ⚡ **Performance**: Optimized for production use
+
+## Installation
+
+```bash
+# Using pnpm (recommended)
+pnpm add tdesign-next-pro-components
+
+# Using npm
+npm install tdesign-next-pro-components
+
+# Using yarn
+yarn add tdesign-next-pro-components
+```
+
+## Quick Start
+
+```typescript
+import { createApp } from "vue";
+import TDesignProComponents from "tdesign-next-pro-components";
+import "tdesign-vue-next/es/style/index.css";
+
+const app = createApp(App);
+app.use(TDesignProComponents);
+app.mount("#app");
+```
+
+## Documentation
+
+Visit our [documentation site](https://wehuss.github.io/tdesign-pro-components) for detailed usage instructions and examples.
+
+## Development
+
+### Prerequisites
+
+- Node.js >= 16
+- pnpm >= 8
+
+### Setup
+
+```bash
+# Clone the repository
+git clone https://github.com/wehuss/tdesign-pro-components.git
+cd tdesign-pro-components
+
+# Install dependencies
+pnpm install
+
+# Start development server
+pnpm dev
+
+# Start documentation server
+pnpm dev:docs
+```
+
+### Build
+
+```bash
+# Build library
+pnpm build
+
+# Build documentation
+pnpm build:docs
+```
+
+## Browser Support
+
+| IE / Edge | Firefox | Chrome | Safari |
+| --------- | ------- | ------ | ------ |
+| Edge 14+  | 78+     | 70+    | 12+    |
+
+## Contributing
+
+We welcome contributions! Please read our [Contributing Guide](./CONTRIBUTING.md) before submitting a pull request.
+
+## Changelog
+
+Detailed changes for each release are documented in the [release notes](https://github.com/wehuss/tdesign-pro-components/releases).
+
+## License
+
+[MIT](./LICENSE) License © 2024 TDesign Pro Components Team
+
+## Acknowledgments
+
+This project is built on top of [TDesign Vue Next](https://github.com/Tencent/tdesign-vue-next). Thanks to the TDesign team for their excellent work.

package/dist/components/field/component.d.ts

@@ -0,0 +1,124 @@
+import { PropType, VNode } from 'vue';
+import { ProFieldMode, ProFieldRenderProps, ProFieldTextType, ProFieldValueType } from './types.ts';
+/**
+ * 默认的渲染文本函数
+ * @param modelValue 模型值
+ * @param valueType 值类型
+ * @param props 渲染属性
+ * @returns 渲染结果
+ */
+export declare const defaultRenderText: (modelValue: ProFieldTextType, valueType?: ProFieldValueType, props?: ProFieldRenderProps) => VNode | null;
+/**
+ * ProField 组件
+ * 通用的字段渲染组件，支持多种值类型和渲染模式
+ * 只使用 modelValue 实现标准的 v-model 双向绑定
+ */
+export declare const ProField: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: PropType<ProFieldTextType>;
+        default: undefined;
+    };
+    valueType: {
+        type: PropType<ProFieldValueType>;
+        default: ProFieldValueType;
+    };
+    mode: {
+        type: PropType<ProFieldMode>;
+        default: ProFieldMode;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: PropType<string | string[]>;
+        default: string;
+    };
+    emptyText: {
+        type: PropType<string | false>;
+        default: string;
+    };
+    valueEnum: {
+        type: (ObjectConstructor | MapConstructor)[];
+        default: () => {};
+    };
+    fieldProps: {
+        type: PropType<Record<string, unknown>>;
+        default: () => {};
+    };
+    render: {
+        type: PropType<(modelValue: ProFieldTextType, props: ProFieldRenderProps, dom: VNode) => VNode | null>;
+        default: undefined;
+    };
+    formItemRender: {
+        type: PropType<(modelValue: ProFieldTextType, props: ProFieldRenderProps, dom: VNode) => VNode | null>;
+        default: undefined;
+    };
+}>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: PropType<ProFieldTextType>;
+        default: undefined;
+    };
+    valueType: {
+        type: PropType<ProFieldValueType>;
+        default: ProFieldValueType;
+    };
+    mode: {
+        type: PropType<ProFieldMode>;
+        default: ProFieldMode;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: PropType<string | string[]>;
+        default: string;
+    };
+    emptyText: {
+        type: PropType<string | false>;
+        default: string;
+    };
+    valueEnum: {
+        type: (ObjectConstructor | MapConstructor)[];
+        default: () => {};
+    };
+    fieldProps: {
+        type: PropType<Record<string, unknown>>;
+        default: () => {};
+    };
+    render: {
+        type: PropType<(modelValue: ProFieldTextType, props: ProFieldRenderProps, dom: VNode) => VNode | null>;
+        default: undefined;
+    };
+    formItemRender: {
+        type: PropType<(modelValue: ProFieldTextType, props: ProFieldRenderProps, dom: VNode) => VNode | null>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    mode: ProFieldMode;
+    modelValue: any;
+    fieldProps: Record<string, unknown>;
+    placeholder: string | string[];
+    valueEnum: Record<string, any> | Map<unknown, unknown>;
+    readonly: boolean;
+    disabled: boolean;
+    render: (modelValue: ProFieldTextType, props: ProFieldRenderProps, dom: VNode) => VNode | null;
+    valueType: ProFieldValueType;
+    emptyText: string | false;
+    formItemRender: (modelValue: ProFieldTextType, props: ProFieldRenderProps, dom: VNode) => VNode | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default ProField;

package/dist/components/field/components/cascader/index.d.ts

@@ -0,0 +1,87 @@
+import { TreeOptionData } from 'tdesign-vue-next';
+import { ProFieldMode } from '../../types';
+type CascaderOption = TreeOptionData;
+/**
+ * Cascader 组件 - 级联选择字段
+ * 支持 read/edit 模式
+ */
+export declare const FieldCascader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: any;
+        default: undefined;
+    };
+    mode: {
+        type: () => ProFieldMode;
+        default: ProFieldMode;
+    };
+    options: {
+        type: () => CascaderOption[];
+        default: () => never[];
+    };
+    valueEnum: {
+        type: (ObjectConstructor | MapConstructor)[];
+        default: () => {};
+    };
+    fieldProps: {
+        type: any;
+        default: () => {};
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: any;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: any;
+        default: undefined;
+    };
+    mode: {
+        type: () => ProFieldMode;
+        default: ProFieldMode;
+    };
+    options: {
+        type: () => CascaderOption[];
+        default: () => never[];
+    };
+    valueEnum: {
+        type: (ObjectConstructor | MapConstructor)[];
+        default: () => {};
+    };
+    fieldProps: {
+        type: any;
+        default: () => {};
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: any;
+        default: string;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    mode: ProFieldMode;
+    modelValue: any;
+    fieldProps: any;
+    placeholder: any;
+    valueEnum: Record<string, any> | Map<unknown, unknown>;
+    readonly: boolean;
+    disabled: boolean;
+    options: CascaderOption[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default FieldCascader;

package/dist/components/field/components/checkbox/index.d.ts

@@ -0,0 +1,66 @@
+import { CheckboxGroupProps, CheckboxProps } from 'tdesign-vue-next';
+import { PropType } from 'vue';
+import { ProFieldMode } from '../../types';
+/**
+ * Checkbox 组件 - 复选框字段
+ * 支持单个复选框和复选框组
+ */
+export declare const FieldCheckbox: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: any;
+        default: null;
+    };
+    mode: {
+        type: () => ProFieldMode;
+        default: ProFieldMode;
+    };
+    valueEnum: {
+        type: (ObjectConstructor | MapConstructor)[];
+        default: () => {};
+    };
+    fieldProps: {
+        type: PropType<CheckboxGroupProps | CheckboxProps>;
+        default: () => {};
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import('vue').VNodeChild, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: any;
+        default: null;
+    };
+    mode: {
+        type: () => ProFieldMode;
+        default: ProFieldMode;
+    };
+    valueEnum: {
+        type: (ObjectConstructor | MapConstructor)[];
+        default: () => {};
+    };
+    fieldProps: {
+        type: PropType<CheckboxGroupProps | CheckboxProps>;
+        default: () => {};
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    mode: ProFieldMode;
+    modelValue: any;
+    fieldProps: import('tdesign-vue-next').TdCheckboxProps | CheckboxGroupProps;
+    valueEnum: Record<string, any> | Map<unknown, unknown>;
+    readonly: boolean;
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default FieldCheckbox;

package/dist/components/field/components/code/index.d.ts

@@ -0,0 +1,76 @@
+import { ProFieldMode } from '../../types';
+/**
+ * Code 组件 - 代码展示字段
+ * 支持 JSON 代码高亮显示
+ */
+export declare const FieldCode: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: any;
+        default: string;
+    };
+    mode: {
+        type: () => ProFieldMode;
+        default: ProFieldMode;
+    };
+    language: {
+        type: () => "json" | "text";
+        default: string;
+    };
+    fieldProps: {
+        type: any;
+        default: () => {};
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: any;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: any;
+        default: string;
+    };
+    mode: {
+        type: () => ProFieldMode;
+        default: ProFieldMode;
+    };
+    language: {
+        type: () => "json" | "text";
+        default: string;
+    };
+    fieldProps: {
+        type: any;
+        default: () => {};
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: any;
+        default: string;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    mode: ProFieldMode;
+    modelValue: any;
+    fieldProps: any;
+    placeholder: any;
+    readonly: boolean;
+    disabled: boolean;
+    language: "text" | "json";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default FieldCode;

package/dist/components/field/components/color-picker/index.d.ts

@@ -0,0 +1,58 @@
+import { ProFieldMode } from '../../types';
+/**
+ * ColorPicker 组件 - 颜色选择字段
+ * 支持 read/edit 模式
+ */
+export declare const FieldColorPicker: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    mode: {
+        type: () => ProFieldMode;
+        default: ProFieldMode;
+    };
+    fieldProps: {
+        type: any;
+        default: () => {};
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    mode: {
+        type: () => ProFieldMode;
+        default: ProFieldMode;
+    };
+    fieldProps: {
+        type: any;
+        default: () => {};
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    mode: ProFieldMode;
+    modelValue: string;
+    fieldProps: any;
+    readonly: boolean;
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default FieldColorPicker;

package/dist/components/field/components/date/index.d.ts

@@ -0,0 +1,85 @@
+import { ProFieldMode } from '../../types';
+/**
+ * Date 组件 - 日期字段
+ * 只读模式显示格式化日期，编辑模式显示日期选择器
+ */
+export declare const FieldDate: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: any;
+        default: null;
+    };
+    mode: {
+        type: () => ProFieldMode;
+        default: ProFieldMode;
+    };
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueFormat: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: any;
+        default: string;
+    };
+    fieldProps: {
+        type: any;
+        default: () => {};
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: any;
+        default: null;
+    };
+    mode: {
+        type: () => ProFieldMode;
+        default: ProFieldMode;
+    };
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueFormat: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: any;
+        default: string;
+    };
+    fieldProps: {
+        type: any;
+        default: () => {};
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    mode: ProFieldMode;
+    modelValue: any;
+    fieldProps: any;
+    placeholder: any;
+    readonly: boolean;
+    disabled: boolean;
+    format: string;
+    valueFormat: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default FieldDate;