@next-bricks/form 0.1.0

package/dist-types/radio/index.d.ts

@@ -0,0 +1,145 @@
+import React from "react";
+import type { RadioType, GeneralOption, UIType, RadioGroupButtonStyle } from "../interface.js";
+import "@next-core/theme";
+import { UseSingleBrickConf } from "@next-core/types";
+import { FormItemElement } from "../form-item/FormItemElement.js";
+import type { Form } from "../form/index.jsx";
+interface CustomOptions {
+    url: string;
+    description?: string;
+    title: string;
+    backgroundColor?: string;
+    value: string;
+    [propName: string]: any;
+}
+export interface RadioProps {
+    type?: RadioType;
+    curElement: HTMLElement;
+    formElement: Form;
+    options: GeneralOption[] | CustomOptions[] | undefined;
+    value?: any;
+    name?: string;
+    disabled?: boolean;
+    buttonStyle?: RadioGroupButtonStyle;
+    size?: "large" | "middle" | "small";
+    ui?: UIType;
+    useBrick?: UseSingleBrickConf;
+    customStyle?: React.CSSProperties;
+    label?: string;
+    trigger?: string;
+    onChange?: (value: any) => void;
+    optionsChange?: (options: any, name: string) => void;
+}
+/**
+ * @id form.general-radio
+ * @name form.general-radio
+ * @docKind brick
+ * @description 通用单选构件
+ * @author sailor
+ * @noInheritDoc
+ */
+declare class Radio extends FormItemElement {
+    #private;
+    /**
+     * @kind string
+     * @required true
+     * @default -
+     * @description 下拉框字段名
+     * @group basicFormItem
+     */
+    accessor name: string | undefined;
+    /**
+     * @kind string
+     * @required false
+     * @default -
+     * @description 单选框字段说明
+     * @group basic
+     */
+    accessor label: string | undefined;
+    /**
+     * @required true
+     * @default -
+     * @description 单选框选项表，RadioType为default时，如果设置了tooltip值,可以设置tooltipIcon图标（MenuIcon 类型）,tooltipIcon颜色默认为--color-secondary-text。
+     * @group basic
+     */
+    accessor options: GeneralOption[] | undefined;
+    /**
+     * @kind string
+     * @required true
+     * @default -
+     * @description 单选框当前选中始值
+     * @group basic
+     */
+    accessor value: any | undefined;
+    /**
+     * @kind boolean
+     * @required false
+     * @default -
+     * @description 是否必填项
+     * @group basicFormItem
+     */
+    accessor required: boolean | undefined;
+    /**
+     * @kind Record<string,string>
+     * @required false
+     * @default -
+     * @description 校验文本信息
+     * @group basicFormItem
+     */
+    accessor message: Record<string, string> | undefined;
+    /**
+     * @kind boolean
+     * @required false
+     * @default  false
+     * @description 是否禁用
+     * @group basic
+     */
+    accessor disabled: boolean | undefined;
+    /**
+     * @kind RadioType
+     * @required false
+     * @default default
+     * @description 	单选框样式类型
+     * @enums "button"|"default"|"icon"|"icon-circle"|"icon-square"|"custom"
+     * @group basic
+     */
+    accessor type: RadioType | undefined;
+    /**
+     * @kind UIType
+     * @required false
+     * @default default
+     * @description Ui样式，可选择 `dashboard` 样式，默认`default`
+     * @group ui
+     */
+    accessor ui: UIType | undefined;
+    /**
+     * @kind "large" | "middle" | "small"
+     * @required false
+     * @default -
+     * @description 大小，只对按钮样式生效
+     * @enums "large"|"middle"|"small"
+     * @group ui
+     */
+    accessor size: "large" | "middle" | "small" | undefined;
+    /**
+     * @kind customStyle
+     * @required false
+     * @default -
+     * @description 	自定义radio的外层样式
+     * @group ui
+     */
+    accessor customStyle: React.CSSProperties | undefined;
+    /**
+     * @kind `{useBrick: UseSingleBrickConf }`
+     * @required false
+     * @default
+     * @description 自定义radio的内容
+     * @group advancedFormItem
+     */
+    accessor useBrick: UseSingleBrickConf | undefined;
+    private _handleChange;
+    private _handleOptionsChange;
+    render(): JSX.Element;
+}
+export declare function RadioComponent(props: RadioProps): JSX.Element;
+export { Radio };

package/dist-types/radio/index.spec.d.ts

@@ -0,0 +1 @@
+import "./";

package/dist-types/select/index.d.ts

@@ -0,0 +1,135 @@
+import React from "react";
+import type { GeneralComplexOption } from "../interface.js";
+import "@next-core/theme";
+import { FormItemElement } from "../form-item/FormItemElement.js";
+import type { Form } from "../form/index.js";
+export interface SelectProps {
+    curElement: HTMLElement;
+    formElement: Form;
+    trigger?: string;
+    value?: any;
+    name?: string;
+    label?: string;
+    options: GeneralComplexOption[];
+    placeholder?: string;
+    multiple?: boolean;
+    clearable?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    inputStyle?: React.CSSProperties;
+    dropdownStyle?: React.CSSProperties;
+    validateState?: string;
+    onChange?: (value: any) => void;
+    optionsChange?: (options: any, name: string) => void;
+}
+/**
+ * @id form.general-select
+ * @name form.general-select
+ * @docKind brick
+ * @description 通用下拉构件
+ * @author julielai
+ * @noInheritDoc
+ */
+declare class Select extends FormItemElement {
+    #private;
+    /**
+     * @kind string
+     * @required true
+     * @default -
+     * @description 选择框字段名
+     * @group basicFormItem
+     */
+    accessor name: string | undefined;
+    /**
+     * @kind string
+     * @required true
+     * @default -
+     * @description 选择框占位说明
+     * @group basic
+     */
+    accessor placeholder: string | undefined;
+    /**
+     * @kind string
+     * @required false
+     * @default -
+     * @description 选择框字段说明
+     * @group basic
+     */
+    accessor label: string | undefined;
+    /**
+     * @required true
+     * @default -
+     * @description 候选项列表
+     * @group basic
+     */
+    accessor options: GeneralComplexOption[] | undefined;
+    /**
+     * @kind string
+     * @required true
+     * @default -
+     * @description 选择框初始值
+     * @group basic
+     */
+    accessor value: any | undefined;
+    /**
+     * @kind boolean
+     * @required false
+     * @default -
+     * @description 是否必填项
+     * @group basicFormItem
+     */
+    accessor required: boolean | undefined;
+    /**
+     * @kind Record<string,string>
+     * @required false
+     * @default -
+     * @description 校验文本信息
+     * @group basicFormItem
+     */
+    accessor message: Record<string, string> | undefined;
+    /**
+     * @kind boolean
+     * @required false
+     * @default  false
+     * @description 是否禁用
+     * @group basic
+     */
+    accessor disabled: boolean | undefined;
+    /**
+     * @kind boolean
+     * @required false
+     * @default  false
+     * @description 是否支持多选
+     * @group basic
+     */
+    accessor multiple: boolean | undefined;
+    /**
+     * @kind boolean
+     * @required false
+     * @default  false
+     * @description 是否支持清除
+     * @group basic
+     */
+    accessor clearable: boolean | undefined;
+    /**
+     * @kind React.CSSProperties
+     * @required false
+     * @default -
+     * @description 输入框样式
+     * @group ui
+     */
+    accessor inputStyle: React.CSSProperties | undefined;
+    /**
+     * @kind React.CSSProperties
+     * @required false
+     * @default -
+     * @description 下拉框样式
+     * @group ui
+     */
+    accessor dropdownStyle: React.CSSProperties | undefined;
+    private _handleChange;
+    private _handleOptionsChange;
+    render(): JSX.Element;
+}
+export declare function SelectComponent(props: SelectProps): JSX.Element;
+export { Select };

package/dist-types/select/index.spec.d.ts

@@ -0,0 +1 @@
+import "./";

package/dist-types/submit-buttons/index.d.ts

@@ -0,0 +1,88 @@
+import React from "react";
+import type { ButtonType } from "../interface.js";
+import { FormItemElement } from "../form-item/FormItemElement.js";
+interface SubmitButtonsProps {
+    curElement: HTMLElement;
+    submitText?: string;
+    submitType?: ButtonType;
+    submitDisabled?: boolean;
+    cancelText?: string;
+    cancelType?: ButtonType;
+    onSubmitClick?: (event: React.MouseEvent) => void;
+    onCancelClick?: (event: React.MouseEvent) => void;
+    showCancelButton?: boolean;
+}
+/**
+ * @id form.submit-buttons
+ * @name form.submit-buttons
+ * @docKind brick
+ * @description 用于general-forms的通用按钮，可以配置submit按钮和cancel按钮
+ * @author zhendong
+ * @noInheritDoc
+ */
+declare class SubmitButtons extends FormItemElement {
+    #private;
+    /**
+     * @kind string
+     * @required false
+     * @default -
+     * @description 提交按钮的文字，不设置则不显示提交按钮
+     * @group basic
+     */
+    accessor submitText: string | undefined;
+    /**
+     * @kind boolean
+     * @required false
+     * @default `false`
+     * @description 显示取消按钮
+     * @group basic
+     */
+    accessor showCancelButton: boolean | undefined;
+    /**
+     * @kind string
+     * @required false
+     * @default -
+     * @description 取消按钮的文字，不设置则不显示取消按钮
+     * @group basic
+     */
+    accessor cancelText: string | undefined;
+    /**
+     * @kind boolean
+     * @required false
+     * @default `false`
+     * @description 点击确定按钮后自动禁用
+     * @group advanced
+     */
+    accessor disableAfterClick: boolean | undefined;
+    /**
+     * @kind boolean
+     * @required false
+     * @default `false`
+     * @description 禁用提交按钮
+     * @group advanced
+     */
+    accessor submitDisabled: boolean | undefined;
+    /**
+     * @kind ButtonType
+     * @required false
+     * @default default
+     * @description 按钮类型
+     * @enums
+     * @group basic
+     */
+    accessor submitType: ButtonType | undefined;
+    /**
+     * @kind ButtonType
+     * @required false
+     * @default default
+     * @description 按钮类型
+     * @enums
+     * @group basic
+     */
+    accessor cancelType: ButtonType | undefined;
+    private _handleSubmitClick;
+    private _handleCancelClick;
+    render(): JSX.Element;
+}
+export declare function ButtonsComponent(props: SubmitButtonsProps): JSX.Element;
+export { SubmitButtons };

package/dist-types/submit-buttons/index.spec.d.ts

@@ -0,0 +1 @@
+import "./index.jsx";

package/dist-types/textarea/calculateAutoSizeStyle.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" resolution-mode="require"/>
+export default function calculateAutoSizeStyle(uiTextNode: HTMLTextAreaElement, minRows?: number | null, maxRows?: number | null): React.CSSProperties;

package/dist-types/textarea/index.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import "@next-core/theme";
+type AutoSize = boolean | {
+    minRows: number;
+    maxRows: number;
+};
+interface TextareaProps {
+    name?: string;
+    value?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    textareaStyle?: React.CSSProperties;
+    minLength?: number;
+    maxLength?: number;
+    autoSize?: AutoSize;
+    onInputChange: (value: string) => void;
+}
+export declare function TextareaComponent({ name, value, placeholder, disabled, textareaStyle, minLength, maxLength, autoSize, onInputChange, }: TextareaProps): JSX.Element;
+export {};

package/dist-types/utils/PubSub.d.ts

@@ -0,0 +1,6 @@
+export declare class PubSub {
+    #private;
+    publish(topic: string, body: any): void;
+    subscribe(topic: string, fn: (topic: string, detail: any) => void): string;
+    unsubscribe(token: string): void;
+}

package/dist-types/utils/formatOptions.d.ts

@@ -0,0 +1,5 @@
+import { GeneralOption, GeneralComplexOption } from "../interface.js";
+export declare function formatOptions(options?: GeneralOption[], fields?: {
+    label?: string;
+    value?: string;
+}): GeneralComplexOption<string | number | boolean>[];

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@next-bricks/form",
+  "version": "0.1.0",
+  "homepage": "https://github.com/easyops-cn/next-core/tree/master/bricks/form",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:easyops-cn/next-core.git"
+  },
+  "license": "GPL-3.0",
+  "type": "module",
+  "sideEffects": true,
+  "files": [
+    "dist",
+    "dist-types"
+  ],
+  "nx": {
+    "targets": {
+      "build": {
+        "outputs": [
+          "{projectRoot}/dist",
+          "{projectRoot}/dist-types"
+        ]
+      }
+    }
+  },
+  "exports": {
+    "./package.json": "./package.json",
+    "./*": {
+      "types": "./dist-types/*/index.d.ts"
+    }
+  },
+  "scripts": {
+    "start": "cross-env NODE_ENV=development build-next-bricks --watch",
+    "build": "npm run build:main && npm run build:types",
+    "build:main": "cross-env NODE_ENV=production build-next-bricks",
+    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir dist-types --project tsconfig.json",
+    "test": "cross-env NODE_ENV='test' test-next",
+    "test:ci": "cross-env NODE_ENV='test' CI=true test-next"
+  },
+  "dependencies": {
+    "@next-bricks/icons": "^0.0.4",
+    "@next-core/element": "^1.0.2",
+    "@next-core/http": "^1.0.2",
+    "@next-core/react-element": "^1.0.2",
+    "@next-core/react-runtime": "^1.0.6",
+    "@next-core/theme": "^1.0.2",
+    "@next-core/types": "^1.0.3",
+    "brace": "^0.11.1",
+    "classnames": "^2.3.2",
+    "lodash": "^4.17.21",
+    "react": "0.0.0-experimental-ee8509801-20230117",
+    "react-ace": "^10.1.0",
+    "resize-observer-polyfill": "^1.5.1"
+  },
+  "devDependencies": {
+    "@next-core/build-next-bricks": "^1.1.2",
+    "@next-core/test-next": "^1.0.2"
+  },
+  "gitHead": "52bbd8eb6523d5c351777638152cf13b2b62f577"
+}