@cloudbase/weda-ui 3.6.2 → 3.7.1

package/dist/configs/index.js

@@ -137,14 +137,22 @@ import Chart from './components/echart';
 import WdCanvas from './components/wd-canvas';
 import WdAudio from './components/wd-audio';
 import WdAd from './components/wd-ad';
+import WdFormObj from './components/wd-form-obj';
+import WdFormArr from './components/wd-form-arr';
 import WdUnifiedLink from './components/wd-unified-link';
 import WdRating from './components/wd-rating';
 import WdProgress from './components/wd-progress';
+import WdCascader from './components/wd-cascader';
+import WdCodeEditor from './components/wd-code-editor';
 export const components = {
+    WdCodeEditor,
     WdUnifiedLink,
     WdRating,
     WdProgress,
+    WdCascader,
     WdAudio,
+    WdFormObj,
+    WdFormArr,
     WdAd,
     WdCanvas,
     WdModal,

package/dist/configs/type-utils/type-form.d.ts

@@ -31,6 +31,8 @@ export declare const X_CATEGORY: {
 export declare const FORM_ITEM_DATA: {
     /** 通用 */
     name: import("@sinclair/typebox").TString;
+    language: import("@sinclair/typebox").TUnsafe<string>;
+    theme: import("@sinclair/typebox").TUnsafe<string>;
     _rangeInTagSelect: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
         label: import("@sinclair/typebox").TString;
         value: import("@sinclair/typebox").TString;
@@ -63,12 +65,16 @@ export declare const FORM_ITEM_DATA: {
     value: import("@sinclair/typebox").TString;
     _valueInTag: import("@sinclair/typebox").TUnknown;
     _valueInFormDetail: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{}>>;
+    _valueInFormObj: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TObject<{}>, import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{}>>]>;
+    _valueInFormArr: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{}>>;
     _valueInUpload: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>;
     _valueInRegion: import("@sinclair/typebox").TString;
     _valueInDate: import("@sinclair/typebox").TAny;
     _valueInDateRange: import("@sinclair/typebox").TUnknown;
     _valueInTime: import("@sinclair/typebox").TAny;
     _valueInSelectMultiple: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>;
+    _valueInCascader: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TAny>;
+    _multipleInCascader: import("@sinclair/typebox").TBoolean;
     start: import("@sinclair/typebox").TAny;
     end: import("@sinclair/typebox").TAny;
     inputValue: import("@sinclair/typebox").TString;
@@ -160,6 +166,10 @@ export declare const FORM_ITEM_DATA: {
     visible: import("@sinclair/typebox").TBoolean;
     disabled: import("@sinclair/typebox").TBoolean;
     readOnly: import("@sinclair/typebox").TBoolean;
+    selectedOptions: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+        label: import("@sinclair/typebox").TString;
+        value: import("@sinclair/typebox").TString;
+    }>>;
     selectedLabel: import("@sinclair/typebox").TString;
     item: import("@sinclair/typebox").TObject<{}>;
     isTableView: import("@sinclair/typebox").TBoolean;
@@ -419,6 +429,8 @@ export declare const FORM_ITEM_META: {
 };
 export declare const ItemData: import("@sinclair/typebox").TObject<{
     name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    language: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    theme: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
     _rangeInTagSelect: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
         label: import("@sinclair/typebox").TString;
         value: import("@sinclair/typebox").TString;
@@ -451,12 +463,16 @@ export declare const ItemData: import("@sinclair/typebox").TObject<{
     value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     _valueInTag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnknown>;
     _valueInFormDetail: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{}>>>;
+    _valueInFormObj: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TObject<{}>, import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{}>>]>>;
+    _valueInFormArr: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{}>>>;
     _valueInUpload: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
     _valueInRegion: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     _valueInDate: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TAny>;
     _valueInDateRange: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnknown>;
     _valueInTime: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TAny>;
     _valueInSelectMultiple: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TString>>;
+    _valueInCascader: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TAny>>;
+    _multipleInCascader: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     start: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TAny>;
     end: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TAny>;
     inputValue: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
@@ -543,6 +559,10 @@ export declare const ItemData: import("@sinclair/typebox").TObject<{
     visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     disabled: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
     readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    selectedOptions: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+        label: import("@sinclair/typebox").TString;
+        value: import("@sinclair/typebox").TString;
+    }>>>;
     selectedLabel: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
     item: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{}>>;
     isTableView: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
@@ -582,6 +602,8 @@ export interface WdFormItemProps extends CommonPropsType, Pick<ItemDataType, 'la
     isWdFormDetail?: boolean;
     /** 只读时是否包含前后缀 */
     readBeforeAfter?: boolean;
+    /** 标题容器 */
+    LabelContainer?: (props: any) => JSX.Element;
 }
 export interface WdInputGroupProps extends Pick<ItemDataType, 'before' | 'after' | 'block' | 'size' | 'readOnly'> {
     /** 子元素 */

package/dist/configs/type-utils/type-form.js

@@ -1,5 +1,5 @@
 import { Type, Tuple } from './index';
-import { WD_INPUT_SIZE, WD_INPUT_LABEL_ALIGN, WD_INPUT_LAYOUT, WD_INPUT_TYPE, WD_INPUT_STATUS, WD_INPUT_RULES, WD_INPUT_VALIDATE_STATUS, WD_INPUT_ICON_TYPE, WD_ICON_ENUM, WD_DATE_MODE, WD_DATE_FORMAT, WD_TIME_MODE, WD_SELECT_FORMAT, WD_REGION_TYPE, PROPS_WHERE_REL, PROPS_WHERE_REL_MEMBER, WD_LOCATION_TYPE, WD_LOCATION_RANGE, WD_UPLOAD_SHOW_SHAPE, WD_UPLOAD_IMAGE_ACCEPT_TYPES, WD_FORM_DETAIL_VIEW_TYPE, WD_INPUT_ICON_TYPE_SELECT, WD_CHECK_TYPE, WD_TAG_DIRECTION, WD_TAG_STYLE_TYPE, WD_TAG_STYLE_WIDTH_TYPE, WD_TAG_STYLE_SPACE, WD_TAG_ICON_TYPE, WD_TAG_STYLE_WIDTH_COLS, } from '../../enum';
+import { WD_INPUT_SIZE, WD_INPUT_LABEL_ALIGN, WD_INPUT_LAYOUT, WD_INPUT_TYPE, WD_INPUT_STATUS, WD_INPUT_RULES, WD_INPUT_VALIDATE_STATUS, WD_INPUT_ICON_TYPE, WD_ICON_ENUM, WD_DATE_MODE, WD_DATE_FORMAT, WD_TIME_MODE, WD_SELECT_FORMAT, WD_REGION_TYPE, PROPS_WHERE_REL, PROPS_WHERE_REL_MEMBER, WD_LOCATION_TYPE, WD_LOCATION_RANGE, WD_UPLOAD_SHOW_SHAPE, WD_UPLOAD_IMAGE_ACCEPT_TYPES, WD_FORM_DETAIL_VIEW_TYPE, WD_INPUT_ICON_TYPE_SELECT, WD_CHECK_TYPE, WD_TAG_DIRECTION, WD_TAG_STYLE_TYPE, WD_TAG_STYLE_WIDTH_TYPE, WD_TAG_STYLE_SPACE, WD_TAG_ICON_TYPE, WD_TAG_STYLE_WIDTH_COLS, WD_CODE_EDITOR_LANGUAGE, WD_CODE_EDITOR_THEME, } from '../../enum';
 import { X_RUNTIME_DEFAULT } from './x-runtime-default';
 const WD_ICON_OPTIONS = WD_ICON_ENUM.map((item) => ({
     label: item,
@@ -71,6 +71,20 @@ export const FORM_ITEM_DATA = {
             },
         ],
     }),
+    language: Type.StringEnum({
+        title: '支持语言',
+        enum: Tuple(WD_CODE_EDITOR_LANGUAGE),
+        default: X_RUNTIME_DEFAULT.codeEditorLanguage,
+        'x-category': X_CATEGORY.COMMON,
+        'x-index': 12,
+    }),
+    theme: Type.StringEnum({
+        title: '主题',
+        enum: Tuple(WD_CODE_EDITOR_THEME),
+        default: X_RUNTIME_DEFAULT.codeEditorTheme,
+        'x-category': X_CATEGORY.COMMON,
+        'x-index': 13,
+    }),
     _rangeInTagSelect: Type.Array(Type.Object({
         label: Type.String({ title: '标签名称', require: true }),
         value: Type.String({ title: '标签值', require: true }),
@@ -543,6 +557,20 @@ export const FORM_ITEM_DATA = {
         'x-component': 'jsontext',
         'x-category': X_CATEGORY.COMMON,
     }),
+    _valueInFormObj: Type.Union([Type.Object({}), Type.Array(Type.Object({}))], {
+        title: '对象嵌套表单值',
+        default: {},
+        'x-index': 20,
+        'x-component': 'jsontext',
+        'x-category': X_CATEGORY.COMMON,
+    }),
+    _valueInFormArr: Type.Array(Type.Object({}), {
+        title: '数组嵌套表单值',
+        default: [],
+        'x-index': 20,
+        'x-component': 'jsontext',
+        'x-category': X_CATEGORY.COMMON,
+    }),
     _valueInUpload: Type.Array(Type.String(), {
         type: 'array',
         title: '图片值',
@@ -600,6 +628,27 @@ export const FORM_ITEM_DATA = {
         'x-index': 20,
         'x-category': X_CATEGORY.COMMON,
     }),
+    _valueInCascader: Type.Array(Type.Any({
+        title: 'value',
+    }), {
+        type: 'array',
+        title: '选中值',
+        'x-runtime-default': X_RUNTIME_DEFAULT._valueInCascader,
+        description: '默认选中的选项',
+        'x-index': 15,
+        'x-category': X_CATEGORY.COMMON,
+        'x-component': 'jsontext',
+    }),
+    _multipleInCascader: Type.Boolean({
+        type: 'boolean',
+        title: '是否为多选模式',
+        'x-helper-text': '如需支持多选，开启该属性，绑定数组-文本字段，以保证表单的正常提交 [了解详情](https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/FormUploadFile#%E7%BB%91%E5%AE%9A%E6%96%87%E4%BB%B6%E6%95%B0%E7%BB%84%E5%AD%97%E6%AE%B5)',
+        default: X_RUNTIME_DEFAULT.multiple,
+        description: '默认选中的选项',
+        'x-index': 16,
+        'x-category': X_CATEGORY.COMMON,
+        display: false,
+    }),
     start: Type.Any({
         title: '最早可选时间',
         'x-index': 22,
@@ -1483,6 +1532,14 @@ export const FORM_ITEM_DATA = {
         description: '组件是否只读',
         'x-platforms': [],
     }),
+    selectedOptions: Type.Array(Type.Object({
+        label: Type.String({ title: 'label' }),
+        value: Type.String({ title: 'value' }),
+    }), {
+        title: '选中项',
+        description: '选中项对应的对象',
+        'x-platforms': [],
+    }),
     selectedLabel: Type.String({
         title: '选中项名称',
         description: '选中项对应的文本名称',

package/dist/configs/type-utils/x-runtime-default.d.ts

@@ -20,6 +20,7 @@ export declare const X_RUNTIME_DEFAULT: {
     _modeInTime: string;
     dateFormat: string;
     _valueInSelectMultiple: any[];
+    _valueInCascader: any[];
     locationType: number;
     regionType: string;
     ignoreCase: boolean;
@@ -84,4 +85,6 @@ export declare const X_RUNTIME_DEFAULT: {
     adType: string;
     adTheme: string;
     gridCount: number;
+    codeEditorTheme: string;
+    codeEditorLanguage: string;
 };

package/dist/configs/type-utils/x-runtime-default.js

@@ -20,6 +20,7 @@ export const X_RUNTIME_DEFAULT = {
     _modeInTime: 'minute',
     dateFormat: 'YYYY-MM-DD HH:mm:ss',
     _valueInSelectMultiple: [],
+    _valueInCascader: [],
     locationType: 1,
     regionType: 'levelThree',
     ignoreCase: true,
@@ -84,4 +85,6 @@ export const X_RUNTIME_DEFAULT = {
     adType: 'banner',
     adTheme: 'white',
     gridCount: 5,
+    codeEditorTheme: 'githubLight',
+    codeEditorLanguage: 'javascript',
 };

package/dist/enum/index.d.ts

@@ -202,3 +202,11 @@ export const WD_TABLE_CUSTOM_FORMAT: {
     label: string;
     value: string;
 }[];
+export const WD_CODE_EDITOR_LANGUAGE: {
+    label: string;
+    value: string;
+}[];
+export const WD_CODE_EDITOR_THEME: {
+    label: string;
+    value: string;
+}[];

package/dist/enum/index.js

@@ -1204,3 +1204,14 @@ export const WD_TABLE_CUSTOM_FORMAT = [
     { label: '数组', value: 'array' },
     { label: 'JSON', value: 'json' },
 ];
+export const WD_CODE_EDITOR_LANGUAGE = [
+    { label: 'JS', value: 'javascript' },
+    { label: 'TypeScript', value: 'typescript' },
+    { label: 'MongoDB', value: 'mongodb' },
+    { label: 'SQL', value: 'sql' },
+    { label: 'MySQL', value: 'mysql' },
+];
+export const WD_CODE_EDITOR_THEME = [
+    { label: '暗黑', value: 'githubDark' },
+    { label: '明亮', value: 'githubLight' },
+];