create-packer 1.11.11 → 1.11.12

package/package.json

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

package/template/react/package.json

@@ -21,6 +21,7 @@
     },
     "dependencies": {
         "immer": "9.0.15",
+        "lodash-es": "^4.17.21",
         "react": "18.2.0",
         "react-dom": "18.2.0",
         "react-router-dom": "6.3.0",
@@ -32,6 +33,7 @@
         "@testing-library/react": "13.3.0",
         "@testing-library/user-event": "14.4.2",
         "@types/jest": "28.1.6",
+        "@types/lodash-es": "^4.17.6",
         "@types/react": "18.0.15",
         "@types/react-dom": "18.0.6",
         "@types/testing-library__jest-dom": "5.14.5",

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

@@ -1 +1,2 @@
 export * from './defineStore'
+export { default as useVisible } from './useVisible'

package/template/react/src/providers/useVisible.ts

@@ -0,0 +1,26 @@
+import { useState } from 'react'
+import { isFunction } from 'lodash-es'
+
+export interface useVisibleConfigType {
+    onBeforeShow?: () => Promise<boolean | void>
+    onBeforeHide?: () => Promise<boolean | void>
+}
+export default function useVisible(config?: useVisibleConfigType) {
+    const [visible, setVisible] = useState(false)
+    const onShow = async () => {
+        let isShow: boolean | void = true
+        if (isFunction(config?.onBeforeShow)) {
+            isShow = await config?.onBeforeShow?.()
+        }
+        setVisible(isShow !== false)
+    }
+    const onClose = async () => {
+        let isHide: boolean | void = true
+        if (isFunction(config?.onBeforeHide)) {
+            isHide = await config?.onBeforeHide?.()
+        }
+        setVisible(isHide === false)
+    }
+
+    return { visible, onShow, onClose }
+}

package/template/vue/package.json

@@ -16,12 +16,14 @@
         "commit": "git add . && npm run cz"
     },
     "dependencies": {
+        "lodash-es": "^4.17.21",
         "pinia": "2.0.18",
         "vite-plugin-eslint": "1.8.1",
         "vue": "3.2.37",
         "vue-router": "4.1.3"
     },
     "devDependencies": {
+        "@types/lodash-es": "^4.17.6",
         "@typescript-eslint/eslint-plugin": "5.33.0",
         "@typescript-eslint/parser": "5.33.0",
         "@vitejs/plugin-vue": "3.0.3",

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

@@ -0,0 +1 @@
+export { default as useVisible } from './useVisible'

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

@@ -0,0 +1,26 @@
+import { ref } from 'vue'
+import { isFunction } from 'lodash-es'
+
+export interface useVisibleConfigType {
+    onBeforeShow?: () => Promise<boolean | void>
+    onBeforeHide?: () => Promise<boolean | void>
+}
+export default function useVisible(config?: useVisibleConfigType) {
+    const visible = ref(false)
+    const onShow = async () => {
+        let isShow: boolean | void = true
+        if (isFunction(config?.onBeforeShow)) {
+            isShow = await config?.onBeforeShow?.()
+        }
+        visible.value = isShow !== false
+    }
+    const onClose = async () => {
+        let isHide: boolean | void = true
+        if (isFunction(config?.onBeforeHide)) {
+            isHide = await config?.onBeforeHide?.()
+        }
+        visible.value = isHide === false
+    }
+
+    return { visible, onShow, onClose }
+}