@cloudbase/weda-ui 3.5.0 → 3.5.2

package/dist/web/components/wd-input-phone/wd-input-phone.d.ts

@@ -0,0 +1,79 @@
+import React from 'react';
+import type { CommonPropsType } from '../../types';
+import type { DataType, EventsType } from '../../../configs/components/wd-input';
+/**
+ * 标准化：电话输入组件
+ */
+export declare const WdInputPhone: React.ForwardRefExoticComponent<CommonPropsType & import("type-fest").Simplify<import("../../../configs/type-utils").StaticEventsType<[{
+    readonly name: "change";
+    readonly title: "值改变";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        value: import("@sinclair/typebox").TString;
+    }>;
+}, {
+    readonly name: "focus";
+    readonly title: "聚焦";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        value: import("@sinclair/typebox").TString;
+    }>;
+}, {
+    readonly name: "blur";
+    readonly title: "失焦";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        value: import("@sinclair/typebox").TString;
+    }>;
+}, {
+    readonly name: "confirm";
+    readonly title: "确认";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        value: import("@sinclair/typebox").TString;
+    }>;
+}, {
+    readonly name: "clear";
+    readonly title: "清除内容";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        originValue: import("@sinclair/typebox").TString;
+    }>;
+}]>> & import("type-fest").Simplify<{
+    label?: string;
+    name?: string;
+    type?: string;
+    required?: boolean;
+    extra?: string;
+    size?: string;
+    maxLength?: number;
+    placeholder?: string;
+    status?: string;
+    layout?: string;
+    block?: boolean;
+    after?: string;
+    focus?: boolean;
+    requiredFlag?: boolean;
+    labelVisible?: boolean;
+    inputValue?: string;
+    password?: boolean;
+    clearable?: boolean;
+    counterVisible?: boolean;
+    before?: string;
+    labelWidth?: string;
+    labelAlign?: string;
+    labelWrap?: boolean;
+    labelTips?: string;
+    isUnionValue?: boolean;
+    prefixType?: string;
+    prefixIcon?: string;
+    prefixSrc?: string;
+    suffixType?: string;
+    suffixIcon?: string;
+    suffixSrc?: string;
+    borderedH5?: boolean;
+    borderedPc?: boolean;
+    isNickNameType?: boolean;
+    rules?: {
+        pattern?: string;
+        message: string;
+        format: string;
+    }[];
+    requiredMsg?: string;
+}> & React.RefAttributes<any>>;
+export type WdInputPhoneProps = CommonPropsType & EventsType & DataType;

package/dist/web/components/wd-input-url/index.d.ts

@@ -0,0 +1,4 @@
+import { WdInputUrl } from './wd-input-url';
+export { WdInputUrl } from './wd-input-url';
+export type { WdInputUrlProps } from './wd-input-url';
+export default WdInputUrl;

package/dist/web/components/wd-input-url/wd-input-url.d.ts

@@ -0,0 +1,71 @@
+import React from 'react';
+import type { CommonPropsType } from '../../types';
+import type { DataType, EventsType } from '../../../configs/components/wd-input-url';
+/**
+ * 标准化：URL输入组件
+ */
+export declare const WdInputUrl: React.ForwardRefExoticComponent<CommonPropsType & import("type-fest").Simplify<import("../../../configs/type-utils").StaticEventsType<[{
+    readonly name: "change";
+    readonly title: "值改变";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        value: import("@sinclair/typebox").TString;
+    }>;
+}, {
+    readonly name: "focus";
+    readonly title: "聚焦";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        value: import("@sinclair/typebox").TString;
+    }>;
+}, {
+    readonly name: "blur";
+    readonly title: "失焦";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        value: import("@sinclair/typebox").TString;
+    }>;
+}, {
+    readonly name: "confirm";
+    readonly title: "确认";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        value: import("@sinclair/typebox").TString;
+    }>;
+}, {
+    readonly name: "clear";
+    readonly title: "清除内容";
+    readonly detail: import("@sinclair/typebox").TObject<{
+        originValue: import("@sinclair/typebox").TString;
+    }>;
+}]>> & import("type-fest").Simplify<{
+    label?: string;
+    name?: string;
+    required?: boolean;
+    extra?: string;
+    size?: string;
+    maxLength?: number;
+    placeholder?: string;
+    status?: string;
+    layout?: string;
+    block?: boolean;
+    after?: string;
+    focus?: boolean;
+    requiredFlag?: boolean;
+    labelVisible?: boolean;
+    inputValue?: string;
+    clearable?: boolean;
+    counterVisible?: boolean;
+    before?: string;
+    labelWidth?: string;
+    labelAlign?: string;
+    labelWrap?: boolean;
+    labelTips?: string;
+    isUnionValue?: boolean;
+    prefixType?: string;
+    prefixIcon?: string;
+    prefixSrc?: string;
+    suffixType?: string;
+    suffixIcon?: string;
+    suffixSrc?: string;
+    borderedH5?: boolean;
+    borderedPc?: boolean;
+    requiredMsg?: string;
+}> & React.RefAttributes<any>>;
+export type WdInputUrlProps = CommonPropsType & EventsType & DataType;

package/dist/web/components/wd-input-wrap/index.d.ts

@@ -0,0 +1,3 @@
+import { WdInputWrap } from './wd-input-wrap';
+export { WdInputWrap, type WdInputWrapProps } from './wd-input-wrap';
+export default WdInputWrap;

package/dist/web/components/wd-input-wrap/wd-input-wrap.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { CommonPropsType } from '../../types';
+export declare const WdInputWrap: ({ className, children, before, after, ...args }: WdInputWrapProps) => JSX.Element;
+export interface WdInputWrapProps extends CommonPropsType {
+    before?: React.ReactNode | undefined;
+    after?: React.ReactNode | undefined;
+    [key: string]: any;
+}

package/dist/web/components/wd-input-wrap/wd-input-wrap.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import classNames from '../../utils/classnames';
 import { useConfig } from '../../utils/config-context';
 // import { WdIcon } from '../index';
-export const WdInputWrap = ({ className, children, before, after, }) => {
+export const WdInputWrap = ({ className, children, before, after, ...args }) => {
     // 兼容旧版组件的属性值
     const { classPrefix } = useConfig();
     const compClassName = `${classPrefix}-form-input-wrap `;
@@ -14,5 +14,5 @@ export const WdInputWrap = ({ className, children, before, after, }) => {
             InputWrap.current.classList.add('is-focused');
         }, onBlur: () => {
             InputWrap.current.classList.remove('is-focused');
-        }, children: [before && (_jsx("div", { className: `${classPrefix}-form-input-wrap__before`, children: before })), children && (_jsx("div", { className: `${classPrefix}-form-input-wrap__content`, children: children })), after && (_jsx("div", { className: `${classPrefix}-form-input-wrap__after`, children: after }))] }));
+        }, ...args, children: [before && (_jsx("div", { className: `${classPrefix}-form-input-wrap__before`, children: before })), children && (_jsx("div", { className: `${classPrefix}-form-input-wrap__content`, children: children })), after && (_jsx("div", { className: `${classPrefix}-form-input-wrap__after`, children: after }))] }));
 };

package/dist/web/components/wd-layout/index.d.ts

@@ -0,0 +1,3 @@
+import { WdLayout } from './wd-layout';
+export { WdLayout, type WdLayoutProps } from './wd-layout';
+export default WdLayout;

package/dist/web/components/wd-layout/index.js

@@ -0,0 +1,3 @@
+import { WdLayout } from './wd-layout';
+export { WdLayout } from './wd-layout';
+export default WdLayout;

package/dist/web/components/wd-layout/wd-layout.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/wd-layout';
+export interface WdLayoutProps extends CommonPropsType, DataType {
+}
+export declare const WdLayout: ({ headerLeftSlot, headerRightSlot, contentSlot, style, className, }: WdLayoutProps) => JSX.Element;

package/dist/web/components/wd-layout/wd-layout.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useConfig } from '../../utils/config-context';
+import { usePlatform } from '../../utils/platform';
+export const WdLayout = ({ headerLeftSlot, headerRightSlot, contentSlot, style, className, }) => {
+    // 样式
+    const { classPrefix } = useConfig();
+    const platform = usePlatform();
+    const isH5 = platform === 'h5';
+    return (_jsxs("div", { className: `${isH5 ? `${classPrefix}-h5-layout-root` : `${classPrefix}-pc-layout-root`} ${classPrefix}-layout-root ${className}`, "data-testid": "wd-layout-test", style: style, children: [_jsxs("div", { className: `${classPrefix}-layout__header`, "data-testid": "wd-layout-header-test", children: [_jsx("div", { className: `${classPrefix}-layout__header-item ${classPrefix}-layout__header-item-left`, "data-testid": "wd-layout-header-left-test", children: headerLeftSlot }), _jsx("div", { className: `${classPrefix}-layout__header-item ${classPrefix}-layout__header-item-right`, "data-testid": "wd-layout-header-right-test", children: headerRightSlot })] }), _jsx("div", { className: `${classPrefix}-layout__body`, "data-testid": "wd-layout-body-test", children: contentSlot })] }));
+};

package/dist/web/components/wd-link/index.d.ts

@@ -0,0 +1,3 @@
+import { WdLink } from './wd-link';
+export { WdLink, type WdLinkProps } from './wd-link';
+export default WdLink;

package/dist/web/components/wd-link/wd-link.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/wd-link';
+import type { Except } from 'type-fest';
+import '../style';
+export declare const WdLink: React.ForwardRefExoticComponent<WdLinkProps & React.RefAttributes<unknown>>;
+export interface WdLinkProps extends CommonPropsType, Except<DataType, 'url'> {
+    contentSlot?: React.ReactNode;
+    url?: DataType['url'];
+}

package/dist/web/components/wd-link/wd-link.js

@@ -6,7 +6,7 @@ import { useConfig } from '../../utils/config-context';
 import { usePlatform } from '../../utils/platform';
 import { WdIcon } from '../index';
 import '../style';
-export const WdLink = forwardRef(function WdLink({ content, url, isOpenInNewWindow, params, iconType, iconSource = 'inner', icon, iconSrc, iconPosition = 'before', disabled, enableSlot = true, contentSlot, events = emptyObject, className, style, id, ...props }, ref) {
+export const WdLink = forwardRef(function WdLink({ content, url, isOpenInNewWindow = false, params = [], iconType = 'none', iconSource = 'inner', icon = 'td:link', iconSrc, iconPosition = 'before', disabled = false, enableSlot = true, contentSlot, events = emptyObject, className, style, id, ...props }, ref) {
     const platform = usePlatform();
     // 样式
     const { classPrefix } = useConfig();

package/dist/web/components/wd-loading/index.d.ts

@@ -0,0 +1,3 @@
+import { WdLoading } from './wd-loading';
+export { WdLoading, type WdLoadingProps } from './wd-loading';
+export default WdLoading;

package/dist/web/components/wd-loading/index.js

@@ -0,0 +1,3 @@
+import { WdLoading } from './wd-loading';
+export { WdLoading } from './wd-loading';
+export default WdLoading;

package/dist/web/components/wd-loading/wd-loading.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { CommonPropsType } from '../../types';
+export declare const WdLoading: ({ text, icon }: {
+    text: any;
+    icon?: any;
+}) => JSX.Element;
+export interface WdLoadingProps extends CommonPropsType {
+    text?: string;
+    icon?: React.ReactElement;
+}

package/dist/web/components/wd-loading/wd-loading.js

@@ -0,0 +1,6 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useConfig } from '../../utils/config-context';
+export const WdLoading = ({ text, icon = null }) => {
+    const { classPrefix } = useConfig();
+    return (_jsxs("div", { className: `${classPrefix}-loading ${classPrefix}-loading--center`, children: [icon ? (_jsx(_Fragment, { children: icon })) : (_jsx("svg", { className: `${classPrefix}-loading__gradient`, viewBox: "0 0 12 12", version: "1.1", width: "1em", height: "1em", children: _jsx("foreignObject", { x: "0", y: "0", width: "12", height: "12", style: { display: 'block', overflow: 'hidden' }, children: _jsx("div", { className: `${classPrefix}-loading__gradient-conic` }) }) })), _jsx("div", { className: `${classPrefix}-loading__text`, children: text || '拼命加载中...' })] }));
+};

package/dist/web/components/wd-location/index.d.ts

@@ -0,0 +1,3 @@
+import { WdLocation } from './wd-location';
+export { WdLocation, type WdLocationProps } from './wd-location';
+export default WdLocation;

package/dist/web/components/wd-location/index.js

@@ -0,0 +1,3 @@
+import { WdLocation } from './wd-location';
+export { WdLocation } from './wd-location';
+export default WdLocation;

package/dist/web/components/wd-location/wd-location.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../types';
+export declare const WdLocation: () => JSX.Element;
+export interface WdLocationProps extends CommonPropsType {
+    defaultValue?: string;
+    size?: string;
+    layout?: string;
+}

package/dist/web/components/wd-location/wd-location.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import classNames from '../../utils/classnames';
+import { useConfig } from '../../utils/config-context';
+import { WdInputWrap, WdIcon, WdButton } from '../index';
+import { WdFormItem } from '../wd-form-item';
+import { Modal, ConfigProvider } from 'tea-component';
+const mockLocationList = [
+    {
+        name: '腾讯大厦',
+        cheak: true,
+        details: '广东省深圳市粤海街道深南大道10000号距离',
+        distance: '400m',
+    },
+    {
+        name: '腾讯大厦',
+        cheak: false,
+        details: '广东省深圳市粤海街道深南大道10000号距离',
+        distance: '400m',
+    },
+    {
+        name: '腾讯大厦',
+        cheak: false,
+        details: '广东省深圳市粤海街道深南大道10000号距离',
+        distance: '400m',
+    },
+    {
+        name: '腾讯大厦',
+        cheak: false,
+        details: '广东省深圳市粤海街道深南大道10000号距离',
+        distance: '400m',
+    },
+    {
+        name: '腾讯大厦',
+        cheak: false,
+        details: '广东省深圳市粤海街道深南大道10000号距离',
+        distance: '400m',
+    },
+    {
+        name: '腾讯大厦',
+        cheak: false,
+        details: '广东省深圳市粤海街道深南大道10000号距离',
+        distance: '400m',
+    },
+    {
+        name: '腾讯大厦',
+        cheak: false,
+        details: '广东省深圳市粤海街道深南大道10000号距离',
+        distance: '400m',
+    },
+    {
+        name: '腾讯大厦',
+        cheak: false,
+        details: '广东省深圳市粤海街道深南大道10000号距离',
+        distance: '400m',
+    },
+];
+const FormItemMockData = {
+    classRoot: 'upload',
+    labelVisible: true,
+    label: '地图定位',
+    testId: 'form-upload-file',
+    borderedPc: true,
+    layout: 'horizontal',
+    // layout: 'vertical',
+};
+export const WdLocation = () => {
+    const { classPrefix } = useConfig();
+    const [isShowDialog, setIsShowDialog] = React.useState(false);
+    const compClassName = `${classPrefix}-location-input-wrap `;
+    // 类名
+    const classList = [compClassName];
+    return (_jsx(_Fragment, { children: _jsx(WdFormItem, { ...FormItemMockData, children: _jsxs("div", { className: `${classPrefix}-location-wrap `, children: [_jsx(WdInputWrap, { className: classNames(...classList), 
+                        // 移入改变after图标为【清空】icon即可<WdIcon name="td:close-circle-filled" />
+                        after: _jsx(WdIcon, { name: "td:location" }), children: _jsx("input", { type: "text", className: `${classPrefix}-form-location_input`, readOnly: true, placeholder: "\u8BF7\u9009\u62E9", onClick: () => {
+                                setIsShowDialog(true);
+                            } }) }), _jsx("div", { className: `${classPrefix}-location-wrap__control ` }), _jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsxs(Modal, { className: `${classPrefix}-location-dialog `, visible: isShowDialog, caption: "\u9009\u62E9\u5730\u7406\u4F4D\u7F6E", onClose: () => {
+                                setIsShowDialog(false);
+                            }, children: [_jsx(Modal.Body, { children: _jsxs("div", { className: `${classPrefix}-location__control `, children: [_jsxs("div", { className: `${classPrefix}-location__control-left `, children: [_jsx(WdInputWrap, { className: `${classPrefix}-location__control-search size-width-md`, after: _jsx(WdIcon, { name: "td:search" }), children: _jsx("input", { type: "text", placeholder: "\u8BF7\u8F93\u5165\u4F60\u9700\u8981\u641C\u7D22\u7684\u5730\u5740" }) }), _jsx("ul", { className: `${classPrefix}-location-list`, children: (mockLocationList === null || mockLocationList === void 0 ? void 0 : mockLocationList.length) &&
+                                                            (mockLocationList === null || mockLocationList === void 0 ? void 0 : mockLocationList.map((item, index) => (_jsx(_Fragment, { children: _jsxs("li", { className: `${classPrefix}-location-item`, children: [_jsxs("p", { className: `${classPrefix}-location-item__name`, children: [(item === null || item === void 0 ? void 0 : item.cheak) && (_jsx("span", { className: `${classPrefix}-location-item__current`, children: "[\u5F53\u524D]" })), "\u817E\u8BAF\u5927\u53A6"] }), _jsxs("p", { className: `${classPrefix}-location-item__details`, children: [_jsx("span", { className: `${classPrefix}-location-item__distance`, children: "100m" }), "\u5E7F\u4E1C\u7701\u6DF1\u5733\u5E02\u7CA4\u6D77\u8857\u9053\u6DF1\u5357\u5927\u905310000\u53F7\u8DDD\u79BB"] }), (item === null || item === void 0 ? void 0 : item.cheak) && (_jsx(WdIcon, { className: `${classPrefix}-location-item__icon-check`, name: "td:check" }))] }, index) })))) })] }), _jsx("div", { className: `${classPrefix}-location__control-right `, children: _jsx("div", { className: `${classPrefix}-location-item__location-icon` }) })] }) }), _jsxs(Modal.Footer, { children: [_jsx(WdButton, { text: "\u53D6\u6D88", size: "md", theme: "secondary" }), _jsx(WdButton, { text: "\u786E\u5B9A", size: "md", theme: "primary" })] })] }) })] }) }) }));
+};

package/dist/web/components/wd-member-select/h5.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare function MemberPickerH5({ isShow, close }: {
+    isShow?: boolean;
+    close: any;
+}): JSX.Element;

package/dist/web/components/wd-member-select/h5.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Portal } from '../common/portal';
+import { useConfig } from '../../utils/config-context';
+import { WdIcon, WdInputWrap } from '../index';
+import { WdRadio } from '../wd-radio';
+import StatusContent from '../statusContent';
+const mockOptionData = [
+    { label: '部门/人员1', key: 0 },
+    { label: '部门/人员2', key: 1 },
+    { label: '部门/人员3', key: 2 },
+    { label: '部门/人员4', key: 3 },
+    { label: '部门/人员5', key: 4 },
+    { label: '部门/人员6', key: 5 },
+    { label: '部门/人员7', key: 6 },
+    { label: '部门/人员8', key: 7 },
+    { label: '部门/人员9', key: 8 },
+    { label: '部门/人员10', key: 9 },
+    { label: '部门/人员11', key: 10 },
+    { label: '部门/人员12', key: 11 },
+    { label: '部门/人员13', key: 12 },
+    { label: '部门/人员14', key: 13 },
+    { label: '部门/人员15', key: 14 },
+    { label: '部门/人员16', key: 15 },
+    { label: '部门/人员17', key: 16 },
+];
+const type = 'basics'; // 基础部门选择：basics 单选radio 多选 checkbox 搜索 search 已选中弹框 checked
+// const clickIndex = 1;
+export function MemberPickerH5({ isShow = true, close }) {
+    // 选中的人
+    const [checked, setChecked] = useState(false);
+    const [selectIndex, setSelectIndex] = useState(0);
+    const { classPrefix } = useConfig();
+    return isShow ? (_jsx(Portal, { type: "div", children: _jsxs("div", { className: `${classPrefix}-custom-picker ${classPrefix}-member-picker`, children: [_jsx("div", { className: `${classPrefix}-custom-backdrop`, onClick: () => {
+                        close();
+                    } }), [type].includes('checked') && (_jsxs("div", { className: `${classPrefix}-custom-picker__inner`, children: [_jsxs("div", { className: `${classPrefix}-custom-picker__header`, children: [_jsx("div", { className: `${classPrefix}-custom-picker__header-cancle`, children: "\u53D6\u6D88" }), _jsx("div", { className: `${classPrefix}-custom-picker__header-title`, children: "\u9009\u62E9\u4EBA\u5458" }), _jsx("div", { className: `${classPrefix}-custom-picker__header-confirm is-disable`, children: "\u786E\u8BA4" })] }), _jsx("div", { className: `${classPrefix}-custom-picker__body`, children: _jsx("div", { className: `${classPrefix}-custom-picker__columns ${classPrefix}-custom-picker__columns--select`, style: {
+                                    height: 'auto',
+                                }, children: _jsx("ul", { className: `${classPrefix}-custom-picker__column`, style: {
+                                        height: '290px',
+                                    }, children: mockOptionData.map((item, index) => {
+                                        return (_jsxs("li", { className: `${classPrefix}-custom-picker__column-item ${classPrefix}-custom-picker__column-item--results `, onClick: () => {
+                                                setSelectIndex(item === null || item === void 0 ? void 0 : item.key);
+                                                setChecked(true);
+                                            }, children: [_jsx("div", { className: `${classPrefix}-custom-picker__column-item-text`, children: item.label }), _jsx(WdIcon, { name: "td:close-circle-filled", size: "sm" })] }, index));
+                                    }) }) }) })] })), ![type].includes('checked') && (_jsxs("div", { className: `${classPrefix}-custom-picker__inner is-full is-no-border`, children: [_jsxs("div", { className: `${classPrefix}-custom-picker__header`, children: [_jsx("div", { className: `${classPrefix}-custom-picker__header-cancle`, children: "\u53D6\u6D88" }), _jsx("div", { className: `${classPrefix}-custom-picker__header-title`, children: "\u9009\u62E9\u4EBA\u5458" }), _jsx("div", { className: `${classPrefix}-custom-picker__header-confirm`, children: "\u786E\u8BA4" })] }), _jsxs("div", { className: `${classPrefix}-custom-picker__body`, children: [_jsx("div", { className: `${classPrefix}-custom-search `, children: _jsx(WdInputWrap, { className: `${classPrefix}-custom-search-input ${classPrefix}-member__control-search is-borderless size-height-lg size-width-hundred`, before: _jsx(WdIcon, { name: "td:search", size: "sm" }), children: _jsx("input", { type: "text", placeholder: "\u641C\u7D22\u6210\u5458" }) }) }), _jsx("div", { className: `${classPrefix}-custom-line ` }), [type].includes('search') ? (_jsx("div", { className: `${classPrefix}-custom-picker__columns ${classPrefix}-custom-picker__columns--select`, style: {
+                                        height: 'auto',
+                                    }, children: _jsx("ul", { className: `${classPrefix}-custom-picker__column`, style: {
+                                            height: checked
+                                                ? 'calc(100vh - 190px)'
+                                                : 'calc(100vh - 135px)',
+                                        }, children: mockOptionData.length === 0 ? (_jsx(StatusContent, { emptyText: '暂无成员', component: "table", icon: "noMember" })) : (_jsx(_Fragment, { children: mockOptionData.map((item, index) => {
+                                                return (_jsxs("li", { className: `${classPrefix}-custom-picker__column-item ${classPrefix}-custom-picker__column-item--results `, onClick: () => {
+                                                        setSelectIndex(item === null || item === void 0 ? void 0 : item.key);
+                                                        setChecked(true);
+                                                    }, children: [_jsx(WdRadio, { ...{}, labelVisible: true, value: "1", layout: 'horizontal', option: {
+                                                                value: '1',
+                                                            }, name: "demo", size: 'lg', getChangeHandler: () => { } }), _jsxs("div", { className: `${classPrefix}-custom-picker__column-item-text`, children: [_jsxs("div", { className: `${classPrefix}-custom-picker__column-item-text-title`, children: [_jsx("span", { className: `${classPrefix}-custom-picker__column-item-text-title-results`, children: item.label }), item.label] }), _jsx("div", { className: `${classPrefix}-custom-picker__column-item-text-subtitle`, children: item.label })] })] }, index));
+                                            }) })) }) })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${classPrefix}-custom-picker__department-box`, children: [_jsx("span", { className: `${classPrefix}-custom-picker__department-item`, children: "\u5168\u90E8\u90E8\u95E8" }), _jsx("span", { className: `${classPrefix}-custom-picker__department-item`, children: _jsx(WdIcon, { name: "td:chevron-right", size: "xs" }) }), _jsx("span", { className: `${classPrefix}-custom-picker__department-item `, children: "\u90E8\u95E82" }), _jsx("span", { className: `${classPrefix}-custom-picker__department-item ${classPrefix}-custom-picker__department-select`, children: _jsx(WdIcon, { name: "td:chevron-right", size: "xs" }) }), _jsx("span", { className: `${classPrefix}-custom-picker__department-item ${classPrefix}-custom-picker__department-select`, children: "\u90E8\u95E84" })] }), [type].includes('basics') && (_jsx("div", { className: `${classPrefix}-custom-picker__columns ${classPrefix}-custom-picker__columns--select`, style: {
+                                                height: 'auto',
+                                            }, children: _jsx("ul", { className: `${classPrefix}-custom-picker__column`, style: {
+                                                    height: checked
+                                                        ? 'calc(100vh - 245px)'
+                                                        : 'calc(100vh - 190px)',
+                                                }, children: mockOptionData.map((item, index) => {
+                                                    return (_jsxs("li", { className: `${classPrefix}-custom-picker__column-item ${classPrefix}-custom-picker__column-item--department `, onClick: () => {
+                                                            setSelectIndex(item === null || item === void 0 ? void 0 : item.key);
+                                                            setChecked(true);
+                                                        }, children: [_jsx(WdIcon, { name: "td:fork", size: "md" }), _jsx("div", { className: `${classPrefix}-custom-picker__column-item-text`, children: item.label }), _jsx(WdIcon, { name: "td:chevron-right", size: "sm" })] }, index));
+                                                }) }) })), [type].includes('radio') && (_jsx("div", { className: `${classPrefix}-custom-picker__columns ${classPrefix}-custom-picker__columns--select`, style: {
+                                                height: 'auto',
+                                            }, children: _jsx("ul", { className: `${classPrefix}-custom-picker__column`, style: {
+                                                    height: checked
+                                                        ? 'calc(100vh - 245px)'
+                                                        : 'calc(100vh - 190px)',
+                                                }, children: mockOptionData.map((item, index) => {
+                                                    return (_jsxs("li", { className: `${classPrefix}-custom-picker__column-item ${classPrefix}-custom-picker__column-item--department `, onClick: () => {
+                                                            setSelectIndex(item === null || item === void 0 ? void 0 : item.key);
+                                                            setChecked(true);
+                                                        }, children: [_jsx(WdRadio, { ...{}, labelVisible: true, value: "1", layout: 'horizontal', option: {
+                                                                    value: '1',
+                                                                }, name: "demo", size: 'lg', getChangeHandler: () => { } }), _jsx("div", { className: `${classPrefix}-custom-picker__column-item-text-department`, children: item.label })] }, index));
+                                                }) }) })), [type].includes('checkbox') && (_jsx("div", { className: `${classPrefix}-custom-picker__columns ${classPrefix}-custom-picker__columns--select`, style: {
+                                                height: 'auto',
+                                            }, children: _jsx("ul", { className: `${classPrefix}-custom-picker__column`, style: {
+                                                    height: checked
+                                                        ? 'calc(100vh - 245px)'
+                                                        : 'calc(100vh - 190px)',
+                                                }, children: mockOptionData.map((item, index) => {
+                                                    return (_jsx("li", { className: `${classPrefix}-custom-picker__column-item ${classPrefix}-custom-picker__column-item-multiple ${(item === null || item === void 0 ? void 0 : item.key) === selectIndex ? 'is-selected' : ''} `, onClick: () => {
+                                                            setSelectIndex(item === null || item === void 0 ? void 0 : item.key);
+                                                        }, children: _jsx("p", { className: `${classPrefix}-custom-picker__column-item-text-multiple`, children: item.label }) }, index));
+                                                }) }) }))] })), checked && (_jsxs("div", { className: `${classPrefix}-custom-picker__checked-box`, children: [_jsx("div", { className: `${classPrefix}-custom-picker__checked-label`, children: "\u5DF2\u9009\u62E9" }), _jsx("div", { className: `${classPrefix}-custom-picker__checked-tag`, children: _jsxs("div", { className: `${classPrefix}-form-select__tag-group `, children: [_jsx("div", { className: `${classPrefix}-form-select__tag-item `, children: _jsx("span", { className: `${classPrefix}-form-select__tag-text `, children: "\u6D4B\u8BD51" }) }), _jsx("div", { className: `${classPrefix}-form-select__tag-item `, children: _jsx("span", { className: `${classPrefix}-form-select__tag-text `, children: "\u6D4B\u8BD51" }) }), _jsx("div", { className: `${classPrefix}-form-select__tag-item `, children: _jsx("span", { className: `${classPrefix}-form-select__tag-text `, children: "\u6D4B\u8BD51" }) }), _jsx("div", { className: `${classPrefix}-form-select__tag-item `, children: _jsx("span", { className: `${classPrefix}-form-select__tag-text `, children: "+4" }) })] }) }), _jsx("div", { className: `${classPrefix}-custom-picker__checked-count`, children: "\u51715\u4EBA" }), _jsx(WdIcon, { name: "td:chevron-right", size: "sm" })] }))] })] }))] }) })) : null;
+}

package/dist/web/components/wd-member-select/index.d.ts

@@ -0,0 +1,3 @@
+import { WdMemberSelect } from './wd-member-select';
+export { WdMemberSelect, type WdMemberSelectProps } from './wd-member-select';
+export default WdMemberSelect;

package/dist/web/components/wd-member-select/index.js

@@ -0,0 +1,3 @@
+import { WdMemberSelect } from './wd-member-select';
+export { WdMemberSelect } from './wd-member-select';
+export default WdMemberSelect;

package/dist/web/components/wd-member-select/wd-member-select.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../types';
+export declare const WdMemberSelect: () => JSX.Element;
+export interface WdMemberSelectProps extends CommonPropsType {
+    defaultValue?: string;
+    size?: string;
+    layout?: string;
+}

package/dist/web/components/wd-member-select/wd-member-select.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import classNames from '../../utils/classnames';
+import { useConfig } from '../../utils/config-context';
+import { WdInputWrap, WdIcon, WdButton, WdCheckbox } from '../index';
+import { WdFormItem } from '../wd-form-item';
+import { Modal, ConfigProvider } from 'tea-component';
+import StatusContent from '../statusContent';
+import { MemberPickerH5 } from './h5';
+import { usePlatform } from '../../utils/platform';
+const mockMemberList = [
+    {
+        name: '测试人员1',
+        close: true,
+    },
+    {
+        name: '测试人员2',
+        close: true,
+    },
+    {
+        name: '测试人员3',
+        close: true,
+    },
+    {
+        name: '测试人员4',
+        close: false,
+    },
+    {
+        name: '测试人员5',
+        close: false,
+    },
+    {
+        name: '测试人员6',
+        close: false,
+    },
+];
+const FormItemMockData = {
+    classRoot: 'member',
+    labelVisible: true,
+    label: '成员',
+    testId: 'form-upload-file',
+    borderedPc: true,
+    layout: 'horizontal',
+    // layout: 'vertical',
+};
+export const WdMemberSelect = () => {
+    const { classPrefix } = useConfig();
+    const [isShowDialog, setIsShowDialog] = React.useState(false);
+    const [isShowH5Dialog, setIsShowH5Dialog] = React.useState(false);
+    const platform = usePlatform();
+    const isH5 = platform === 'h5'; // 响应式判定
+    const compClassName = `${classPrefix}-member-input-wrap `;
+    // 类名
+    const classList = [compClassName];
+    // 待删，为组件 ts 不报错
+    const extra = {};
+    return (_jsx(_Fragment, { children: _jsxs(WdFormItem, { ...FormItemMockData, children: [_jsx(WdInputWrap, { className: classNames(...classList), 
+                    // 移入改变after图标为【清空】icon即可<WdIcon name="td:close-circle-filled" />
+                    after: _jsx(WdIcon, { name: "td:usergroup" }), onClick: () => {
+                        isH5 ? setIsShowH5Dialog(true) : setIsShowDialog(true);
+                    }, children: _jsxs("div", { className: `${classPrefix}-member__tag-group size-md`, children: [_jsxs("div", { className: `${classPrefix}-member__tag-item `, children: [_jsx("span", { className: `${classPrefix}-member__tag-text `, children: "\u6D4B\u8BD51" }), _jsx(WdIcon, { name: "td:close" })] }), _jsxs("div", { className: `${classPrefix}-member__tag-item `, children: [_jsx("span", { className: `${classPrefix}-member__tag-text `, children: "\u6D4B\u8BD51" }), _jsx(WdIcon, { name: "td:close" })] }), _jsxs("div", { className: `${classPrefix}-member__tag-item `, children: [_jsx("span", { className: `${classPrefix}-member__tag-text `, children: "\u6D4B\u8BD51" }), _jsx(WdIcon, { name: "td:close" })] }), _jsx("div", { className: `${classPrefix}-member__tag-item `, children: _jsx("span", { className: `${classPrefix}-member__tag-text `, children: "+4" }) })] }) }), _jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsxs(Modal, { className: `${classPrefix}-member-dialog `, visible: isShowDialog, caption: "\u9009\u62E9\u6210\u5458", onClose: () => {
+                            setIsShowDialog(false);
+                        }, children: [_jsx(Modal.Body, { children: _jsxs("div", { className: `${classPrefix}-member__control `, children: [_jsx("div", { className: `${classPrefix}-member__control-empty `, children: _jsx(StatusContent, { emptyText: '暂无成员', component: "table", icon: "noMember" }) }), _jsxs("div", { className: `${classPrefix}-member__control-select `, children: [_jsx(WdInputWrap, { className: `${classPrefix}-member__control-search is-borderless size-width-hundred`, after: _jsx(WdIcon, { name: "td:search" }), children: _jsx("input", { type: "text", placeholder: "\u641C\u7D22\u6210\u5458" }) }), _jsxs("div", { className: `${classPrefix}-member__control-select-control`, children: [_jsx("div", { className: `${classPrefix}-member__control-select-left ` }), _jsxs("div", { className: `${classPrefix}-member__control-select-right `, children: [_jsxs("div", { className: `${classPrefix}-member__control-select-item`, children: [_jsx(WdCheckbox, { ...extra, index: 0, option: {
+                                                                                label: '全选',
+                                                                            }, name: 'demo', size: 'md', getChangeHandler: () => { }, checkedItemValue: [] }), _jsxs("div", { className: `${classPrefix}-member__pagination`, children: [_jsx(WdIcon, { name: "td:chevron-left" }), _jsx("div", { className: `${classPrefix}-member__pagination-control`, children: "1/2" }), _jsx(WdIcon, { name: "td:chevron-right" })] })] }), _jsx("div", { className: `${classPrefix}-member__control-select-item`, children: _jsx(WdCheckbox, { ...{}, index: 0, option: {
+                                                                            label: (_jsxs(_Fragment, { children: ["\u4EBA\u54581", _jsx("span", { style: {
+                                                                                            paddingLeft: '8px',
+                                                                                            color: 'rgba(0, 0, 0, 0.4)',
+                                                                                        }, children: "\u90E8\u95E81" })] })),
+                                                                        }, name: 'demo', size: 'md', getChangeHandler: () => { }, checkedItemValue: [] }) }), _jsx("div", { className: `${classPrefix}-member__control-select-item`, children: _jsx(WdCheckbox, { ...extra, index: 0, option: { label: '人员2' }, name: 'demo', size: 'md', getChangeHandler: () => { }, checkedItemValue: [] }) })] })] })] }), _jsx("div", { className: `${classPrefix}-member__control-selected `, children: _jsx("div", { className: `${classPrefix}-member__tag-group`, children: mockMemberList.length !== 0 ? (_jsx(_Fragment, { children: '暂无人员' })) : (mockMemberList === null || mockMemberList === void 0 ? void 0 : mockMemberList.map((item, index) => (_jsx(_Fragment, { children: _jsxs("div", { className: `${classPrefix}-member__tag-item `, children: [_jsx("span", { className: `${classPrefix}-member__tag-text `, children: item.name }), _jsx(WdIcon, { name: "td:close" })] }, index) })))) }) })] }) }), _jsxs(Modal.Footer, { children: [_jsx(WdButton, { text: "\u53D6\u6D88", size: "md", theme: "secondary" }), _jsx(WdButton, { text: "\u786E\u5B9A", size: "md", theme: "primary" })] })] }) }), _jsx(MemberPickerH5, { isShow: isShowH5Dialog, close: () => {
+                        setIsShowH5Dialog(false);
+                    } })] }) }));
+};

package/dist/web/components/wd-modal/index.d.ts

@@ -0,0 +1,3 @@
+import { WdModal } from './wd-modal';
+export { WdModal, type WdModalProps } from './wd-modal';
+export default WdModal;

package/dist/web/components/wd-modal/index.js

@@ -0,0 +1,3 @@
+import { WdModal } from './wd-modal';
+export { WdModal } from './wd-modal';
+export default WdModal;

package/dist/web/components/wd-modal/wd-modal.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/wd-modal';
+export declare const WdModal: React.ForwardRefExoticComponent<WdModalProps & React.RefAttributes<unknown>>;
+export interface WdModalProps extends CommonPropsType, DataType {
+}