@univerjs/design 0.6.1 → 0.6.2

package/lib/types/components/dropdown/PopoverPrimitive.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from 'react';
+import { Anchor, Content, Root, Trigger } from '@radix-ui/react-popover';
+declare function PopoverPrimitive({ ...props }: ComponentProps<typeof Root>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTrigger({ ...props }: ComponentProps<typeof Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: ComponentProps<typeof Content>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverAnchor({ ...props }: ComponentProps<typeof Anchor>): import("react/jsx-runtime").JSX.Element;
+export { PopoverAnchor, PopoverContent, PopoverPrimitive, PopoverTrigger };

package/lib/types/components/dropdown/index.d.ts

@@ -13,6 +13,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export { DropdownOverlay, type IDropdownOverlayProps } from './DropdownOverlay';
-export { DropdownProvider } from './DropdownProvider';
-export { DropdownTrigger } from './DropdownTrigger';
+export { Dropdown } from './Dropdown';

package/lib/types/components/dropdown-legacy/DropdownLegacy.d.ts

@@ -47,4 +47,5 @@ export interface IDropdownLegacyProps {
     /** Disable dropdown from showing up. */
     disabled?: boolean;
 }
+/** @deprecated */
 export declare function DropdownLegacy(props: IDropdownLegacyProps): import("react/jsx-runtime").JSX.Element | null;

package/lib/types/components/dropdown-menu/DropdownMenu.d.ts

@@ -0,0 +1,31 @@
+import { Content } from '@radix-ui/react-popover';
+import { ComponentProps, ReactNode } from 'react';
+type DropdownMenu = {
+    type: 'item';
+    className?: string;
+    children: ReactNode;
+    disabled?: boolean;
+    onSelect?: (item: DropdownMenu) => void;
+} | {
+    type?: 'separator';
+    className?: string;
+} | {
+    type?: 'radio';
+    className?: string;
+    value: string;
+    options: {
+        value: string;
+        label: ReactNode;
+        disabled?: boolean;
+    }[];
+    onSelect?: (item: string) => void;
+};
+export interface IDropdownProps {
+    children: ReactNode;
+    items: DropdownMenu[];
+    disabled?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+export declare function DropdownMenu(props: IDropdownProps & ComponentProps<typeof Content>): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/types/components/dropdown-menu/DropdownMenuPrimitive.d.ts

@@ -0,0 +1,25 @@
+import { ComponentProps } from 'react';
+import { CheckboxItem, Content, Group, Item, Label, Portal, RadioGroup, RadioItem, Root, Separator, Sub, SubContent, SubTrigger, Trigger } from '@radix-ui/react-dropdown-menu';
+declare function DropdownMenuPrimitive({ ...props }: ComponentProps<typeof Root>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuPortal({ ...props }: ComponentProps<typeof Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: ComponentProps<typeof Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuGroup({ ...props }: ComponentProps<typeof Group>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSub({ ...props }: ComponentProps<typeof Sub>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: ComponentProps<typeof RadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: ComponentProps<typeof SubTrigger> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: ComponentProps<typeof SubContent>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: ComponentProps<typeof Content>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: ComponentProps<typeof Item> & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: ComponentProps<typeof CheckboxItem>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: ComponentProps<typeof RadioItem>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: ComponentProps<typeof Label> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+export { DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuPrimitive, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };

package/lib/types/components/dropdown-menu/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export { DropdownMenu, type IDropdownProps } from './DropdownMenu';

package/lib/types/components/input/Input.d.ts

@@ -13,6 +13,7 @@ export interface IInputProps extends Pick<InputProps, 'onFocus' | 'onBlur'> {
     onClick?: (e: React.MouseEvent<HTMLInputElement>) => void;
     onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
     onChange?: (value: string) => void;
+    style?: React.CSSProperties;
 }
 export declare const Input: ({ autoFocus, className, affixWrapperStyle, type, placeholder, value, size, allowClear, disabled, onClick, onKeyDown, onChange, onFocus, onBlur, ...props }: IInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/types/components/message/Message.d.ts

@@ -1,4 +1,18 @@
-import { default as React } from 'react';
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 export declare enum MessageType {
     Success = "success",
     Info = "info",
@@ -13,4 +27,4 @@ export interface IMessageProps {
     type?: MessageType;
     onClose?: () => void;
 }
-export declare const Messager: () => React.ReactPortal | null, message: (props: Omit<IMessageProps, "id">) => void, removeMessage: (id?: string) => void;
+export declare const Messager: () => import('react').ReactPortal | null, message: (props: Omit<IMessageProps, "id">) => void, removeMessage: (id?: string) => void;

package/lib/types/components/radio-group/RadioGroup.d.ts

@@ -1,6 +1,6 @@
-import { default as React } from 'react';
+import { CSSProperties, ReactNode } from 'react';
 export interface IRadioGroupProps {
-    children: React.ReactNode[];
+    children: ReactNode[];
     /**
      * The class name of the checkbox group
      */
@@ -8,7 +8,7 @@ export interface IRadioGroupProps {
     /**
      * The style of the checkbox group
      */
-    style?: React.CSSProperties;
+    style?: CSSProperties;
     /**
      * Define which radio is selected
      */

package/lib/types/components/segmented/Segmented.d.ts

@@ -1,5 +1,29 @@
-import { default as React } from 'react';
-import { SegmentedProps } from 'rc-segmented';
-export interface ISegmentedProps extends Omit<SegmentedProps, 'prefixCls'> {
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+type ItemValue = string | number;
+interface ISegmentedItem<T extends ItemValue = ItemValue> {
+    label: string;
+    value: T;
 }
-export declare const Segmented: React.ForwardRefExoticComponent<Omit<ISegmentedProps, "ref"> & React.RefAttributes<HTMLDivElement | null>>;
+interface ISegmentedProps<T extends ItemValue = ItemValue> {
+    items: ISegmentedItem<T>[];
+    value?: T;
+    defaultValue?: T;
+    onChange?: (value: T) => void;
+    className?: string;
+}
+export declare function Segmented<T extends ItemValue = ItemValue>({ items, value, defaultValue, onChange, className, }: ISegmentedProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/types/components/segmented/index.d.ts

@@ -13,4 +13,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export { Segmented, type ISegmentedProps } from './Segmented';
+export { Segmented } from './Segmented';

package/lib/types/components/select/Select.d.ts

@@ -1,7 +1,7 @@
-import { default as React } from 'react';
 import { LabelInValueType } from 'rc-select/lib/Select';
+import { CSSProperties, JSXElementConstructor, ReactElement, ReactNode } from 'react';
 interface IOption {
-    label?: string | React.ReactNode;
+    label?: string | ReactNode;
     value?: string;
     options?: IOption[];
 }
@@ -19,7 +19,7 @@ export interface ISelectProps {
      * The callback function that is triggered when the value is changed
      */
     onChange: (value: string) => void;
-    style?: React.CSSProperties;
+    style?: CSSProperties;
     /**
      * Whether the borderless style is used
      * @default false
@@ -30,10 +30,10 @@ export interface ISelectProps {
      * select mode
      */
     mode?: 'combobox' | 'multiple' | 'tags' | undefined;
-    dropdownRender?: (menu: React.ReactElement<any, string | React.JSXElementConstructor<any>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    labelRender?: ((props: LabelInValueType) => React.ReactNode) | undefined;
+    dropdownRender?: (menu: ReactElement<any, string | JSXElementConstructor<any>>) => ReactElement<any, string | JSXElementConstructor<any>>;
+    labelRender?: ((props: LabelInValueType) => ReactNode) | undefined;
     open?: boolean;
-    dropdownStyle?: React.CSSProperties;
+    dropdownStyle?: CSSProperties;
     onDropdownVisibleChange?: (open: boolean) => void;
     disabled?: boolean;
 }

package/lib/types/components/separator/Separator.d.ts

@@ -0,0 +1,4 @@
+import { ComponentProps } from 'react';
+import { Root } from '@radix-ui/react-separator';
+declare function Separator({ className, orientation, decorative, ...props }: ComponentProps<typeof Root>): import("react/jsx-runtime").JSX.Element;
+export { Separator };

package/lib/types/components/{slider/__test__/index.spec.d.ts → separator/index.d.ts}

@@ -13,4 +13,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export {};
+export { Separator } from './Separator';

package/lib/types/components/tooltip/Tooltip.d.ts

@@ -33,5 +33,6 @@ export interface ITooltipProps {
      * Callback when the visibility of the tooltip changes
      */
     onVisibleChange?: (visible: boolean) => void;
+    className?: string;
 }
-export declare function Tooltip({ visible, asChild, title, children, placement, showIfEllipsis, onVisibleChange }: ITooltipProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function Tooltip(props: ITooltipProps): import("react/jsx-runtime").JSX.Element | undefined;

package/lib/types/{components/slider/index.d.ts → helper/is-browser.d.ts}

@@ -13,4 +13,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export { type ISliderProps, Slider } from './Slider';
+export declare function isBrowser(): boolean;

package/lib/types/index.d.ts

@@ -25,7 +25,7 @@ export { Confirm, type IConfirmProps } from './components/confirm';
 export { DatePanel, DatePicker, type IDatePanelProps, type IDatePickerProps } from './components/date-picker';
 export { Dialog, type IDialogProps } from './components/dialog';
 export { DropdownLegacy, type IDropdownLegacyProps } from './components/dropdown-legacy';
-export { DropdownOverlay, DropdownProvider, DropdownTrigger, type IDropdownOverlayProps } from './components/dropdown';
+export { Dropdown } from './components/dropdown';
 export { FormDualColumnLayout, FormLayout, type IFormDualColumnLayoutProps, type IFormLayoutProps } from './components/form-layout';
 export { type IInputProps, type IInputWithSlotProps, Input, InputWithSlot } from './components/input';
 export { type IInputNumberProps, InputNumber } from './components/input-number';
@@ -38,8 +38,7 @@ export { type IRadioGroupProps, RadioGroup } from './components/radio-group';
 export { type IScrollbarProps, Scrollbar } from './components/scrollbar';
 export { type ISelectProps, Select } from './components/select';
 export { type ISelectListProps, SelectList } from './components/select-list';
-export { type ISegmentedProps, Segmented } from './components/segmented';
-export { type ISliderProps, Slider } from './components/slider';
+export { Segmented } from './components/segmented';
 export { type ITooltipProps, Tooltip } from './components/tooltip';
 export { filterLeafNode, findNodePathFromTree, findSubTreeFromPath, type ITreeNodeProps, type ITreeProps, mergeTreeSelected, Tree, TreeSelectionMode } from './components/tree';
 export { Switch } from './components/switch';
@@ -48,4 +47,7 @@ export { defaultTheme, greenTheme, themeInstance } from './themes';
 export { DraggableList, type IDraggableListProps } from './components/draggable-list';
 export { clsx } from './helper/clsx';
 export { resizeObserverCtor } from './helper/resize-observer';
-export { render, unmount } from './utils/render';
+export { render, unmount } from './helper/react-dom';
+export { isBrowser } from './helper/is-browser';
+export { DropdownMenu, type IDropdownProps } from './components/dropdown-menu';
+export { Separator } from './components/separator';

package/lib/types/locale/interface.d.ts

@@ -2,7 +2,6 @@ import { default as PickerZhCN } from 'rc-picker/lib/locale/zh_CN';
 export interface ILocale {
     design: {
         Confirm: Record<string, any>;
-        Slider: Record<string, any>;
         Picker: typeof PickerZhCN;
         CascaderList: Record<string, any>;
         Select: Record<string, any>;