@cloudbase/weda-ui 0.2.17 → 0.2.21-alpha.2

package/dist/web/components/wd-department/_design/wd-department-select.js

@@ -0,0 +1,67 @@
+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';
+// import StatusContent from '../statusContent';
+import { usePlatform } from '../../../utils/platform';
+import { DepartmentPickerH5 } from './h5';
+const mockDepartmentList = [
+    {
+        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: 'department',
+    labelVisible: true,
+    label: '部门',
+    testId: 'form-upload-file',
+    borderedPc: true,
+    layout: 'horizontal',
+    // layout: 'vertical',
+};
+export const WdDepartmentSelect = () => {
+    const { classPrefix } = useConfig();
+    const [isShowDialog, setIsShowDialog] = React.useState(false);
+    const [isShowH5Dialog, setIsShowH5Dialog] = React.useState(false);
+    const compClassName = `${classPrefix}-department-input-wrap `;
+    const platform = usePlatform();
+    const isH5 = platform === 'h5'; // 响应式判定
+    // 类名
+    const classList = [compClassName];
+    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:fork" }), onClick: () => {
+                        setIsShowDialog(true);
+                        isH5 ? setIsShowH5Dialog(true) : setIsShowDialog(true);
+                    }, children: _jsxs("div", { className: `${classPrefix}-department__tag-group size-md`, children: [_jsxs("div", { className: `${classPrefix}-department__tag-item `, children: [_jsx("span", { className: `${classPrefix}-department__tag-text `, children: "\u6D4B\u8BD51" }), _jsx(WdIcon, { name: "td:close", onClick: (e) => {
+                                            e.stopPropagation();
+                                        } })] }), _jsxs("div", { className: `${classPrefix}-department__tag-item `, children: [_jsx("span", { className: `${classPrefix}-department__tag-text `, children: "\u6D4B\u8BD51" }), _jsx(WdIcon, { name: "td:close" })] }), _jsxs("div", { className: `${classPrefix}-department__tag-item `, children: [_jsx("span", { className: `${classPrefix}-department__tag-text `, children: "\u6D4B\u8BD51" }), _jsx(WdIcon, { name: "td:close" })] }), _jsx("div", { className: `${classPrefix}-department__tag-item `, children: _jsx("span", { className: `${classPrefix}-department__tag-text `, children: "+4" }) })] }) }), _jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsxs(Modal, { className: `${classPrefix}-department-dialog `, visible: isShowDialog, caption: "\u9009\u62E9\u90E8\u95E8", onClose: () => {
+                            setIsShowDialog(false);
+                        }, children: [_jsx(Modal.Body, { children: _jsxs("div", { className: `${classPrefix}-department__control `, children: [_jsxs("div", { className: `${classPrefix}-department__control-select `, children: [_jsx(WdInputWrap, { className: `${classPrefix}-department__control-search is-borderless size-width-hundred`, after: _jsx(WdIcon, { name: "td:search" }), children: _jsx("input", { type: "text", placeholder: "\u641C\u7D22\u90E8\u95E8" }) }), _jsx("div", { className: `${classPrefix}-department__control-select-control` })] }), _jsx("div", { className: `${classPrefix}-department__control-selected `, children: _jsx("div", { className: `${classPrefix}-department__tag-group`, children: mockDepartmentList.length == 0 ? (_jsx(_Fragment, { children: '暂无人员' })) : (mockDepartmentList === null || mockDepartmentList === void 0 ? void 0 : mockDepartmentList.map((item, index) => (_jsx(_Fragment, { children: _jsxs("div", { className: `${classPrefix}-department__tag-item `, children: [_jsx("span", { className: `${classPrefix}-department__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(DepartmentPickerH5, { isShow: isShowH5Dialog, close: () => {
+                        setIsShowH5Dialog(false);
+                    } })] }) }));
+};

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

@@ -0,0 +1,3 @@
+import { WdDepartment } from './wd-department';
+export { WdDepartment, type WdDepartmentProps } from './wd-department';
+export default WdDepartment;

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

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

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

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

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

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

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

@@ -0,0 +1,35 @@
+/* h5 */
+.wd-form-item.wd-h5-department-root .weui-depart-tree-select.weui-cell {
+  padding: 0;
+}
+
+.wd-form-item.wd-h5-department-root .weui-depart-tree-select input.weui-input {
+  padding: 0;
+}
+
+/* pc */
+.wd-form-item.wd-pc-department-root
+  .weda-ui-org-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-department-root
+  .weda-ui-org-selected
+  .wedatea2td-dropdown__header
+  .wedatea2td-icon-arrowdown {
+  display: none;
+}
+
+.wd-form-item.wd-pc-department-root .wd-form-item-wrap__control,
+.wd-form-item.wd-pc-department-root .wd-form-input-wrap__content {
+  overflow-x: hidden;
+}
+
+.wd-form-item.wd-pc-department-root .weda-ui-user-select-input__values {
+  overflow-x: auto;
+}

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

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

package/dist/web/components/wd-department/wd-department.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 DepartTreeSelect from '../form/userOrgSelect/component/depart-select';
+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 WdDepartment = forwardRef(function WdDepartment(props, ref) {
+    const { classRoot = 'department', clearable = X_RUNTIME_DEFAULT.clearable, placeholder, multiple = X_RUNTIME_DEFAULT.multiple, departmentScope = X_RUNTIME_DEFAULT.departmentScope, 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(DepartTreeSelect, { events: events, confirmValue: value, defaultValue: value, defaultValueType: "confirmDepart", multiple: multiple, placeholder: placeholder, size: "full", departmentScope: departmentScope, readOnly: readOnly, disabled: disabled, decorator: null, onChange: onChange }) }) }) }) }));
+});

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

@@ -0,0 +1,3 @@
+import { WdDivider } from './wd-divider';
+export { WdDivider, type WdDividerProps } from './wd-divider';
+export default WdDivider;

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { CommonPropsType } from '../../types';
+import type { DataType } from '../../../configs/components/wd-divider';
+import type { Except } from 'type-fest';
+export declare const WdDivider: React.ForwardRefExoticComponent<WdDividerProps & React.RefAttributes<unknown>>;
+export interface WdDividerProps extends CommonPropsType, Except<DataType, 'type'> {
+    type: DataType['type'];
+}

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

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle } from 'react';
+import classNames from '../../utils/classnames';
+import { useConfig } from '../../utils/config-context';
+import { usePlatform } from '../../utils/platform';
+import { convertLegacyEnum } from '../../utils/tool';
+import { WD_DIVIDER_TYPE } from '../../../enum';
+export const WdDivider = forwardRef(function WdDivider({ className, style, id, type: _type = 'solid', ...restProps }, ref) {
+    const platform = usePlatform();
+    // 兼容旧版组件的属性值
+    const { classPrefix } = useConfig();
+    const compClassName = `${classPrefix}-divider`;
+    // 枚举转换
+    const type = convertLegacyEnum(_type, WD_DIVIDER_TYPE);
+    // 类名
+    const classList = [compClassName];
+    type && classList.push(`${compClassName}--${type}`);
+    // 用户定义的className
+    classList.push(className);
+    if (platform === 'h5') {
+        classList.push('wd-h5-divider');
+    }
+    else {
+        classList.push('wd-pc-divider');
+    }
+    // Widget API，挂载组件只读属性和组件方法
+    useImperativeHandle(ref, () => {
+        return {
+            type,
+        };
+    }, [type]);
+    return (_jsx("div", { "data-testid": "wd-divider-test", className: classNames(...classList), style: style, id: id, ...restProps }));
+});

package/dist/web/components/wd-form/contexts/form-layout-context.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { DataType } from '../../../../configs/components/wd-form';
+type FormLayoutContextProviderProps = {
+    children?: React.ReactNode;
+    layout: DataType['layout'];
+};
+export declare function FormLayoutProvider({ children, layout, }: FormLayoutContextProviderProps): JSX.Element;
+export declare function useFormLayout(): DataType['layout'] | null;
+export {};

package/dist/web/components/wd-form/contexts/form-layout-context.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { createContext } from '../../../utils/global-context';
+const FormLayoutContext = createContext(null, 'FormLayoutContext');
+export function FormLayoutProvider({ children, layout, }) {
+    return (_jsx(FormLayoutContext.Provider, { value: layout, children: children }));
+}
+export function useFormLayout() {
+    return useContext(FormLayoutContext);
+}

package/dist/web/components/wd-form/contexts/form-type-context.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { DataType } from '../../../../configs/components/wd-form';
+type FormTypeContextProviderProps = {
+    children?: React.ReactNode;
+    formType: DataType['formType'];
+};
+export declare function FormTypeProvider({ children, formType, }: FormTypeContextProviderProps): JSX.Element;
+export declare function useFormType(): DataType['formType'] | null;
+export {};

package/dist/web/components/wd-form/contexts/form-type-context.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { createContext } from '../../../utils/global-context';
+const FormTypeContext = createContext(null, 'FormTypeContext');
+export function FormTypeProvider({ children, formType, }) {
+    return (_jsx(FormTypeContext.Provider, { value: formType, children: children }));
+}
+export function useFormType() {
+    return useContext(FormTypeContext);
+}

package/dist/web/components/wd-form/contexts/form-widget-context.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { WdFromProps } from '../index';
+type FormWidgetContextProviderProps = {
+    children?: React.ReactNode;
+    $widget: WdFromProps['$widget'];
+};
+export declare function FormWidgetProvider({ children, $widget, }: FormWidgetContextProviderProps): JSX.Element;
+export declare function useFormWidget(): WdFromProps['$widget'] | null;
+export {};

package/dist/web/components/wd-form/contexts/form-widget-context.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { createContext } from '../../../utils/global-context';
+const FormWidgetContext = createContext(null, 'FormWidgetContext');
+export function FormWidgetProvider({ children, $widget, }) {
+    return (_jsx(FormWidgetContext.Provider, { value: $widget, children: children }));
+}
+export function useFormWidget() {
+    return useContext(FormWidgetContext);
+}

package/dist/web/components/wd-form/form-utils.d.ts

@@ -0,0 +1,7 @@
+import type { CommonPropsType } from '../../types';
+export declare function getFormDataFromItemMap(formItemMap: Map<string, Array<CommonPropsType['$widget']>>, formType: string): Record<string, unknown>;
+export declare function getErrorObjectFromValidateResult(errObj: Record<string, Array<{
+    message: string;
+    format?: string;
+    label?: string;
+}>>): Record<string, string>;

package/dist/web/components/wd-form/form-utils.js

@@ -0,0 +1,42 @@
+import lodashSet from 'lodash.set';
+function getFormDetailValueIsNull({ formData, formItemMap, }) {
+    const formDetailList = [];
+    formItemMap.forEach((items, name) => {
+        items.forEach((item) => {
+            var _a, _b;
+            if (((_b = (_a = item.getConfig) === null || _a === void 0 ? void 0 : _a.call(item)) === null || _b === void 0 ? void 0 : _b.componentType) === 'formdetail') {
+                formDetailList.push(name);
+            }
+        });
+    });
+    const arr = formDetailList.filter((i) => !Object.keys(formData).find((j) => i === j));
+    return arr;
+}
+export function getFormDataFromItemMap(formItemMap, formType) {
+    const formData = {};
+    formItemMap.forEach((items, name) => {
+        items.forEach((item) => {
+            var _a, _b, _c;
+            if (!['formdetail', 'formObj'].includes((_b = (_a = item.getConfig) === null || _a === void 0 ? void 0 : _a.call(item)) === null || _b === void 0 ? void 0 : _b.componentType)) {
+                lodashSet(formData, name, (_c = item === null || item === void 0 ? void 0 : item.getValue) === null || _c === void 0 ? void 0 : _c.call(item));
+            }
+        });
+    });
+    const result = getFormDetailValueIsNull({ formData, formItemMap });
+    // 编辑或查看场景，提交表单时，若子表单内容为空，则赋值为空
+    if (result.length && ['read', 'edit'].includes(formType)) {
+        result.forEach((name) => {
+            lodashSet(formData, name, null);
+        });
+    }
+    return formData;
+}
+export function getErrorObjectFromValidateResult(errObj) {
+    return Object.keys(errObj !== null && errObj !== void 0 ? errObj : {}).reduce((acc, cur) => {
+        const errors = errObj[cur];
+        if (errors.length > 0) {
+            acc[cur] = { message: errors[0].message, label: errors[0].label };
+        }
+        return acc;
+    }, {});
+}

package/dist/web/components/wd-form/hooks/use-auth-value.d.ts

@@ -0,0 +1,15 @@
+import type { WdFromProps } from '../index';
+type AuthValue = {
+    isDataModel: boolean;
+    dataSourceFields?: string[];
+    dataSourceFieldsWidthAuthList: any[];
+};
+export declare function useAuthValue({ isDataModel, dataSourceName, }: Pick<WdFromProps, 'appCloud' | 'dataSourceName'> & {
+    isDataModel: boolean;
+}): AuthValue;
+type BoolSetter = (val: boolean) => void;
+export declare const createSetStateForAuth: (setters: {
+    setVisible: BoolSetter;
+    setReadOnly: BoolSetter;
+}) => (value: 'n' | 'rw' | 'r') => "rw" | "r" | "n";
+export {};

package/dist/web/components/wd-form/hooks/use-auth-value.js

@@ -0,0 +1,43 @@
+import { useMemo } from 'react';
+import { debug } from '../../../utils/console';
+import { useDataSource } from '../../../utils/hooks/useDataSource';
+const logger = debug('use-auth-value');
+export function useAuthValue({ isDataModel, dataSourceName, }) {
+    const { data: dataSource, error, isLoading, } = useDataSource(isDataModel ? dataSourceName : '');
+    const authValue = useMemo(() => {
+        var _a, _b, _c;
+        const result = {
+            isDataModel,
+            dataSourceFields: undefined,
+            dataSourceFieldsWidthAuthList: undefined,
+        };
+        logger.debug('datasource', dataSourceName, dataSource);
+        if (isLoading)
+            return result;
+        if (error)
+            return result;
+        if (!dataSource)
+            return result;
+        result.dataSourceFieldsWidthAuthList = (_b = (_a = dataSource === null || dataSource === void 0 ? void 0 : dataSource.resourceCheckInfos) === null || _a === void 0 ? void 0 : _a.filter((item) => !(item === null || item === void 0 ? void 0 : item.RelationField))) === null || _b === void 0 ? void 0 : _b.map((item) => item.ReadWrite);
+        result.dataSourceFields = Object.keys(((_c = dataSource === null || dataSource === void 0 ? void 0 : dataSource.schema) === null || _c === void 0 ? void 0 : _c.properties) || {});
+        logger.debug('auth value', result);
+        return result;
+    }, [dataSource, dataSourceName, error, isDataModel, isLoading]);
+    return authValue;
+}
+export const createSetStateForAuth = (setters) => {
+    const { setReadOnly, setVisible } = setters;
+    return (value) => {
+        if (value === 'n') {
+            setVisible === null || setVisible === void 0 ? void 0 : setVisible(false);
+        }
+        else if (value === 'r') {
+            setVisible === null || setVisible === void 0 ? void 0 : setVisible(true);
+            setReadOnly === null || setReadOnly === void 0 ? void 0 : setReadOnly(true);
+        }
+        else if (value === 'rw') {
+            setVisible === null || setVisible === void 0 ? void 0 : setVisible(true);
+        }
+        return value;
+    };
+};

package/dist/web/components/wd-form/hooks/use-remote-value.d.ts

@@ -0,0 +1,36 @@
+import type { WdFromProps } from '../index';
+import type { DataType as FormDataFormType, EventsType } from '../../../../configs/components/wd-form';
+import type { LiteralUnion } from 'type-fest';
+/**
+ *
+ * 从数据源拉值
+ *
+ */
+export declare function useRemoteValue({ formType, _id, dataSourceName, methodGetItem, paramGetItem, appCloud, isDataModel, allSelectFields, eventsRef, datasourceType, value, }: Pick<WdFromProps, 'appCloud' | '_id' | 'dataSourceName' | 'formType' | 'methodGetItem' | 'value' | 'paramGetItem' | 'datasourceType'> & {
+    isDataModel: boolean;
+    allSelectFields: Record<string, string[]>;
+} & {
+    eventsRef: {
+        current: EventsType['events'];
+    };
+}): {
+    remoteValue: any;
+    error: any;
+    loadingStatus: "loading" | "hidden" | "done";
+};
+export declare function useInitValueFromRemote(dataSourceType: WdFromProps['datasourceType'], dataSourceProfile: any, fetchedInitialValues: any): import("swr/_internal").SWRResponse<any, any, {
+    onError(err: any): void;
+}>;
+type useRemoteParamsFromValueParams = {
+    dataSourceProfile: {
+        schema: Record<string, any>;
+    };
+    formData: Record<string, any>;
+    formType: FormDataFormType['formType'];
+    _id: FormDataFormType['_id'];
+};
+export declare function useRemoteParamsFromValue({ dataSourceProfile, formData, formType, _id, }: useRemoteParamsFromValueParams): {
+    data: Record<string, any>;
+    filter?: Record<LiteralUnion<'where', string>, unknown>;
+};
+export {};