npmapps 1.0.15 → 1.0.16

package/app/jsx/com.vue

@@ -0,0 +1,44 @@
+<script lang="jsx">
+import { defineComponent, Fragment } from 'vue'
+import { ElButton } from 'element-plus'
+import { useRouter, useRoute } from 'vue-router'
+
+export default defineComponent({
+  name: 'ComView',
+  setup(props, { slots, emit ,attrs}) {
+    console.log(props, 'props');
+    console.log(attrs, 'attrs');
+    const router = useRouter()
+    console.log(router, 'router');
+    const goHome = () => {
+      router.push('/')
+    }
+    const route = useRoute()
+    console.log(route, 'route');
+    
+    return () => (
+      <>
+        <div>ComView</div>
+        <div>props: {attrs.count}</div>
+        <ElButton
+          type="primary"
+          onClick={() => {
+           attrs.dialog.close()
+          }}
+        >
+          close dialog
+        </ElButton>
+        <ElButton
+          type="primary"
+          onClick={() => {
+            goHome()
+            attrs.dialog.close()
+          }}
+        >
+          go home
+        </ElButton>
+      </>
+    )
+  }
+})
+</script>

package/app/jsx/dialog.jsx

@@ -0,0 +1,66 @@
+import { defineComponent, ref, h, render } from 'vue'
+import { ElDialog, ElButton } from 'element-plus'
+
+export const openDialog = (options = {}, appContext) => {
+  const {
+    props = {},
+    events = {},
+    slots = {}
+  } = options
+  
+  const container = document.createElement('div')
+  document.body.appendChild(container)
+
+  let vnode
+  const visible = ref(true)
+  const DialogHost = defineComponent({
+    name: 'FunctionDialogHost',
+    setup(props,{expose}) {
+      const handleSlot = () => {
+        const slotList = {}
+        for (const slotName in slots) {
+          if (slots.hasOwnProperty(slotName)) {
+            const slot = slots[slotName]
+            if (slot) {
+              slotList[slotName] = slot()
+            }
+          }
+        }
+        return slotList
+      }
+      const cleanup = () => {
+        try {
+          render(null, container)
+        } catch {}
+        if (container && container.parentNode) {
+          container.parentNode.removeChild(container)
+        }
+      }
+
+      // 返回 JSX 渲染函数
+      return () => (
+        <ElDialog
+          modelValue={visible.value}
+          onUpdate:modelValue={(v) => { visible.value = v }}
+          {...props}
+          {...events}
+          destroyOnClose={true}
+          onClosed={cleanup}
+        >
+          {handleSlot()}
+        </ElDialog>
+      )
+    }
+  })
+  vnode = h(DialogHost)
+  if (appContext) vnode.appContext = appContext
+  render(vnode, container)
+  const close = () => {
+    visible.value = false
+  }
+  return {
+    close,
+  }
+}
+
+export default openDialog

package/app/jsx/index.vue

@@ -0,0 +1,65 @@
+<script lang="jsx">
+import { defineComponent, ref, h, Fragment, getCurrentInstance } from "vue";
+import PropsView from "./props.vue";
+import openDialog from "./dialog.jsx";
+import ComView from "./com.vue";
+
+export default defineComponent({
+  name: "JsxView",
+  setup() {
+    const count = ref(0);
+    const propsViewRef = ref(null);
+    const countAdd = () => {
+      propsViewRef.value.countAdd();
+    };
+    const comCount = ref(0);
+    const open = () => {
+      const { appContext } = getCurrentInstance() || {};
+      let dialog = {};
+      const options = {
+        props: {
+          title: "hello dialog",
+        },
+        events: {
+          onClose: () => {
+            console.log("close11");
+          },
+        },
+        slots: {
+          default: () => <ComView count={comCount.value} dialog={dialog} />,
+          title: () => <div>title slot</div>,
+          footer: () => <div>footer slot</div>,
+        },
+      };
+      dialog.close = openDialog(options, appContext).close;
+    };
+    return () => (
+      <>
+        <div class="mb-4">
+          123
+          <span>
+            <el-button type="primary" onClick={open}>
+              open dialog
+            </el-button>
+            <el-button type="primary" onClick={countAdd}>
+              props countAdd
+            </el-button>
+            <div>count: {count.value}</div>
+            <PropsView
+              ref={propsViewRef}
+              msg="hello props"
+              onMyEvent={() => {
+                count.value++;
+              }}
+            >
+              {{
+                default: () => <div>default slot</div>,
+              }}
+            </PropsView>
+          </span>
+        </div>
+      </>
+    );
+  },
+});
+</script>

package/app/jsx/props.vue

@@ -0,0 +1,33 @@
+<script lang="jsx">
+import { defineComponent, ref, h, Fragment } from 'vue'
+
+export default defineComponent({
+  name: 'PropsView',
+  emits: ['myEvent'],
+  setup(props, { attrs, emit ,slots ,expose }) {
+    console.log(props, 'props');
+    console.log(attrs, 'attrs');  
+    console.log(emit, 'emit');
+    console.log(slots, 'slots');  
+    console.log(expose, 'expose');
+    const count = ref(0);
+    const countAdd = () => {
+      count.value++;
+    }
+    expose({
+      countAdd,
+    })
+    return () => <>
+      <div>
+      {attrs.msg}
+      <div>props count: {count.value}</div>
+      {slots.default()}
+      <el-button type="primary" onClick={() => {
+        console.log('myEvent');
+        
+        emit('myEvent')
+      }}>countAdd</el-button>
+      </div></>
+  }
+})
+</script>

package/app.md

@@ -0,0 +1 @@
+1.0.16 vue3 jsx element-plus文档

package/package.json

@@ -1,12 +1,12 @@
-{
-    "name": "npmapps",
-    "version": "1.0.15",
-    "main": "index.js",
-    "scripts": {
-      "test": "echo \"Error: no test specified\" && exit 1"
-    },
-    "keywords": [],
-    "author": "",
-    "license": "ISC",
-    "description": ""
-  }
+{
+  "name": "npmapps",
+  "version": "1.0.16",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "description": ""
+}

package/README.md

@@ -1,16 +0,0 @@
-1.0.0 VSCodeUserSetup-x64-1.96.4.exe
-1.0.1 HeidiSQL_12.10.0.7000_Setup.7z
-1.0.2 v-fullScreen.browser.text
-1.0.3 ehcarts-3dpie
-1.0.4 EllTable
-1.0.5 dialogFnJsx
-1.0.6 calendar
-1.0.7 employeeSchedulingManagement
-1.0.8 snippet
-1.0.9 watchNginxConfig
-1.0.10 nginxManagement
-1.0.11 nginxManagement
-1.0.12 nginxManagement
-1.0.13 nginxManagement
-1.0.14 nginxManagement
-1.0.15 AutoHotkey

package/app/my.ahk

@@ -1,54 +0,0 @@
-#Requires AutoHotkey v2.0
-TraySetIcon("C:\Users\w1768\Documents\wk\web\sanjiaozhou\1k.ico")
-; 是否运行中
-global isRunning := false
-; 最大运行次数
-global maxCount := 10 * 6
-; 当前运行次数
-global currentCount := 0
-
-; 随机时间
-global time1 := Random(2000, 4000)  ; 1-2秒之间的随机数
-
-F12::
-{
-    global isRunning
-    global currentCount
-    global maxCount
-
-    if (isRunning || currentCount >= maxCount) {
-        isRunning := false
-        currentCount := 0
-        ToolTip("已停止")
-        setTimer(() => ToolTip(), -1000)
-
-        return
-    }
-    ToolTip("已启动", 0 ,0 )
-    ; setTimer(() => ToolTip(),-1000)
-    isRunning := true
-    setTimer(action, -1000 * 10 * 6)
-
-}
-
-action() {
-    global isRunning
-    global currentCount
-    global time1
-
-    if (!isRunning) {
-        ToolTip("请先启动F12")
-        setTimer(() => ToolTip(), -1000)
-        return
-    }
-    currentCount++
-    MouseMove(700, 500)
-    Sleep(time1)
-    MouseClick()
-  
-    Sleep(time1)
-    Send('{Down}')
-
-    setTimer(action, -1000 * 10 * 6)
-
-}