removeAll method

acanthis · Oct 26, 2023 · 5321b35 · 5321b35
1 parent cc9a1de
commit 5321b35
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 6 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vue-selectpage",
   "description": "SelectPage for Vue, a select items components provides the list of items with pagination",
-  "version": "3.0.7",
+  "version": "3.0.8",
   "author": "TerryZ <terry5@foxmail.com>",
   "type": "module",
   "files": [

diff --git a/src/SelectPageList.js b/src/SelectPageList.js
@@ -16,15 +16,17 @@ export default defineComponent({
     ...dropdownProps()
   },
   emits: ['visible-change'],
-  setup (props, { emit, attrs }) {
+  setup (props, { emit, expose, attrs }) {
     const {
       visible,
       adjustDropdown,
       closeDropdown,
       renderDropdown
     } = useDropdown(props)
 
-    const {removeAll} = useRender(props, emit)
+    const removeAll = () => {
+      selectedItems.value = [];
+    }
 
     expose({
       removeAll,
@@ -33,7 +35,6 @@ export default defineComponent({
     const selectedItems = ref([])
     const core = ref(null)
 
-
     return () => {
       console.log('attrs', attrs);
       const elementOption = {

diff --git a/src/SelectPageTable.js b/src/SelectPageTable.js
@@ -16,14 +16,22 @@ export default defineComponent({
     ...dropdownProps()
   },
   emits: ['visible-change'],
-  setup (props, { emit, attrs }) {
+  setup (props, { emit, expose, attrs }) {
     const {
       visible,
       adjustDropdown,
       closeDropdown,
       renderDropdown
     } = useDropdown(props)
 
+    const removeAll = () => {
+      selectedItems.value = [];
+    }
+
+    expose({
+      removeAll,
+    })
+
     const selectedItems = ref([])
     const core = ref(null)
 

diff --git a/src/core/render.js b/src/core/render.js
@@ -197,7 +197,6 @@ export function useDropdown (props) {
       ref: dropdownRef,
       border: false,
       fullWidth: true,
-      width: '100%',
       disabled: props.disabled,
       customTriggerClass: props?.customTriggerClass,
       customContainerClass: props?.customContainerClass,