quark-core
quark-core copied to clipboard
Open-source, Web Components engine designed for everyone.(用原生 JS 构建跨技术栈组件 / 无框架组件)
如题。 目前好像不支持。但是有别的框架(stencil)已经实现了,希望可以借鉴,完善这一块功能。 1. @Prop: 地址:[https://stenciljs.com/docs/properties#object-props](https://stenciljs.com/docs/properties#object-props)     @Prop 装饰器源码位置:[https://github1s.com/ionic-team/stencil/blob/main/src/compiler/transformers/decorators-to-static/prop-decorator.ts#L41](https://github1s.com/ionic-team/stencil/blob/main/src/compiler/transformers/decorators-to-static/prop-decorator.ts#L41) 2. @Watch 地址:[https://stenciljs.com/docs/reactive-data#watch-decorator](https://stenciljs.com/docs/reactive-data#watch-decorator)  @Watch 装饰器源码位置:[https://github1s.com/ionic-team/stencil/blob/main/src/compiler/transformers/decorators-to-static/watch-decorator.ts](https://github1s.com/ionic-team/stencil/blob/main/src/compiler/transformers/decorators-to-static/watch-decorator.ts)
组件跨栈使用
在自定义跨栈组件中使用的时候如何兼容vue和react的组件引入 一个是import "quarkd/lib/button"; 一个是import { Button } from "@quarkd/quark-react";
是否考虑插件系统
类似 `Vue.use` 的扩展能力。 比如: 1. 提供非字符串的复杂值内容的组件间传递 2. `right-text` 与 `rightText` 名字的自转换 3. ...
是否有考虑过维护一个所有基于quarkc的组件讨论共享社区,最大程度复用已经造过的轮子,也能增加曝光率。
编译结果中有`extends HTMLElement` 的语句,导致在 SSR 中无法使用。 `class QuarkElement extends HTMLElement implements ReactiveControllerHost`.
`if (!customElements.get(tag)) { customElements.define(tag, getWrapperClass(target, style)); }` 不支持 customElements 的浏览器引入组件直接白屏阻塞了... 前提: 不想加载pollyfills 判断支持性之后再引入也可以解决,但不想失去按需的写法
Quarkc 构建的webComponent 组件,使用的时候怎么没有属性提示? 原生 html: React 中: 都没有属性提示
``` // 创建项目,选了jsx pnpm create vue // 添加依赖 pnpm add quarkc ``` 然后我尝试复制了示例的组件,可是报错 `Support for the experimental syntax 'decorators' isn't currently enabled ` @vitejs/plugin-vue-jsx是vite识别jsx的插件