create-packer 1.13.3 → 1.13.4

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "create-packer",
-    "version": "1.13.3",
+    "version": "1.13.4",
     "main": "index.js",
     "repository": "https://github.com/kevily/create-packer",
     "author": "1k <bug_zero@163.com>",

package/template/vue/src/{controllers → models}/useList.ts

@@ -1,5 +1,5 @@
 import { ref, reactive, computed, unref } from 'vue'
-import { cloneDeep, concat, assign, pick, isNil, size, map } from 'lodash-es'
+import { cloneDeep, concat, assign, pick, isNil, size, map, max } from 'lodash-es'
 
 export interface stateType<ListItem, P> {
     loading: boolean
@@ -7,7 +7,8 @@ export interface stateType<ListItem, P> {
     params: P
     list: ListItem[]
     sum: Record<string, any>
-    selected: any[]
+    selected: ListItem[]
+    selectedKeys: (string | number)[]
     pagination: {
         current: number
         pageSize: number
@@ -47,12 +48,15 @@ export default function createListStore<
     const list = ref<stateType<ListItem, P>['list']>([])
     const sum = reactive<stateType<ListItem, P>['sum']>({})
     const selected = ref<stateType<ListItem, P>['selected']>([])
+    const selectedKeys = ref<stateType<ListItem, P>['selectedKeys']>([])
     const pagination = computed<stateType<ListItem, P>['pagination']>(() => ({
         current: params.page || 0,
         pageSize: params.pageSize || 0,
         total: total.value
     }))
-    const selectedLen = computed<stateType<ListItem, P>['selectedLen']>(() => size(selected.value))
+    const selectedLen = computed<stateType<ListItem, P>['selectedLen']>(() => {
+        return max([size(selected.value), size(selectedKeys.value)]) || 0
+    })
     function resetParams() {
         assign(params, cloneDeep(config.defaultParams))
     }
@@ -99,6 +103,7 @@ export default function createListStore<
         list,
         sum,
         selected,
+        selectedKeys,
         pagination,
         selectedLen,
         resetParams,

package/template/vue/src/providers/createModalVNode.ts

@@ -0,0 +1,34 @@
+import { createVNode, render, VNodeChild } from 'vue'
+import { assign } from 'lodash-es'
+import app from '@/providers/app'
+
+const store = new Map()
+export default function createModal<
+    P extends Record<string, any>,
+    E extends Record<string, any>,
+    Slots extends Record<string, () => VNodeChild> = Record<string, () => VNodeChild>
+>(name: string, component: any, props?: P, slots?: Slots) {
+    let vNode = store.get(name)
+    function updateProps(props: Partial<P>) {
+        assign(vNode.component.props, props)
+    }
+    function updateSlots(slots?: Partial<Record<string, () => VNodeChild>>) {
+        assign(vNode.component.slots, slots)
+    }
+    if (!vNode) {
+        const container = document.createElement('div')
+        vNode = createVNode(component, props, slots)
+        vNode.appContext = app._context || {}
+        store.set(name, vNode)
+        render(vNode, container)
+    } else {
+        updateProps(props || {})
+        updateSlots(slots)
+    }
+    return {
+        instance: vNode,
+        updateProps,
+        updateSlots,
+        ...(vNode.component?.exposed as E)
+    }
+}

package/template/vue/src/providers/index.ts

@@ -1,3 +1,3 @@
 export { default as app } from './app'
-export { default as createApiComponent } from './createApiComponent'
+export { default as createModalVNode } from './createModalVNode'
 export { default as request } from './request'

package/template/vue/src/providers/createApiComponent.ts

@@ -1,22 +0,0 @@
-import app from '@/providers/app'
-import { createVNode, render } from 'vue'
-import { assign } from 'lodash-es'
-
-const store = new Map()
-export default function createApiComponent(component: any, props?: Record<string, any>) {
-    const container = document.createElement('div')
-    let vNode = store.get(component)
-    if (!vNode) {
-        vNode = createVNode(component)
-        vNode.appContext = app._context || {}
-        store.set(component, vNode)
-    }
-    assign(vNode.component.props, props)
-    render(vNode, container)
-
-    return {
-        instance: vNode,
-        el: container.firstElementChild,
-        ...vNode.component?.exposed
-    }
-}