@cloudbase/weda-ui 3.5.2 → 3.6.0

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

@@ -5,37 +5,39 @@ import type { DataType, EventsType } from '../../../configs/components/wd-input-
  * 标准化：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<{
+    name: string;
+    title: string;
+    detail: import("@sinclair/typebox").TObject<{
         value: import("@sinclair/typebox").TString;
     }>;
+    description: string;
 }, {
-    readonly name: "focus";
-    readonly title: "聚焦";
-    readonly detail: import("@sinclair/typebox").TObject<{
+    name: string;
+    title: string;
+    detail: import("@sinclair/typebox").TObject<{
         value: import("@sinclair/typebox").TString;
     }>;
 }, {
-    readonly name: "blur";
-    readonly title: "失焦";
-    readonly detail: import("@sinclair/typebox").TObject<{
+    name: string;
+    title: string;
+    detail: import("@sinclair/typebox").TObject<{
         value: import("@sinclair/typebox").TString;
     }>;
 }, {
-    readonly name: "confirm";
-    readonly title: "确认";
-    readonly detail: import("@sinclair/typebox").TObject<{
+    name: string;
+    title: string;
+    detail: import("@sinclair/typebox").TObject<{
         value: import("@sinclair/typebox").TString;
     }>;
 }, {
-    readonly name: "clear";
-    readonly title: "清除内容";
-    readonly detail: import("@sinclair/typebox").TObject<{
+    name: string;
+    title: string;
+    detail: import("@sinclair/typebox").TObject<{
         originValue: import("@sinclair/typebox").TString;
     }>;
 }]>> & import("type-fest").Simplify<{
     label?: string;
+    template?: string;
     name?: string;
     required?: boolean;
     extra?: string;
@@ -44,28 +46,29 @@ export declare const WdInputUrl: React.ForwardRefExoticComponent<CommonPropsType
     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;
+    labelWidth?: string;
+    inputValue?: string;
+    labelVisible?: boolean;
+    labelAlign?: string;
+    labelWrap?: boolean;
+    labelTips?: string;
+    cursorSpacing?: number;
+    clearable?: boolean;
+    isUnionValue?: boolean;
+    counterVisible?: boolean;
     borderedH5?: boolean;
     borderedPc?: boolean;
+    requiredFlag?: boolean;
     requiredMsg?: string;
+    isConvert?: boolean;
 }> & React.RefAttributes<any>>;
 export type WdInputUrlProps = CommonPropsType & EventsType & DataType;

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

@@ -0,0 +1,3 @@
+.wd-layout__body:has(> ._wa-comp-container-empty-children) {
+  flex-grow: 1;
+}

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

@@ -0,0 +1 @@
+import './index.css';

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

@@ -0,0 +1 @@
+import './index.css';

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

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

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

@@ -1,10 +1,11 @@
 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, }) => {
+import './style';
+export const WdLayout = ({ headerLeftSlot, headerRightSlot, contentSlot, style, template = 'white', 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 })] }));
+    return (_jsxs("div", { className: `${isH5 ? `${classPrefix}-h5-layout-root` : `${classPrefix}-pc-layout-root`} ${classPrefix}-layout-root ${className} ${template}`, "data-testid": "wd-layout-test", style: style, children: [_jsxs("div", { className: `${classPrefix}-layout__header ${template}`, "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 ${template}`, "data-testid": "wd-layout-body-test", children: contentSlot })] }));
 };

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 = false, params = [], iconType = 'none', iconSource = 'inner', icon = 'td:link', iconSrc, iconPosition = 'before', disabled = false, enableSlot = true, contentSlot, events = emptyObject, className, style, id, ...props }, ref) {
+export const WdLink = forwardRef(function WdLink({ content, packageName, 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();
@@ -22,7 +22,7 @@ export const WdLink = forwardRef(function WdLink({ content, url, isOpenInNewWind
         'is-disabled': disabled,
         [platformCss]: true,
     };
-    const { href, path, paramObj, isAbosolutePath } = processUrl(url, params);
+    const { href, path, paramObj, isAbosolutePath } = processUrl(packageName ? `${packageName}/${url}` : url, params);
     // 方法
     const onClick = (e) => {
         var _a;
@@ -33,7 +33,7 @@ export const WdLink = forwardRef(function WdLink({ content, url, isOpenInNewWind
             e.preventDefault();
             (_a = window === null || window === void 0 ? void 0 : window.app) === null || _a === void 0 ? void 0 : _a.navigateTo({
                 pageId: path,
-                packageName: '',
+                packageName: packageName || '',
                 mode: 'weDa',
                 params: paramObj,
             });

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

@@ -0,0 +1,7 @@
+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/_design/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-location/style.d.ts

@@ -0,0 +1 @@
+import './wd-location.css';

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

@@ -0,0 +1 @@
+import './wd-location.css';

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

@@ -0,0 +1,57 @@
+/* h5 */
+.wd-form-item.wd-h5-location-root .form-location .form-location-con {
+  display: flex;
+  align-items: center;
+  margin-bottom: 0;
+}
+
+.wd-form-item.wd-h5-location-root .form-location .form-location-addr {
+  padding: 0;
+}
+
+.wd-form-item.wd-h5-location-root .form-location .weui-cell {
+  padding: 0;
+}
+
+/* pc */
+.wd-form-item.wd-pc-location-root ._weda-fn-map {
+  width: 100%;
+}
+
+.wd-form-item.wd-pc-location-root ._weda-fn-map .weda-fn-map__local_loc {
+  min-height: auto;
+  width: 100% !important;
+}
+
+.wd-form-item.wd-pc-location-root
+  ._weda-fn-map
+  .weda-fn-map__local_loc_btn_left {
+  margin: 0;
+  line-height: 1;
+}
+
+.wd-form-item.wd-pc-location-root ._weda-fn-map .form-location-map-pc {
+  width: 100%;
+  height: auto;
+  margin-top: 0;
+}
+
+.wd-form-item.wd-pc-location-root
+  ._weda-fn-map
+  .wedatea2td-justify-grid__col--right {
+  position: unset;
+}
+.wd-form-item.wd-pc-location-root
+  ._weda-fn-map
+  .wedatea2td-justify-grid__col--right
+  input {
+  width: 75px;
+}
+
+.wd-form-item.wd-pc-location-root ._weda-fn-map .form-location-map-pc-address {
+  height: auto;
+}
+
+.form-location-con__text.wd-btn--link:hover:not(.is-disabled) {
+  text-decoration: none;
+}

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

@@ -1,8 +1,13 @@
-/// <reference types="react" />
+import React from 'react';
 import type { CommonPropsType } from '../../types';
-export declare const WdLocation: () => JSX.Element;
-export interface WdLocationProps extends CommonPropsType {
-    defaultValue?: string;
-    size?: string;
-    layout?: string;
+import type { DataType } from '../../../configs/components/wd-location';
+import './style';
+/**
+ * 地图-标准化
+ */
+export declare const WdLocation: React.ForwardRefExoticComponent<WdLocationProps & React.RefAttributes<any>>;
+export interface WdLocationProps extends CommonPropsType, DataType {
+    classRoot?: string;
+    customLocation?: any;
+    defauleShowLocation?: any;
 }

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

@@ -1,81 +1,48 @@
-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" })] })] }) })] }) }) }));
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useCallback, useMemo, useState } from 'react';
+import { useHandleClear } from '../../utils/hooks/useFormLegacy';
+import { useFormInputTrait } from '../../components/form-input-hooks';
+import { WdFormItem, WdInputGroup, WdInputWrap } from '../wd-form-item';
+import Location from '../form/location';
+import { emptyObject } from '../../utils/constant';
+import { X_RUNTIME_DEFAULT } from '../../../configs/type-utils/x-runtime-default';
+import { RecycleProvider } from '../../utils/hooks/useRecycle';
+import './style';
+/**
+ * 地图-标准化
+ */
+export const WdLocation = forwardRef(function WdLocation(props, ref) {
+    const { classRoot = 'location', clearable = X_RUNTIME_DEFAULT.clearable, placeholder = '选择地理位置', customLocation, customRange = X_RUNTIME_DEFAULT.customRange, dataSource = X_RUNTIME_DEFAULT._dataSourceInLocation, defauleShowLocation, drag = X_RUNTIME_DEFAULT.drag, locationType = X_RUNTIME_DEFAULT.locationType, locationRange = X_RUNTIME_DEFAULT.locationRange, showLngLat = X_RUNTIME_DEFAULT.showLngLat, showMap = X_RUNTIME_DEFAULT.showMap, zoom = X_RUNTIME_DEFAULT.zoom, events = emptyObject, } = props;
+    const traitProps = { ...props, inputRef: ref };
+    const trait = useFormInputTrait(traitProps);
+    const { value, onChange, disabled, readOnly, visible } = trait;
+    const [isInit, setIsInit] = useState(false);
+    const readValue = useMemo(() => {
+        return typeof value === 'object' ? value === null || value === void 0 ? void 0 : value['address'] : value;
+    }, [value]);
+    const onClearChange = useCallback((v) => {
+        var _a;
+        onChange === null || onChange === void 0 ? void 0 : onChange(v);
+        (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: v });
+    }, [onChange, events]);
+    const clearProps = useHandleClear({
+        onChange: onClearChange,
+        clearable,
+        disabled,
+        value,
+    });
+    const formItemProps = {
+        ...props,
+        ...trait,
+        classRoot,
+        borderedPc: false,
+        readValue,
+        // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+        readOnly: locationType === 2 ? readOnly && isInit : readOnly,
+    };
+    const inputGroupProps = { ...props, classRoot };
+    const inputWrapProps = { ...props, classRoot, disabled, ...clearProps };
+    if (!visible)
+        return null;
+    return (_jsx(WdFormItem, { ...formItemProps, children: _jsx(WdInputGroup, { ...inputGroupProps, children: _jsx(WdInputWrap, { ...inputWrapProps, children: _jsx(RecycleProvider, { recycleBack: setIsInit, children: _jsx(Location, { events: events, labelVisible: false, placeholder: placeholder, value: value, customLocation: customLocation, customRange: customRange, dataSource: dataSource, defauleShowLocation: defauleShowLocation, drag: drag, locationType: locationType, locationRange: locationRange, showLngLat: showLngLat, showMap: showMap, zoom: zoom, readOnly: readOnly, disabled: disabled, decorator: null, onChange: onChange }) }) }) }) }));
+});

package/dist/web/components/{wd-member-select → wd-member/_design}/h5.js

@@ -1,10 +1,10 @@
 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';
+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 },

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

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

package/dist/web/components/{wd-member-select → wd-member/_design}/wd-member-select.js

@@ -1,13 +1,13 @@
 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 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 StatusContent from '../../statusContent';
 import { MemberPickerH5 } from './h5';
-import { usePlatform } from '../../utils/platform';
+import { usePlatform } from '../../../utils/platform';
 const mockMemberList = [
     {
         name: '测试人员1',
@@ -43,7 +43,7 @@ const FormItemMockData = {
     layout: 'horizontal',
     // layout: 'vertical',
 };
-export const WdMemberSelect = () => {
+export const WdMember = () => {
     const { classPrefix } = useConfig();
     const [isShowDialog, setIsShowDialog] = React.useState(false);
     const [isShowH5Dialog, setIsShowH5Dialog] = React.useState(false);

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

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

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

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

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

@@ -0,0 +1 @@
+import './wd-member.css';

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

@@ -0,0 +1 @@
+import './wd-member.css';

package/dist/web/components/wd-member/wd-member.css

@@ -0,0 +1,31 @@
+/* h5 */
+.wd-form-item.wd-h5-member-root .weui-cell {
+  padding: 0;
+}
+
+/* pc */
+.wd-form-item.wd-pc-member-root
+  .weda-ui-user-selected
+  .wedatea2td-dropdown-btn.wedatea2td-dropdown__header {
+  border: none;
+  padding: 0;
+  height: 100%;
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+
+.wd-form-item.wd-pc-member-root
+  .weda-ui-user-selected
+  .wedatea2td-dropdown__header
+  .wedatea2td-icon-arrowdown {
+  display: none;
+}
+
+.wd-form-item.wd-pc-member-root .wd-form-item-wrap__control,
+.wd-form-item.wd-pc-member-root .wd-form-input-wrap__content {
+  overflow-x: hidden;
+}
+
+.wd-form-item.wd-pc-member-root .weda-ui-user-select-input__values {
+  overflow-x: auto;
+}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/wd-member';
+import './style';
+export declare const WdMember: React.ForwardRefExoticComponent<WdMemberProps & React.RefAttributes<any>>;
+export interface WdMemberProps extends CommonPropsType, DataType {
+    classRoot?: string;
+}

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

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useCallback } from 'react';
+import { useHandleClear } from '../../utils/hooks/useFormLegacy';
+import { useFormInputTrait } from '../../components/form-input-hooks';
+import { WdFormItem, WdInputGroup, WdInputWrap } from '../wd-form-item';
+import UserTreeSelect from '../form/userOrgSelect/component/user-select-h5';
+import { emptyObject } from '../../utils/constant';
+import { RecycleProvider } from '../../utils/hooks/useRecycle';
+import { X_RUNTIME_DEFAULT } from '../../../configs/type-utils/x-runtime-default';
+import './style';
+export const WdMember = forwardRef(function WdMember(props, ref) {
+    const { classRoot = 'member', clearable = X_RUNTIME_DEFAULT.clearable, placeholder, where, multiple = X_RUNTIME_DEFAULT.multiple, secondDisplay = X_RUNTIME_DEFAULT.secondDisplay, corpScope = X_RUNTIME_DEFAULT.corpScope, events = emptyObject, } = props;
+    const traitProps = { ...props, inputRef: ref };
+    const trait = useFormInputTrait(traitProps);
+    const { value, onChange, disabled, readOnly, visible } = trait;
+    const onClearChange = useCallback((v) => {
+        var _a;
+        onChange === null || onChange === void 0 ? void 0 : onChange(v);
+        (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: v });
+    }, [onChange, events]);
+    const clearProps = useHandleClear({
+        onChange: onClearChange,
+        clearable,
+        disabled,
+        value,
+    });
+    const formItemProps = { ...props, ...trait, classRoot, readOnly: false };
+    const inputGroupProps = { ...props, classRoot, readOnly };
+    const inputWrapProps = {
+        ...props,
+        classRoot,
+        disabled,
+        readOnly,
+        ...clearProps,
+    };
+    if (!visible)
+        return null;
+    return (_jsx(WdFormItem, { ...formItemProps, children: _jsx(WdInputGroup, { ...inputGroupProps, children: _jsx(WdInputWrap, { ...inputWrapProps, children: _jsx(RecycleProvider, { readOnly: readOnly, children: _jsx(UserTreeSelect, { events: events, placeholder: placeholder, checked: value, confirmValue: value, defaultValueType: "confirmUser", defaultValue: value, size: "full", multiple: multiple, where: where, secondDisplay: secondDisplay, corpScope: corpScope, readOnly: readOnly, disabled: disabled, decorator: null, onChange: onChange }) }) }) }) }));
+});

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { CommonPropsType } from '../../types';
+export default function WdMenuBaseLayout({ children, className, style, id, }: PropsType): JSX.Element;
+export interface PropsType extends CommonPropsType {
+    title?: string;
+}