npmapps 1.0.16 → 1.0.18

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "npmapps",
-  "version": "1.0.16",
+  "version": "1.0.18",
+  "description": "",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -8,5 +9,5 @@
   "keywords": [],
   "author": "",
   "license": "ISC",
-  "description": ""
+  "type": "commonjs"
 }

package/app/jsx/com.vue

@@ -1,44 +0,0 @@
-<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

@@ -1,66 +0,0 @@
-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

@@ -1,65 +0,0 @@
-<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

@@ -1,33 +0,0 @@
-<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

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