@koi-design/uxd-ui 12.1.36-beta.0

package/lib/components/Dropdown/Dropdown.type.js

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var propsValidators = require('../../utils/propsValidators.js');
+var placements = require('../../utils/placements.js');
+var isValid = require('../../utils/isValid.js');
+
+const dropdownTrigger = ["click", "hover", "contextmenu"];
+const dropdownProps = {
+  placement: {
+    type: String,
+    default: "bottom-start",
+    validator: propsValidators.oneOf(placements["default"])
+  },
+  trigger: {
+    type: String,
+    default: "hover",
+    validator: propsValidators.oneOf(dropdownTrigger)
+  },
+  visible: {
+    type: Boolean,
+    default: void 0
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  dropdownClassName: {
+    type: String
+  },
+  dropdownStyle: {
+    type: Object,
+    default: () => ({})
+  },
+  offset: {
+    type: Array,
+    validator: (val) => {
+      return val.length === 2 && val.every((v) => isValid.isNumeric(v));
+    }
+  },
+  mouseEnterDelay: {
+    type: Number,
+    default: 0.1
+  },
+  mouseLeaveDelay: {
+    type: Number,
+    default: 0.1
+  },
+  destroyPopupOnHide: {
+    type: Boolean,
+    default: false
+  },
+  getPopupContainer: {
+    type: Function
+  },
+  modifiers: {
+    type: Array
+  }
+};
+const dropdownEmits = {
+  click: (e) => e == null ? void 0 : e.key,
+  "visible-change": (v) => typeof v === "boolean",
+  "update:visible": (v) => typeof v === "boolean"
+};
+
+exports.dropdownEmits = dropdownEmits;
+exports.dropdownProps = dropdownProps;
+exports.dropdownTrigger = dropdownTrigger;
+//# sourceMappingURL=Dropdown.type.js.map

package/lib/components/Dropdown/Dropdown.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.type.js","sources":["../../../../src/components/Dropdown/Dropdown.type.ts"],"sourcesContent":["import type { CSSProperties, PropType, Ref } from 'vue';\nimport { oneOf } from '../../utils/propsValidators';\nimport type { Placements } from '../../utils/placements';\nimport type Dropdown from './Dropdown.vue';\nimport placements from '../../utils/placements';\nimport { isNumeric } from '../../utils/isValid';\nimport type { ColorType } from '../../utils';\nimport type { GetPopupContainer } from '../Popup';\n\nexport const dropdownTrigger = ['click', 'hover', 'contextmenu'] as const;\nexport type DropdownTrigger = (typeof dropdownTrigger)[number];\n\nexport const dropdownProps = {\n  placement: {\n    type: String as PropType<Placements>,\n    default: 'bottom-start',\n    validator: oneOf(placements)\n  },\n  trigger: {\n    type: String as PropType<DropdownTrigger>,\n    default: 'hover',\n    validator: oneOf(dropdownTrigger)\n  },\n  visible: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  dropdownClassName: {\n    type: String\n  },\n  dropdownStyle: {\n    type: Object as PropType<CSSProperties>,\n    default: () => ({})\n  },\n  offset: {\n    type: Array as PropType<number[]>,\n\n    validator: (val: any[]) => {\n      return val.length === 2 && val.every((v) => isNumeric(v));\n    }\n  },\n  mouseEnterDelay: {\n    type: Number,\n    default: 0.1\n  },\n  mouseLeaveDelay: {\n    type: Number,\n    default: 0.1\n  },\n  destroyPopupOnHide: {\n    type: Boolean,\n    default: false\n  },\n  getPopupContainer: {\n    type: Function as PropType<GetPopupContainer>\n  },\n  modifiers: {\n    type: Array as PropType<any[]>\n  }\n};\n\nexport interface DropdownProps {\n  placement: Placements;\n  trigger: DropdownTrigger;\n  visible?: boolean;\n  disabled: boolean;\n  dropdownClassName?: string;\n  dropdownStyle: CSSProperties;\n  offset?: number[];\n  destroyPopupOnHide: boolean;\n}\n\nexport type DropdownClickEvent = {\n  key: string | number;\n} & Record<string, any>;\n\nexport interface DropdownContext {\n  trigger: Ref<DropdownTrigger>;\n  fireItemClick: (e: DropdownClickEvent) => void;\n}\n\nexport const dropdownEmits = {\n  click: (e: DropdownClickEvent) => e?.key,\n  'visible-change': (v: boolean) => typeof v === 'boolean',\n  'update:visible': (v: boolean) => typeof v === 'boolean'\n};\n\nexport type DropdownEmits = typeof dropdownEmits;\n\nexport type DropdownInstanceType = InstanceType<typeof Dropdown>;\n\nexport type DropdownMenuOption = {\n  value: string | number;\n  label: string;\n  disabled?: boolean;\n  icon?: string;\n  children?: DropdownMenuOption[];\n  color?: ColorType;\n} & {\n  divider: true;\n} & {\n  group: true;\n  title: string;\n  children: DropdownMenuOption[];\n};\n"],"names":["oneOf","placements","isNumeric"],"mappings":";;;;;;;;MASa,kBAAkB,CAAC,SAAS,SAAS,aAAa;MAGlD,gBAAgB;AAAA,EAC3B,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAWA,sBAAMC,qBAAU;AAAA;AAC7B,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAWD,sBAAM,eAAe;AAAA;AAClC,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,mBAAmB;AAAA,IACjB,MAAM;AAAA;AACR,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS,OAAO;AAAC;AACnB,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IAEN,WAAW,CAAC,QAAe;AACzB,aAAO,IAAI,WAAW,KAAK,IAAI,MAAM,CAAC,MAAME,kBAAU,CAAC,CAAC;AAAA;AAC1D;AACF,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,oBAAoB;AAAA,IAClB,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,mBAAmB;AAAA,IACjB,MAAM;AAAA;AACR,EACA,WAAW;AAAA,IACT,MAAM;AAAA;AAEV;MAsBa,gBAAgB;AAAA,EAC3B,OAAO,CAAC,MAA0B,uBAAG;AAAA,EACrC,kBAAkB,CAAC,MAAe,OAAO,MAAM;AAAA,EAC/C,kBAAkB,CAAC,MAAe,OAAO,MAAM;AACjD;;;;;;"}

package/lib/components/Dropdown/Dropdown.vue.d.ts

@@ -0,0 +1,121 @@
+import { type DropdownClickEvent } from './Dropdown.type';
+declare const _default: import("vue").DefineComponent<{
+    placement: {
+        type: import("vue").PropType<"top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end">;
+        default: string;
+        validator: (val: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end") => boolean;
+    };
+    trigger: {
+        type: import("vue").PropType<"click" | "hover" | "contextmenu">;
+        default: string;
+        validator: (val: "click" | "hover" | "contextmenu") => boolean;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dropdownClassName: {
+        type: StringConstructor;
+    };
+    dropdownStyle: {
+        type: import("vue").PropType<import("vue").CSSProperties>;
+        default: () => {};
+    };
+    offset: {
+        type: import("vue").PropType<number[]>;
+        validator: (val: any[]) => boolean;
+    };
+    mouseEnterDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    mouseLeaveDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    destroyPopupOnHide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    getPopupContainer: {
+        type: import("vue").PropType<import("@koi-design/uxd-ui/es/components/Popup").GetPopupContainer>;
+    };
+    modifiers: {
+        type: import("vue").PropType<any[]>;
+    };
+}, {
+    prefixCls: import("vue").ComputedRef<string>;
+    stateVisible: import("vue").Ref<boolean, boolean>;
+    transitionName: import("vue").ComputedRef<"slide-down" | "slide-up">;
+    onVisibleChange: (val: boolean) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (e: DropdownClickEvent) => string | number;
+    'visible-change': (v: boolean) => boolean;
+    'update:visible': (v: boolean) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    placement: {
+        type: import("vue").PropType<"top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end">;
+        default: string;
+        validator: (val: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end") => boolean;
+    };
+    trigger: {
+        type: import("vue").PropType<"click" | "hover" | "contextmenu">;
+        default: string;
+        validator: (val: "click" | "hover" | "contextmenu") => boolean;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dropdownClassName: {
+        type: StringConstructor;
+    };
+    dropdownStyle: {
+        type: import("vue").PropType<import("vue").CSSProperties>;
+        default: () => {};
+    };
+    offset: {
+        type: import("vue").PropType<number[]>;
+        validator: (val: any[]) => boolean;
+    };
+    mouseEnterDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    mouseLeaveDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    destroyPopupOnHide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    getPopupContainer: {
+        type: import("vue").PropType<import("@koi-design/uxd-ui/es/components/Popup").GetPopupContainer>;
+    };
+    modifiers: {
+        type: import("vue").PropType<any[]>;
+    };
+}>> & {
+    onClick?: (e: DropdownClickEvent) => any;
+    "onUpdate:visible"?: (v: boolean) => any;
+    "onVisible-change"?: (v: boolean) => any;
+}, {
+    visible: boolean;
+    placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
+    trigger: "click" | "hover" | "contextmenu";
+    mouseEnterDelay: number;
+    mouseLeaveDelay: number;
+    disabled: boolean;
+    destroyPopupOnHide: boolean;
+    dropdownStyle: import("vue").CSSProperties;
+}, {}>;
+export default _default;

package/lib/components/Dropdown/DropdownMenu.d.ts

@@ -0,0 +1,41 @@
+import type { CSSProperties, PropType } from 'vue';
+import type { DropdownMenuOption } from './Dropdown.type';
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: PropType<DropdownMenuOption[]>;
+        default: () => DropdownMenuOption[];
+    };
+    icon: {
+        type: BooleanConstructor;
+    };
+    width: {
+        type: NumberConstructor;
+    };
+    height: {
+        type: NumberConstructor;
+    };
+}, {
+    prefixCls: import("vue").ComputedRef<string>;
+    style: import("vue").ComputedRef<CSSProperties>;
+    handleMenuClick: (e: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<DropdownMenuOption[]>;
+        default: () => DropdownMenuOption[];
+    };
+    icon: {
+        type: BooleanConstructor;
+    };
+    width: {
+        type: NumberConstructor;
+    };
+    height: {
+        type: NumberConstructor;
+    };
+}>> & {
+    onClick?: (...args: any[]) => any;
+}, {
+    options: DropdownMenuOption[];
+    icon: boolean;
+}, {}>;
+export default _default;

package/lib/components/Dropdown/DropdownMenu.js

@@ -0,0 +1,129 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../Menu/index.js');
+var index$1 = require('../Icon/index.js');
+require('../base/hooks/index.js');
+var useGlobalConfig = require('../base/hooks/useGlobalConfig.js');
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+var DropdownMenu = vue.defineComponent({
+  name: "UDropdownMenu",
+  props: {
+    options: {
+      type: Array,
+      default: () => []
+    },
+    icon: {
+      type: Boolean
+    },
+    width: {
+      type: Number
+    },
+    height: {
+      type: Number
+    }
+  },
+  emits: ["click"],
+  setup(props, {
+    emit
+  }) {
+    const {
+      prefixCls
+    } = useGlobalConfig["default"]("dropdown");
+    const handleMenuClick = (e) => {
+      emit("click", e.key);
+    };
+    const style = vue.computed(() => {
+      const s = {};
+      if (props.width) {
+        s.width = `${props.width}px`;
+      }
+      if (props.height) {
+        s.height = `${props.height}px`;
+      }
+      return s;
+    });
+    return {
+      prefixCls,
+      style,
+      handleMenuClick
+    };
+  },
+  render() {
+    const {
+      prefixCls
+    } = this;
+    if (this.$slots.default) {
+      return vue.createVNode("div", {
+        "class": `${prefixCls}-container`,
+        "style": this.style
+      }, [this.$slots.default()]);
+    }
+    const renderItem = (m) => {
+      if (m.divider) {
+        return vue.createVNode(index.UMenu.Divider, null, null);
+      }
+      if (m.group) {
+        let _slot;
+        return vue.createVNode(index.UMenu.ItemGroup, {
+          "title": m.title
+        }, _isSlot(_slot = m.children.map(renderItem)) ? _slot : {
+          default: () => [_slot]
+        });
+      }
+      if (m.children) {
+        return vue.createVNode(index.UMenu.SubMenu, {
+          "name": m.value,
+          "color": m.color,
+          "disabled": m.disabled
+        }, {
+          default: () => [m.children.map(renderItem)],
+          title: () => {
+            return vue.createVNode("span", {
+              "class": {
+                [`${prefixCls}-submenu-item-inner`]: true,
+                [`${prefixCls}-submenu-item-inner-with-icon`]: this.icon
+              }
+            }, [this.icon && m.icon && vue.createVNode(index$1.UIcon, {
+              "icon": m.icon
+            }, null), m.label]);
+          }
+        });
+      }
+      return vue.createVNode(index.UMenu.Item, {
+        "prefixCls": prefixCls,
+        "name": m.value,
+        "color": m.color,
+        "disabled": m.disabled,
+        "onClick": this.handleMenuClick
+      }, {
+        default: () => [vue.createVNode("span", {
+          "class": {
+            [`${prefixCls}-menu-item-inner`]: true,
+            [`${prefixCls}-menu-item-inner-with-icon`]: this.icon
+          }
+        }, [this.icon && m.icon && vue.createVNode(index$1.UIcon, {
+          "icon": m.icon
+        }, null), m.label])]
+      });
+    };
+    const menus = this.options.map(renderItem);
+    return vue.createVNode(index.UMenu, {
+      "class": {
+        [`${prefixCls}-menu`]: true,
+        [`${prefixCls}-menu-with-icon`]: this.icon
+      },
+      "style": this.style
+    }, _isSlot(menus) ? menus : {
+      default: () => [menus]
+    });
+  }
+});
+
+exports["default"] = DropdownMenu;
+//# sourceMappingURL=DropdownMenu.js.map

package/lib/components/Dropdown/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","sources":["../../../../src/components/Dropdown/DropdownMenu.tsx"],"sourcesContent":["import type { CSSProperties, PropType } from 'vue';\nimport { computed, defineComponent } from 'vue';\nimport { UMenu } from '@uxd-ui/components/Menu';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { useGlobalConfig } from '../base/hooks';\nimport type { DropdownMenuOption } from './Dropdown.type';\n\nexport default defineComponent({\n  name: 'UDropdownMenu',\n  props: {\n    options: {\n      type: Array as PropType<DropdownMenuOption[]>,\n      default: () => [] as DropdownMenuOption[]\n    },\n    icon: {\n      type: Boolean\n    },\n    width: {\n      type: Number\n    },\n    height: {\n      type: Number\n    }\n  },\n  emits: ['click'],\n  setup(props, { emit }) {\n    const { prefixCls } = useGlobalConfig('dropdown');\n    const handleMenuClick = (e: any) => {\n      emit('click', e.key);\n    };\n\n    const style = computed(() => {\n      const s = {} as CSSProperties;\n      if (props.width) {\n        s.width = `${props.width}px`;\n      }\n      if (props.height) {\n        s.height = `${props.height}px`;\n      }\n      return s;\n    });\n\n    return {\n      prefixCls,\n      style,\n      handleMenuClick\n    };\n  },\n  render() {\n    const { prefixCls } = this;\n    if (this.$slots.default) {\n      return (\n        <div class={`${prefixCls}-container`} style={this.style}>\n          {this.$slots.default()}\n        </div>\n      );\n    }\n    const renderItem = (m: DropdownMenuOption) => {\n      if (m.divider) {\n        return <UMenu.Divider />;\n      }\n      if (m.group) {\n        return <UMenu.ItemGroup title={m.title}>{m.children.map(renderItem)}</UMenu.ItemGroup>;\n      }\n      if (m.children) {\n        return (\n          <UMenu.SubMenu\n            name={m.value}\n            color={m.color}\n            disabled={m.disabled}\n            v-slots={{\n              title: () => {\n                return (\n                  <span\n                    class={{\n                      [`${prefixCls}-submenu-item-inner`]: true,\n                      [`${prefixCls}-submenu-item-inner-with-icon`]: this.icon\n                    }}\n                  >\n                    {this.icon && m.icon && <UIcon icon={m.icon} />}\n                    {m.label}\n                  </span>\n                );\n              }\n            }}\n          >\n            {m.children.map(renderItem)}\n          </UMenu.SubMenu>\n        );\n      }\n      return (\n        <UMenu.Item prefixCls={prefixCls} name={m.value} color={m.color} disabled={m.disabled} onClick={this.handleMenuClick}>\n          <span\n            class={{\n              [`${prefixCls}-menu-item-inner`]: true,\n              [`${prefixCls}-menu-item-inner-with-icon`]: this.icon\n            }}\n          >\n            {this.icon && m.icon && <UIcon icon={m.icon} />}\n            {m.label}\n          </span>\n        </UMenu.Item>\n      );\n    };\n\n    const menus = this.options.map(renderItem);\n    return (\n      <UMenu\n        class={{\n          [`${prefixCls}-menu`]: true,\n          [`${prefixCls}-menu-with-icon`]: this.icon\n        }}\n        style={this.style}\n      >\n        {menus}\n      </UMenu>\n    );\n  }\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","options","type","Array","default","icon","Boolean","width","Number","height","emits","setup","emit","prefixCls","useGlobalConfig","handleMenuClick","e","key","style","computed","render","$slots","_createVNode","renderItem","m","divider","UMenu","Divider","group","_slot","ItemGroup","title","children","map","SubMenu","value","color","disabled","UIcon","label","Item","menus"],"mappings":"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"}

package/lib/components/Dropdown/DropdownTrigger.d.ts

@@ -0,0 +1,67 @@
+import type { PropType } from 'vue';
+import { type IconPropType } from '../../utils';
+export declare type DropdownTriggerType = 'icon' | 'button' | 'link' | 'dropdown';
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: PropType<DropdownTriggerType>;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    icon: {
+        type: PropType<IconPropType>;
+    };
+    text: {
+        type: StringConstructor;
+    };
+    buttonType: {
+        type: PropType<"default" | "success" | "primary" | "warning" | "danger">;
+        default: string;
+        validator: (val: "default" | "success" | "primary" | "warning" | "danger") => boolean;
+    };
+    variant: {
+        type: PropType<"link" | "outline" | "text" | "dashed" | "surface" | "soft">;
+        default: string;
+        validator: (val: "link" | "outline" | "text" | "dashed" | "surface" | "soft") => boolean;
+    };
+    color: {
+        type: PropType<"blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint">;
+        default: "blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint";
+        validator: (val: "blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint") => boolean;
+    };
+}, {
+    stateVisible: import("vue").Ref<boolean, boolean>;
+    prefixCls: import("vue").ComputedRef<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: PropType<DropdownTriggerType>;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    icon: {
+        type: PropType<IconPropType>;
+    };
+    text: {
+        type: StringConstructor;
+    };
+    buttonType: {
+        type: PropType<"default" | "success" | "primary" | "warning" | "danger">;
+        default: string;
+        validator: (val: "default" | "success" | "primary" | "warning" | "danger") => boolean;
+    };
+    variant: {
+        type: PropType<"link" | "outline" | "text" | "dashed" | "surface" | "soft">;
+        default: string;
+        validator: (val: "link" | "outline" | "text" | "dashed" | "surface" | "soft") => boolean;
+    };
+    color: {
+        type: PropType<"blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint">;
+        default: "blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint";
+        validator: (val: "blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint") => boolean;
+    };
+}>>, {
+    type: DropdownTriggerType;
+    color: "blue" | "cyan" | "green" | "lime" | "orange" | "pink" | "purple" | "red" | "violet" | "yellow" | "primary" | "iris" | "amber" | "sky" | "mint";
+    variant: "link" | "outline" | "text" | "dashed" | "surface" | "soft";
+    buttonType: "default" | "success" | "primary" | "warning" | "danger";
+}, {}>;
+export default _default;

package/lib/components/Dropdown/DropdownTrigger.js

@@ -0,0 +1,123 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../Button/index.js');
+var uxdIcon = require('@koi-design/uxd-icon');
+var index$1 = require('../Icon/index.js');
+require('../../utils/index.js');
+require('../base/hooks/index.js');
+var propsValidators = require('../../utils/propsValidators.js');
+var Button_type = require('../Button/Button.type.js');
+var globalType = require('../../utils/globalType.js');
+var useGlobalConfig = require('../base/hooks/useGlobalConfig.js');
+
+var DropdownTrigger = vue.defineComponent({
+  name: "UDropdownTrigger",
+  props: {
+    type: {
+      type: String,
+      default: "button",
+      validator: propsValidators.oneOf(["icon", "button", "link", "dropdown"])
+    },
+    icon: {
+      type: [String, Object]
+    },
+    text: {
+      type: String
+    },
+    buttonType: {
+      type: String,
+      default: "default",
+      validator: propsValidators.oneOf(Button_type.buttonType)
+    },
+    variant: {
+      type: String,
+      default: "surface",
+      validator: propsValidators.oneOf(Button_type.buttonVariantType)
+    },
+    color: {
+      type: String,
+      default: void 0,
+      validator: propsValidators.oneOf(globalType.colorType)
+    }
+  },
+  setup() {
+    const {
+      prefixCls
+    } = useGlobalConfig["default"]("dropdown");
+    const {
+      stateVisible
+    } = vue.inject("dropdownContext", {
+      stateVisible: vue.ref(false)
+    });
+    return {
+      stateVisible,
+      prefixCls
+    };
+  },
+  render() {
+    var _a, _b, _c, _d;
+    const {
+      prefixCls
+    } = this;
+    if (this.type === "icon" && this.icon) {
+      return vue.createVNode(index.UButton, {
+        "class": `${prefixCls}-trigger`,
+        "icon": this.icon,
+        "type": this.buttonType,
+        "color": this.color,
+        "variant": "text",
+        "icon-only": true
+      }, null);
+    }
+    if (this.type === "dropdown") {
+      return vue.createVNode(index.UButton, {
+        "class": {
+          [`${prefixCls}-trigger`]: true,
+          [`${prefixCls}-trigger-open`]: this.stateVisible
+        },
+        "type": this.buttonType,
+        "color": this.color,
+        "variant": "text"
+      }, {
+        default: () => {
+          var _a2, _b2;
+          return [((_b2 = (_a2 = this.$slots).default) == null ? void 0 : _b2.call(_a2)) || this.text, vue.createVNode(index$1.UIcon, {
+            "class": `${prefixCls}-trigger-arrow`
+          }, {
+            default: () => [vue.createVNode(uxdIcon.URoundDown, null, null)]
+          })];
+        }
+      });
+    }
+    if (this.type === "button") {
+      return vue.createVNode(index.UButton, {
+        "class": `${prefixCls}-trigger`,
+        "icon": this.icon,
+        "type": this.buttonType,
+        "variant": this.variant,
+        "color": this.color
+      }, {
+        default: () => {
+          var _a2, _b2;
+          return [((_b2 = (_a2 = this.$slots).default) == null ? void 0 : _b2.call(_a2)) || this.text];
+        }
+      });
+    }
+    if (this.type === "link") {
+      return vue.createVNode("a", {
+        "class": `${prefixCls}-trigger`
+      }, [this.icon && vue.createVNode(index$1.UIcon, {
+        "icon": this.icon
+      }, null), ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || this.text]);
+    }
+    return vue.createVNode("div", {
+      "class": `${prefixCls}-trigger`
+    }, [(_d = (_c = this.$slots).default) == null ? void 0 : _d.call(_c)]);
+  }
+});
+
+exports["default"] = DropdownTrigger;
+//# sourceMappingURL=DropdownTrigger.js.map

package/lib/components/Dropdown/DropdownTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownTrigger.js","sources":["../../../../src/components/Dropdown/DropdownTrigger.tsx"],"sourcesContent":["import type { PropType } from 'vue';\nimport { defineComponent, inject, ref } from 'vue';\nimport type { ButtonType, ButtonVariantType } from '@uxd-ui/components/Button';\nimport UButton, { buttonType, buttonVariantType } from '@uxd-ui/components/Button';\nimport { URoundDown } from '@koi-design/uxd-icon';\nimport UIcon from '@uxd-ui/components//Icon';\nimport { colorType, oneOf, type ColorType, type IconPropType } from '../../utils';\nimport { useGlobalConfig } from '../base/hooks';\n\nexport type DropdownTriggerType = 'icon' | 'button' | 'link' | 'dropdown';\n\nexport default defineComponent({\n  name: 'UDropdownTrigger',\n  props: {\n    type: {\n      type: String as PropType<DropdownTriggerType>,\n      default: 'button',\n      validator: oneOf(['icon', 'button', 'link', 'dropdown'])\n    },\n    icon: {\n      type: [String, Object] as PropType<IconPropType>\n    },\n    text: {\n      type: String\n    },\n    buttonType: {\n      type: String as PropType<ButtonType>,\n      default: 'default',\n      validator: oneOf(buttonType)\n    },\n    variant: {\n      type: String as PropType<ButtonVariantType>,\n      default: 'surface',\n      validator: oneOf(buttonVariantType)\n    },\n    color: {\n      type: String as PropType<ColorType | undefined>,\n      default: undefined as undefined | ColorType,\n      validator: oneOf(colorType)\n    }\n  },\n  setup() {\n    const { prefixCls } = useGlobalConfig('dropdown');\n    const { stateVisible } = inject('dropdownContext', { stateVisible: ref(false) });\n\n    return {\n      stateVisible,\n      prefixCls\n    };\n  },\n  render() {\n    const { prefixCls } = this;\n\n    if (this.type === 'icon' && this.icon) {\n      return <UButton class={`${prefixCls}-trigger`} icon={this.icon} type={this.buttonType} color={this.color} variant=\"text\" icon-only></UButton>;\n    }\n    if (this.type === 'dropdown') {\n      return (\n        <UButton\n          class={{ [`${prefixCls}-trigger`]: true, [`${prefixCls}-trigger-open`]: this.stateVisible }}\n          type={this.buttonType}\n          color={this.color}\n          variant=\"text\"\n        >\n          {this.$slots.default?.() || this.text}\n          <UIcon class={`${prefixCls}-trigger-arrow`}>\n            <URoundDown />\n          </UIcon>\n        </UButton>\n      );\n    }\n    if (this.type === 'button') {\n      return (\n        <UButton class={`${prefixCls}-trigger`} icon={this.icon} type={this.buttonType} variant={this.variant} color={this.color}>\n          {this.$slots.default?.() || this.text}\n        </UButton>\n      );\n    }\n    if (this.type === 'link') {\n      return (\n        <a class={`${prefixCls}-trigger`}>\n          {this.icon && <UIcon icon={this.icon}></UIcon>}\n          {this.$slots.default?.() || this.text}\n        </a>\n      );\n    }\n    return <div class={`${prefixCls}-trigger`}>{this.$slots.default?.()}</div>;\n  }\n});\n"],"names":["defineComponent","name","props","type","String","default","validator","oneOf","icon","Object","text","buttonType","variant","buttonVariantType","color","undefined","colorType","setup","prefixCls","useGlobalConfig","stateVisible","inject","ref","render","_createVNode","UButton","_b","_a","$slots","UIcon","URoundDown"],"mappings":";;;;;;;;;;;;;;;AAWA,sBAAeA,oBAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAO;AAAA,IACLC,MAAM;AAAA,MACJA,MAAMC;AAAAA,MACNC,SAAS;AAAA,MACTC,WAAWC,sBAAM,CAAC,QAAQ,UAAU,QAAQ,UAAU,CAAC;AAAA;AACzD,IACAC,MAAM;AAAA,MACJL,MAAM,CAACC,QAAQK,MAAM;AAAA;AACvB,IACAC,MAAM;AAAA,MACJP,MAAMC;AAAAA;AACR,IACAO,YAAY;AAAA,MACVR,MAAMC;AAAAA,MACNC,SAAS;AAAA,MACTC,WAAWC,sBAAMI,sBAAU;AAAA;AAC7B,IACAC,SAAS;AAAA,MACPT,MAAMC;AAAAA,MACNC,SAAS;AAAA,MACTC,WAAWC,sBAAMM,6BAAiB;AAAA;AACpC,IACAC,OAAO;AAAA,MACLX,MAAMC;AAAAA,MACNC,SAASU;AAAAA,MACTT,WAAWC,sBAAMS,oBAAS;AAAA;AAC5B;AACF,EACAC,QAAQ;AACN,UAAM;AAAA,MAAEC;AAAAA,QAAcC,2BAAgB,UAAU;AAChD,UAAM;AAAA,MAAEC;AAAAA,QAAiBC,WAAO,mBAAmB;AAAA,MAAED,cAAcE,QAAI,KAAK;AAAA,KAAG;AAE/E,WAAO;AAAA,MACLF;AAAAA,MACAF;AAAAA;AACF;AACF,EACAK,SAAS;;AACP,UAAM;AAAA,MAAEL;AAAAA,QAAc;AAEtB,QAAI,KAAKf,SAAS,UAAU,KAAKK,MAAM;AACrC,aAAAgB,gBAAAC;QAAA,SAAwB,GAAEP;AAAAA,QAAmB,QAAQ,KAAKV;AAAAA,QAAI,QAAQ,KAAKG;AAAAA,QAAU,SAAS,KAAKG;AAAAA,QAAK;QAAA;;;AAE1G,QAAI,KAAKX,SAAS,YAAY;AAC5B,aAAAqB,gBAAAC;QAAA,SAEW;AAAA,UAAE,CAAE,GAAEP,sBAAsB;AAAA,UAAM,CAAE,GAAEA,2BAA2B,KAAKE;AAAAA;AAAa,QAAC,QACrF,KAAKT;AAAAA,QAAU,SACd,KAAKG;AAAAA,QAAK;;QAAAT,SAAAA;;oBAGhBqB,OAAAC,MAAA,KAAKC,QAAOvB,YAAZ,gBAAAqB,IAAA,KAAAC,SAA2B,KAAKjB,MAAIc,gBAAAK;YAAA,SACtB,GAAEX;AAAAA;YAAyBb,SAAAA,OAAAmB,gBAAAM;;;;;AAMhD,QAAI,KAAK3B,SAAS,UAAU;AAC1B,aAAAqB,gBAAAC;QAAA,SACmB,GAAEP;AAAAA,QAAmB,QAAQ,KAAKV;AAAAA,QAAI,QAAQ,KAAKG;AAAAA,QAAU,WAAW,KAAKC;AAAAA,QAAO,SAAS,KAAKE;AAAAA;QAAKT,SAAAA;;oBACrHqB,OAAAC,MAAA,KAAKC,QAAOvB,YAAZ,gBAAAqB,IAAA,KAAAC,SAA2B,KAAKjB,IAAI;AAAA;AAAA;;AAI3C,QAAI,KAAKP,SAAS,QAAQ;AACxB,aAAAqB;QAAA,SACa,GAAEN;AAAAA,UACV,KAAKV,QAAIgB,gBAAAK;QAAA,QAAiB,KAAKrB;AAAAA,kBAC/B,gBAAKoB,QAAOvB,YAAZ,gCAA2B,KAAKK,IAAI;;AAI3C,WAAAc;MAAA,SAAoB,GAAEN;AAAAA,SAAsB,gBAAKU,QAAOvB,YAAZ,2BAAuB;;AAEvE,CAAC;;;;"}