Giter VIP home page Giter VIP logo

stdf's People

Contributors

893358308 avatar dufu1991 avatar lemontree345 avatar mrlovables avatar yushi-ys avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

stdf's Issues

样式加载不上

如题,按照首页文档上说的配置了,但样式始终加载不出来,能否出个详细点的配置说明

Cell click behavior

目前是点击整个 cell任意地方都会触发开关,这在某些场景下是不合理的,因为这失去了按钮或者箭头所处位置的指示意义(往往看到按钮或者箭头,都会下意识的点击按钮或者箭头的位置)

希望只点击局部有开关的部位才会触发开关状态,比如点击右侧的按钮部位才会切换开关,而点击左侧的标题或者副标题等文字部分时不触发开关。

当然这是我的理解,也是我的需求,至于要不要这样还是需要作者思考取舍。

[other] 支持 sveltekit

先赞一下这个库,非常棒 👍

feature 描述

我使用 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()],
});

我也没有深入的研究对比,所以不确定需要调整哪些地方,也无法给出很好的建议

[Feature]: 可否在Calendar中增加年选择,以及多年的月份日期选择

模块

stdf (STDF 组件)

新功能描述

可否在Calendar中增加年选择,以及多年的月份日期选择,支持190001-209912,现在无此功能,只有前六个月后六个月,且不支持跳转年份选择只可以滚动,我尝试修改源码,但受限于渲染瓶颈,导致组件卡死。

示例

No response

你的想法

No response

不考虑使用Typescript 吗?

使用Typescript 好处显而易见,

  1. 静态类型检查: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'.
  2. 自文档化:TypeScript 的类型注解和接口可以帮助开发者理解变量和函数期望的输入。这种清晰的定义,使得代码更易于理解和维护。

    interface User {
        name: string;
        age: number;
    }
    
    function greet(user: User) {
        console.log(`Hello, ${user.name}`);
    }

[Bug]: Icon 添加 click 事件无效

模块

stdf (STDF 组件)

版本

0.4.6

描述缺陷

当我想给 Icon 绑定一个 click 事件时,发现点击图标后没有反应。以下是我测试的代码:
<Icon name='ri-chrome-fill' on:click={()=>{alert('test')}} />

复现

给 Icon 绑定一个事件, 点击无效

你的想法

No response

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.