feat: dropdown-menu 组件分支整理 (#317)

* feat: dropdown-menu 组件分支整理

* feat: 文档修改

example/src/config.json

@@ -241,6 +241,16 @@
 					"desc": "动作面板",
 					"author": "MrZhao"
 				},
+				{
+					"version": "0.0.1",
+					"name": "DropdownMenu",
+					"sort": 1,
+					"cName": "下拉菜单",
+					"type": "component",
+					"show": true,
+					"desc": "下拉菜单",
+					"author": "yunxia"
+				},
 				{
 					"version": "1.0.29",
 					"name": "Collapse",

packages/quark-react/src/dropdown-item/index.ts

@@ -0,0 +1,23 @@
+import { FC } from "react";
+import reactify from "@quarkd/reactify";
+import "quarkd/lib/dropdownitem";
+import {
+  DropdownItemOption,
+  DropdownItemProps as Props,
+  CustomEvent,
+} from "quarkd/lib/dropdownitem";
+import { componentBaseInterface, ReactifyProps } from "../type";
+
+type DropdownItemProps = componentBaseInterface &
+  ReactifyProps<Props, CustomEvent>;
+type DropdownItemType = FC<DropdownItemProps>;
+
+interface Ref {
+  setOptions(options: DropdownItemOption[]): void;
+  toggle(show?: boolean): void;
+}
+
+type DropdownItemInstance = Ref & HTMLElement;
+const DropdownItem = reactify("quark-dropdown-item") as DropdownItemType;
+export { DropdownItemInstance, DropdownItemProps, DropdownItemOption };
+export default DropdownItem;

packages/quark-react/src/dropdown-menu/index.ts

@@ -0,0 +1,17 @@
+import { FC } from "react";
+import reactify from "@quarkd/reactify";
+import "quarkd/lib/dropdownmenu";
+import {
+  IDropdownMenuProps as Props,
+  DropdownMenuDirection,
+} from "quarkd/lib/dropdownmenu";
+import { componentBaseInterface, ReactifyProps } from "../type";
+
+type DropdownMenuProps = componentBaseInterface & ReactifyProps<Props, {}>;
+
+type DropdownMenuType = FC<DropdownMenuProps>;
+
+const DropdownMenu = reactify("quark-dropdown-menu") as DropdownMenuType;
+
+export { DropdownMenuDirection, DropdownMenuProps };
+export default DropdownMenu;

packages/quark-react/src/index.ts

@@ -72,6 +72,15 @@ import Circle, {
   StrokeLinecap,
 } from "./circle";
 import PickerView, { PickerViewRef } from "./pickerview";
+import DropdownMenu, {
+  DropdownMenuProps,
+  DropdownMenuDirection,
+} from "./dropdown-menu";
+import DropdownItem, {
+  DropdownItemInstance,
+  DropdownItemOption,
+  DropdownItemProps,
+} from "./dropdown-item";
 
 export {
   ActionSheet,
@@ -159,4 +168,11 @@ export {
   CircleType,
   PickerView,
   PickerViewRef,
+  DropdownMenu,
+  DropdownMenuDirection,
+  DropdownMenuProps,
+  DropdownItem,
+  DropdownItemInstance,
+  DropdownItemOption,
+  DropdownItemProps,
 };