any-tdf / stdf Goto Github PK
View Code? Open in Web Editor NEWMobile web component library based on Svelte and Tailwind
Home Page: https://stdf.design
License: MIT License
Mobile web component library based on Svelte and Tailwind
Home Page: https://stdf.design
License: MIT License
stdf (STDF 组件)
请问stdf能否在svelte5上使用
No response
No response
如题,按照首页文档上说的配置了,但样式始终加载不出来,能否出个详细点的配置说明
Tabs
doc demo
Tabs在Transition mitigation下渲染时其它的tab的内容也会短暂的出现
手机真机预览或doc内都可以复现
https://stdf.design/#/components?nav=tabs&tab=0
启用过渡动画时其它tab应隐藏
stdf (STDF 组件)
建议可以参考 uview新增一个文件上传的组件和表单组合的组件
No response
No response
目前是点击整个 cell任意地方都会触发开关,这在某些场景下是不合理的,因为这失去了按钮或者箭头所处位置的指示意义(往往看到按钮或者箭头,都会下意识的点击按钮或者箭头的位置)
希望只点击局部有开关的部位才会触发开关状态,比如点击右侧的按钮部位才会切换开关,而点击左侧的标题或者副标题等文字部分时不触发开关。
当然这是我的理解,也是我的需求,至于要不要这样还是需要作者思考取舍。
先赞一下这个库,非常棒 👍
我使用 sveltekit 创建的工程,然后引入 stdf 后会报错:
TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".svelte" for /Users/edh/dev/habits/node_modules/stdf/dist/components/button/Button.svelte
at new NodeError (node:internal/errors:405:5)
at Object.getFileProtocolModuleFormat [as file:] (node:internal/modules/esm/get_format:99:9)
at defaultGetFormat (node:internal/modules/esm/get_format:142:36)
at defaultLoad (node:internal/modules/esm/load:91:20)
at DefaultModuleLoader.load (node:internal/modules/esm/loader:263:26)
at DefaultModuleLoader.moduleProvider (node:internal/modules/esm/loader:179:22)
at new ModuleJob (node:internal/modules/esm/module_job:63:26)
at #createModuleJob (node:internal/modules/esm/loader:203:17)
at DefaultModuleLoader.getJobFromResolveResult (node:internal/modules/esm/loader:156:34)
at DefaultModuleLoader.getModuleJob (node:internal/modules/esm/loader:141:17) {
code: 'ERR_UNKNOWN_FILE_EXTENSION'
}
我看了一下 create-stdf 创建的工程示例,应该是针对的纯 svelte 工程。
在通过 sveltekit 创建的工程里面,vite.config.ts 是这样:
import { sveltekit } from "@sveltejs/kit/vite";
import { defineConfig } from "vite";
export default defineConfig({
plugins: [sveltekit()],
});
我也没有深入的研究对比,所以不确定需要调整哪些地方,也无法给出很好的建议
stdf (STDF 组件)
可否在Calendar中增加年选择,以及多年的月份日期选择,支持190001-209912,现在无此功能,只有前六个月后六个月,且不支持跳转年份选择只可以滚动,我尝试修改源码,但受限于渲染瓶颈,导致组件卡死。
No response
No response
Can this be used with svelte native ? or are there Dom specific libs that will cause compatibility issues
Sometimes, these two components are also needed.
Like:
https://ant.design/components/popover
https://ant.design/components/tooltip
使用Typescript 好处显而易见,
静态类型检查:TypeScript 是 JavaScript 的超集,它引入了静态类型系统,这在开发大型项目时特别有用。静态类型检查帮助开发者在编码阶段就能发现可能的错误,而不是在运行时。这样一来,可以大大减少因类型错误而导致的 bug,提高代码质量。
function greet(name: string) {
console.log(`Hello, ${name}`);
}
greet(123); // Error: Argument of type 'number' is not assignable to parameter of type 'string'.
自文档化:TypeScript 的类型注解和接口可以帮助开发者理解变量和函数期望的输入。这种清晰的定义,使得代码更易于理解和维护。
interface User {
name: string;
age: number;
}
function greet(user: User) {
console.log(`Hello, ${user.name}`);
}
stdf (STDF 组件)
0.4.6
当我想给 Icon 绑定一个 click 事件时,发现点击图标后没有反应。以下是我测试的代码:
<Icon name='ri-chrome-fill' on:click={()=>{alert('test')}} />
给 Icon 绑定一个事件, 点击无效
No response
stdf (STDF 组件)
现在组件不支持Form表单,无法传入rules自定义表单校验规则,希望能加上,谢谢~
No response
No response
Slider & IndexBar components is only bounden to the Touch event now. They can not be operated by keyboard on Pad device.
Suggest bind with keyboard with a option or as default.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.