How to use the heyui/src/plugins/dropdown function in heyui

this.$nextTick(() => {
      let el = this.el = this.$el.querySelector(`.${prefix}>.h-datetime-show`);
      let content = this.$el.querySelector(`.h-date-picker`);
      this.dropdown = new Dropdown(el, {
        trigger: 'click',
        content,
        placement: this.placement,
        disabled: this.disabled,
        events: {
          show() {
            that.isShow = true;
            that.$nextTick(() => {
              that.initNowView();
            });
          }
        }
      });
    });
  },

this.$nextTick(() => {
      let el = (this.el = this.$el.querySelector('.h-autocomplete-show'));
      this.content = this.$el.querySelector('.h-autocomplete-group');
      let that = this;
      this.dropdown = new Dropdown(el, {
        trigger: '',
        triggerOnce: true,
        content: this.content,
        disabled: this.disabled,
        equalWidth: true,
        events: {
          show() {
            that.isShow = true;
          }
        }
      });
    });
  },

this.$nextTick(() => {
        let el = (this.el = this.$el.querySelector('.h-categorypicker-show'));
        this.content = this.$el.querySelector('.h-categorypicker-group');
        let that = this;
        this.dropdown = new Dropdown(el, {
          trigger: 'click',
          content: this.content,
          disabled: this.disabled,
          events: {
            show() {
              that.isShow = true;
            }
          }
        });
      });
    },

this.$nextTick(() => {
      if (this.inline) return;
      let el = (this.el = this.$el.querySelector(`.${prefix}>.h-datetime-show`));
      let content = this.$el.querySelector(`.h-date-picker`);

      this.dropdown = new Dropdown(el, {
        trigger: 'click',
        triggerOnce: true,
        content,
        disabled: this.disabled,
        placement: this.placement,
        events: {
          show() {
            that.isShow = true;
            that.$nextTick(() => {
              that.parse(that.value);
              that.$refs.datebase.resetView();
              if (that.nowDate) {
                that.nowView = manba(that.nowDate);
              }
            });
          }

this.$nextTick(() => {
      let el = this.el = this.$el.querySelector(`.${prefix}>.h-datetime-show`);
      let content = this.$el.querySelector(`.h-date-picker`);
      this.dropdown = new Dropdown(el, {
        trigger: 'click',
        content,
        placement: this.placement,
        events: {
          show() {
            that.isShow = true;
            that.$nextTick(() => {
              that.initNowView();
            });
          }
        }
      });
    });
  },

this.$nextTick(() => {
        let el = this.el = this.$el.querySelector('.h-colorpicker-show');
        let content = this.content = this.$el.querySelector('.h-colorpicker-group');
        this.dropdown = new Dropdown(el, {
          content,
          disabled: this.disabled,
          trigger: 'click',
          events: {
            hide: () => {
              if (this.useConfirm) {
                this.reset();
              }
            }
          }
        });
      });
    },

this.$nextTick(() => {
        let el = (this.el = this.$el.querySelector('.h-cascader-show'));
        this.content = this.$el.querySelector('.h-cascader-group');
        let that = this;
        this.dropdown = new Dropdown(el, {
          trigger: 'click',
          content: this.content,
          disabled: this.disabled,
          events: {
            show() {
              that.isShow = true;
            }
          }
        });
      });
    },

this.$nextTick(() => {
      let el = this.el = this.$el.querySelector('.h-select-show');
      let content = this.content = this.$el.querySelector('.h-select-group');
      let that = this;
      this.dropdown = new Dropdown(el, {
        content,
        disabled: this.disabled,
        equalWidth: this.equalWidth,
        trigger: 'click foucs',
        triggerOnce: this.filterable,
        events: {
          show() {
            that.isShow = true;
          }
        }
      });
    });
  },