@cloudbase/weda-ui 3.5.3 → 3.6.1

package/dist/configs/components/wd-select.d.ts

@@ -1,32 +1,284 @@
 import { Static } from '../type-utils';
 import type { Simplify } from 'type-fest';
 declare const data: import("@sinclair/typebox").TObject<{
-    layout: import("@sinclair/typebox").TUnsafe<string>;
+    suffixType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    status: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    required: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    requiredMsg: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    requiredFlag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    extra: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    after: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    before: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    prefixType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    prefixIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    prefixSrc: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    suffixIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    suffixSrc: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    clearable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    borderedH5: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    borderedPc: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    labelVisible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    labelAlign: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    labelWrap: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    layout: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    labelWidth: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    labelTips: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    range: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+        label: import("@sinclair/typebox").TString;
+        value: import("@sinclair/typebox").TString;
+        disabled: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    }>>>;
+    tipBlock: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    where: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TAny>>;
+    value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
+        title: string;
+    }>;
+    ignoreCase: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+    placeholder: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
+        default: string;
+    }>;
+    size: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    format: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+    viewId: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    enumName: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    primaryField: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    dataSourceName: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
 }>;
-export type DataType = Simplify<Static<typeof data>>;
 declare const config: {
     readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
     readonly data: import("@sinclair/typebox").TObject<{
-        layout: import("@sinclair/typebox").TUnsafe<string>;
+        suffixType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        status: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        required: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        requiredMsg: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        requiredFlag: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        extra: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        after: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        before: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        prefixType: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        prefixIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        prefixSrc: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        suffixIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        suffixSrc: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        clearable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        borderedH5: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        borderedPc: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        labelVisible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        labelAlign: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        labelWrap: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        layout: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        labelWidth: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        labelTips: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        range: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+            label: import("@sinclair/typebox").TString;
+            value: import("@sinclair/typebox").TString;
+            disabled: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        }>>>;
+        tipBlock: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        where: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TAny>>;
+        value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
+            title: string;
+        }>;
+        ignoreCase: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        placeholder: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
+            default: string;
+        }>;
+        size: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        format: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<string>>;
+        viewId: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        enumName: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        primaryField: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        dataSourceName: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    }>;
+    readonly properties: import("@sinclair/typebox").TObject<{
+        label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        name: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        value: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString & {
+            title: string;
+        }>;
+        required: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        disabled: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        visible: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        readOnly: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
+        selectedLabel: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        item: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{}>>;
     }>;
-    readonly classes: readonly [];
-    readonly methods: readonly [];
-    readonly events: readonly [];
+    readonly classes: {
+        name: string;
+        selector: string;
+        description: string;
+    }[];
+    readonly methods: readonly [{
+        name: string;
+        label: string;
+        params: {
+            properties: {
+                value: {
+                    title: string;
+                    type: string;
+                };
+            };
+        };
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        params: {
+            properties: {
+                value: {
+                    title: string;
+                    type: string;
+                };
+            };
+        };
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        params: {
+            properties: {
+                value: {
+                    title: string;
+                    type: string;
+                };
+            };
+        };
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        params: {
+            properties: {
+                value: {
+                    title: string;
+                    type: string;
+                };
+            };
+        };
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        description: string;
+    }, {
+        name: string;
+        label: string;
+        description: string;
+    }];
+    readonly events: readonly [{
+        name: string;
+        title: string;
+        detail: import("@sinclair/typebox").TObject<{
+            value: import("@sinclair/typebox").TString;
+        }>;
+        description: string;
+    }, {
+        readonly title: "输入搜索内容";
+        readonly name: "search";
+        readonly detail: import("@sinclair/typebox").TObject<{
+            value: import("@sinclair/typebox").TString;
+        }>;
+    }];
     readonly meta: {
-        readonly name: "WdRadio";
-        readonly title: "表单/下拉选择";
-        readonly description: "表单布局";
-        readonly icon: "../../icons/Form.svg";
-        readonly category: "展示";
-        readonly categoryOrder: 1;
-        readonly componentOrder: 1;
-        readonly visible: readonly ["APP"];
-    };
-    readonly configMeta: {
-        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdForm";
+        readonly description: "以列表形式展示选项，用户可进行搜索和选择操作。";
+        readonly figureIcon: "../figureIcons/WdSelect.svg";
+        readonly icon: "../icons/FormSelect.svg";
+        readonly title: "下拉单选";
+        readonly name: "WdSelect";
+        readonly componentName: "Select";
+        readonly categoryOrder: 500;
+        readonly componentOrder: 370;
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/WdSelect";
+        readonly category: string;
         readonly shortcut: {
-            readonly props: readonly ["type"];
+            props: string[];
+        };
+        readonly group: {
+            标签项: {
+                'x-index': number;
+                expand: boolean;
+            };
+            通用: {
+                'x-index': number;
+                expand: boolean;
+            };
+            标题风格: {
+                'x-index': number;
+                expand: boolean;
+            };
+            输入框: {
+                'x-index': number;
+                expand: boolean;
+            };
+            标签风格: {
+                'x-index': number;
+                expand: boolean;
+            };
+            选择框: {
+                'x-index': number;
+                expand: boolean;
+            };
+            内容: {
+                'x-index': number;
+                expand: boolean;
+            };
+            图片内容: {
+                'x-index': number;
+                expand: boolean;
+            };
+            文件内容: {
+                'x-index': number;
+                expand: boolean;
+            };
+            地图内容: {
+                'x-index': number;
+                expand: boolean;
+            };
+            开关按钮: {
+                'x-index': number;
+                expand: boolean;
+            };
+            小程序能力: {
+                'x-index': number;
+                expand: boolean;
+            };
+            '\u72B6\u6001/\u6821\u9A8C': {
+                'x-index': number;
+                expand: boolean;
+            };
         };
+        readonly visible: any;
+        readonly inlineStyleForm: {
+            $text: {
+                visible: boolean;
+            };
+            justifyContent: {
+                visible: boolean;
+            };
+            flexDirection: {
+                visible: boolean;
+            };
+            alignItems: {
+                visible: boolean;
+            };
+        };
+        readonly templates: readonly [{
+            readonly when: "$attached";
+            readonly body: "\n  [attributes]\n  name = \"{{$self.id}}\"\n  ";
+            readonly __k: "init-name-with-id";
+        }];
+    };
+    readonly compConfig: {
+        readonly componentType: "formField";
     };
 };
 export default config;
+export type DataType = Simplify<Static<typeof data>>;

package/dist/configs/components/wd-select.js

@@ -1,55 +1,132 @@
-import { defineConfig, Tuple, Type } from '../type-utils';
-const WD_RADIO_DIRECTION = [
-    {
-        label: '默认',
-        value: 'vertical',
-    },
+import { defineConfig, Type } from '../type-utils';
+import { FORM_ITEM_DATA, FORM_ITEM_EVENTS, FORM_ITEM_METHODS, FORM_ITEM_META, ItemData, pickWithXCategory, X_CATEGORY, getFormItemDataTitle, } from '../type-utils/type-form';
+import { getClasses } from '../type-utils/classes';
+import { templateInitNameWithId } from './common/init-name-with-id';
+const SELECT = pickWithXCategory(FORM_ITEM_DATA, [
+    'clearable',
+    'before',
+    'after',
+    'prefixType',
+    'prefixIcon',
+    'prefixSrc',
+    'suffixIcon',
+    'suffixSrc',
+    'extra',
+    'borderedH5',
+    'borderedPc',
+], X_CATEGORY.SELECT);
+const TITLE = getFormItemDataTitle('下拉单选');
+// 属性类型定义
+const data = Type.Partial(Type.Object({
+    // 通用
+    name: FORM_ITEM_DATA.name,
+    range: FORM_ITEM_DATA.range,
+    tipBlock: FORM_ITEM_DATA.tipBlock,
+    where: FORM_ITEM_DATA.where,
+    value: Object.assign({}, FORM_ITEM_DATA.value, { title: '选中值' }),
+    ignoreCase: FORM_ITEM_DATA.ignoreCase,
+    placeholder: Object.assign({}, FORM_ITEM_DATA.placeholder, {
+        default: '请选择',
+    }),
+    size: FORM_ITEM_DATA.size,
+    format: FORM_ITEM_DATA._formatInSelect,
+    viewId: FORM_ITEM_DATA.viewId,
+    enumName: FORM_ITEM_DATA.enumName,
+    primaryField: FORM_ITEM_DATA.primaryField,
+    dataSourceName: FORM_ITEM_DATA.dataSourceName,
+    // 标题
+    ...TITLE,
+    // 选择框
+    ...SELECT,
+    suffixType: FORM_ITEM_DATA._suffixTypeInSelect,
+    // 状态校验
+    status: FORM_ITEM_DATA.status,
+    required: FORM_ITEM_DATA.required,
+    requiredMsg: FORM_ITEM_DATA.requiredMsg,
+    requiredFlag: FORM_ITEM_DATA.requiredFlag,
+}));
+const properties = Type.Composite([
+    Type.Pick(data, ['name', 'value', 'label', 'required']),
+    Type.Pick(ItemData, [
+        'visible',
+        'disabled',
+        'readOnly',
+        'selectedLabel',
+        'item',
+    ]),
+]);
+const CLASSES = getClasses('select', { kind: '选择框' });
+const classes = [
+    CLASSES.root,
+    CLASSES.root_h5,
+    CLASSES.root_pc,
+    CLASSES.root_mp,
+    CLASSES.item_label,
+    CLASSES.item_control,
+    CLASSES.input_edit,
+    CLASSES.input_focus,
     {
-        label: '行内',
-        value: 'inline',
+        ...CLASSES.input_placeholder,
+        selector: `${CLASSES.root.selector} .wedatea2td-dropdown__value > span, ${CLASSES.root.selector} input::placeholder, ${CLASSES.root.selector} .weui-input__placeholder`,
+        code: `
+    :scope .wedatea2td-dropdown__value > span, :scope input::placeholder, :scope .weui-input__placeholder {
+      color: lightgray !important;
+    }
+    `,
     },
+    CLASSES.item_error,
+    CLASSES.item_help,
+    CLASSES.input_disabled,
+    CLASSES.item_readonly,
+    CLASSES.input_addon_left,
+    CLASSES.input_addon_right,
 ];
-// 属性类型定义
-const data = Type.Object({
-    layout: Type.StringEnum({
-        title: '排版',
-        type: 'string',
-        'x-index': 10,
-        default: 'vertical',
-        enum: Tuple(WD_RADIO_DIRECTION),
-        'x-category': '基础属性',
-    }),
-});
 // export default
 const config = defineConfig({
     $schema: 'https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json',
-    // 属性定义
     data,
-    // 只读属性定义
-    // properties,
-    // 样式API
-    classes: [],
-    // 组件方法
-    methods: [],
-    // 组件对外暴露事件
-    events: [],
-    // 组件元信息
+    properties,
+    classes,
+    methods: [
+        FORM_ITEM_METHODS.setValue,
+        FORM_ITEM_METHODS.setVisible,
+        FORM_ITEM_METHODS.setDisabled,
+        FORM_ITEM_METHODS.clearValue,
+        FORM_ITEM_METHODS.setReadOnly,
+        FORM_ITEM_METHODS.handleValidate,
+        FORM_ITEM_METHODS.clearValidate,
+    ],
+    events: [
+        FORM_ITEM_EVENTS.change,
+        {
+            title: '输入搜索内容',
+            name: 'search',
+            detail: Type.Object({
+                value: Type.String({
+                    title: '搜索框输入值',
+                }),
+            }),
+        },
+    ],
     meta: {
-        name: 'WdRadio',
-        title: '表单/下拉选择',
-        description: '表单布局',
-        icon: '../../icons/Form.svg',
-        category: '展示',
-        categoryOrder: 1,
-        componentOrder: 1,
-        visible: ['APP'],
+        description: '以列表形式展示选项，用户可进行搜索和选择操作。',
+        figureIcon: '../figureIcons/WdSelect.svg',
+        icon: '../icons/FormSelect.svg',
+        title: '下拉单选',
+        name: 'WdSelect',
+        componentName: 'Select',
+        categoryOrder: 500,
+        componentOrder: 370,
+        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/form/WdSelect',
+        category: FORM_ITEM_META.category,
+        shortcut: FORM_ITEM_META.shortcut,
+        group: FORM_ITEM_META.group,
+        visible: FORM_ITEM_META.visible,
+        inlineStyleForm: FORM_ITEM_META.inlineStyleForm,
+        templates: [templateInitNameWithId],
     },
-    configMeta: {
-        docsUrl: 'https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/show/WdForm',
-        // 快捷编辑时展示在编辑区的属性
-        shortcut: {
-            props: ['type'],
-        },
+    compConfig: {
+        componentType: 'formField',
     },
 });
 export default config;

package/dist/configs/components/wd-side-tab.d.ts

@@ -0,0 +1,133 @@
+import { Static } from '../type-utils';
+import type { Simplify } from 'type-fest';
+declare const data: import("@sinclair/typebox").TObject<{
+    isMultipleSlot: import("@sinclair/typebox").TBoolean;
+    list: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+        label: import("@sinclair/typebox").TString;
+        value: import("@sinclair/typebox").TString;
+        iconType: import("@sinclair/typebox").TString;
+        innerIcon: import("@sinclair/typebox").TUnsafe<string>;
+        outerImage: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        iconPosition: import("@sinclair/typebox").TString;
+        isDisabled: import("@sinclair/typebox").TBoolean;
+    }>>;
+    selectedValue: import("@sinclair/typebox").TString;
+    panel: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+}>;
+export type DataType = Simplify<Static<typeof data>>;
+declare const config: {
+    readonly $schema: "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json";
+    readonly data: import("@sinclair/typebox").TObject<{
+        isMultipleSlot: import("@sinclair/typebox").TBoolean;
+        list: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+            label: import("@sinclair/typebox").TString;
+            value: import("@sinclair/typebox").TString;
+            iconType: import("@sinclair/typebox").TString;
+            innerIcon: import("@sinclair/typebox").TUnsafe<string>;
+            outerImage: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+            iconPosition: import("@sinclair/typebox").TString;
+            isDisabled: import("@sinclair/typebox").TBoolean;
+        }>>;
+        selectedValue: import("@sinclair/typebox").TString;
+        panel: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<import("react").ReactNode>>;
+    }>;
+    readonly properties: import("@sinclair/typebox").TObject<{
+        list: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
+            label: import("@sinclair/typebox").TString;
+            value: import("@sinclair/typebox").TString;
+            iconType: import("@sinclair/typebox").TString;
+            innerIcon: import("@sinclair/typebox").TUnsafe<string>;
+            outerImage: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+            iconPosition: import("@sinclair/typebox").TString;
+            isDisabled: import("@sinclair/typebox").TBoolean;
+        }>>;
+        selectedValue: import("@sinclair/typebox").TString;
+        isMultipleSlot: import("@sinclair/typebox").TBoolean;
+    }>;
+    readonly classes: readonly [{
+        readonly name: "根元素";
+        readonly selector: ".wd-side-tab-root";
+        readonly description: "侧边选项卡根元素";
+    }, {
+        readonly name: "PC 端侧边选项卡根元素";
+        readonly selector: ".wd-pc-side-tab-root";
+        readonly description: "可以为 PC 端的侧边选项卡编写样式";
+    }, {
+        readonly name: "H5 端侧边选项卡根元素";
+        readonly selector: ".wd-h5-side-tab-root";
+        readonly description: "可以为 H5 端的侧边选项卡编写样式";
+    }, {
+        readonly name: "小程序端侧边选项卡根元素";
+        readonly selector: ".wd-mp-side-tab-root";
+        readonly description: "可以为小程序端的侧边选项卡编写样式";
+    }, {
+        readonly name: "左侧选项区域";
+        readonly selector: ".wd-side-tab-root .wd-tabs__header";
+        readonly description: "可以为侧边选项卡左侧选项区域编写样式";
+    }, {
+        readonly name: "文本标签容器";
+        readonly selector: ".wd-side-tab-root .wd-tabs__item";
+        readonly description: "可以为侧边选项卡文本标签容器编写样式";
+    }, {
+        readonly name: "选中态的标签容器";
+        readonly selector: ".wd-side-tab-root .wd-tabs__item.is-selected";
+        readonly description: "可以为侧边选项卡选中的标签容器编写样式";
+    }, {
+        readonly name: "文本标签";
+        readonly selector: ".wd-side-tab-root .wd-tabs__item-text";
+        readonly description: "可以为侧边选项卡文本标签编写样式";
+    }, {
+        readonly name: "右侧内容区域";
+        readonly selector: ".wd-side-tab-root .wd-tabs__body";
+        readonly description: "可以为侧边选项卡右侧内容区域编写样式";
+    }];
+    readonly methods: readonly [{
+        readonly name: "selectTab";
+        readonly label: "设置选中标签";
+        readonly params: {
+            readonly type: "object";
+            readonly properties: {
+                readonly value: {
+                    readonly title: "选中标签值";
+                    readonly type: "string";
+                    readonly default: "";
+                };
+            };
+        };
+        readonly description: "设置选中标签";
+    }];
+    readonly events: readonly [{
+        readonly name: "tap";
+        readonly title: "点击";
+    }, {
+        readonly name: "change";
+        readonly title: "选项卡切换";
+        readonly detail: import("@sinclair/typebox").TObject<{
+            value: import("@sinclair/typebox").TString;
+        }>;
+    }];
+    readonly meta: {
+        readonly name: "WdSideTab";
+        readonly title: "侧边选项卡";
+        readonly componentName: "SideTab";
+        readonly description: "用于提供侧边的选项卡布局，支持切换多个选项标签。";
+        readonly figureIcon: "../figureIcons/WdSideTab.svg";
+        readonly icon: "../icons/SideTab.svg";
+        readonly category: "导航";
+        readonly categoryOrder: 300;
+        readonly componentOrder: 200;
+        readonly visible: readonly ["APP"];
+        readonly docsUrl: "https://docs.cloudbase.net/lowcode/components/wedaUI/src/docs/compsdocs/navmenu/WdSideTab";
+        readonly group: {
+            readonly 基础属性: {
+                readonly 'x-index': 1;
+                readonly expand: true;
+            };
+            readonly 高级属性: {
+                readonly 'x-index': 2;
+                readonly expand: true;
+            };
+        };
+    };
+};
+export default config;