上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
12下一页
返回列表 发新帖

脚本猫UI库

[复制链接]
  • TA的每日心情
    开心
    2024-3-13 10:14
  • 签到天数: 211 天

    [LV.7]常住居民III

    305

    主题

    4166

    回帖

    4037

    积分

    管理员

    积分
    4037

    管理员荣誉开发者油中2周年生态建设者喜迎中秋油中3周年挑战者 lv2

    发表于 2023-7-17 00:26:36 | 显示全部楼层 | 阅读模式

    如何使用? 库问题反馈 给库评分 查看代码

    Github

    特别感谢@steven026本库主要由其进行开发

    脚本猫UI库

    这是一个类react语法适用于油猴脚本的UI库,底层基于ReactArco

    帮助你快速构建一个美观不会影响页面的UI面板。

    image-20230717000732568

    使用方式

    首先你需要在油猴脚本中@require本库,链接已发布在脚本站中:脚本猫UI库

    例如下面这样:

    // ==UserScript==
    // @name        脚本猫UI库
    // @namespace   https://scriptcat.org/
    // @description 基于Arco做的UI库, 用于快速开发脚本的UI界面
    // @version     0.1.0
    // @author      You
    // @match       https://bbs.tampermonkey.net.cn/
    // @require https://scriptcat.org/lib/1167/1.0.0/%E8%84%9A%E6%9C%AC%E7%8C%ABUI%E5%BA%93.js
    // ==/UserScript==

    另外UI库支持两种使用方式,函数模式JSX模式

    函数模式

    函数模式使用js的方式编写组件进行使用

    示例

    JSX模式

    jsx模式需要将组件写为JSX的字符串模式

    示例

    组件

    本框架是基于Arco,你可以在他的官网上看组件相关的文档,调用方式和参数几乎一致,你也可以查看示例来学习如何使用。

    上不慕古,下不肖俗。为疏为懒,不敢为狂。为拙为愚,不敢为恶。
  • TA的每日心情
    开心
    2024-9-29 15:06
  • 签到天数: 6 天

    [LV.2]偶尔看看I

    9

    主题

    81

    回帖

    88

    积分

    初级工程师

    积分
    88
    发表于 2023-7-20 14:29:47 | 显示全部楼层
    这个主要用来做什么??是点击右上角的脚本弹出来的对话框或配置吗?
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2024-3-13 10:14
  • 签到天数: 211 天

    [LV.7]常住居民III

    305

    主题

    4166

    回帖

    4037

    积分

    管理员

    积分
    4037

    管理员荣誉开发者油中2周年生态建设者喜迎中秋油中3周年挑战者 lv2

    发表于 2023-7-20 14:32:06 | 显示全部楼层
    szzxc 发表于 2023-7-20 14:29
    这个主要用来做什么??是点击右上角的脚本弹出来的对话框或配置吗?

    主要用来 帮助你快速构建一个美观且不会影响页面的UI面板。

    简单说是油猴脚本使用的UI库

    哥哥可以看看这个示例
    https://scriptcat.org/script-show-page/1168
    上不慕古,下不肖俗。为疏为懒,不敢为狂。为拙为愚,不敢为恶。
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    7 小时前
  • 签到天数: 795 天

    [LV.10]以坛为家III

    31

    主题

    551

    回帖

    1543

    积分

    荣誉开发者

    积分
    1543

    荣誉开发者新人进步奖油中2周年生态建设者新人报道挑战者 lv2油中3周年喜迎中秋

    发表于 2023-7-20 15:24:29 | 显示全部楼层
    哥哥觉得用Github Action在push之后自动编译,然后webhook更新脚本站,版本号自动++,如何?
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2024-3-13 10:14
  • 签到天数: 211 天

    [LV.7]常住居民III

    305

    主题

    4166

    回帖

    4037

    积分

    管理员

    积分
    4037

    管理员荣誉开发者油中2周年生态建设者喜迎中秋油中3周年挑战者 lv2

    发表于 2023-7-20 15:25:23 | 显示全部楼层
    steven026 发表于 2023-7-20 15:24
    哥哥觉得用Github Action在push之后自动编译,然后webhook更新脚本站,版本号自动++,如何? ...

    可以的,但是版本号自动++不太好处理,脚本站提供API?github action打tag去处理?好像没什么好方式
    上不慕古,下不肖俗。为疏为懒,不敢为狂。为拙为愚,不敢为恶。
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    7 小时前
  • 签到天数: 795 天

    [LV.10]以坛为家III

    31

    主题

    551

    回帖

    1543

    积分

    荣誉开发者

    积分
    1543

    荣誉开发者新人进步奖油中2周年生态建设者新人报道挑战者 lv2油中3周年喜迎中秋

    发表于 2023-7-20 15:26:57 | 显示全部楼层
    王一之 发表于 2023-7-20 15:25
    可以的,但是版本号自动++不太好处理,脚本站提供API?github action打tag去处理?好像没什么好方式 ...

    改!

    或者把版本号在Github Action里面++
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2024-3-13 10:14
  • 签到天数: 211 天

    [LV.7]常住居民III

    305

    主题

    4166

    回帖

    4037

    积分

    管理员

    积分
    4037

    管理员荣誉开发者油中2周年生态建设者喜迎中秋油中3周年挑战者 lv2

    发表于 2023-7-20 15:27:59 | 显示全部楼层
    steven026 发表于 2023-7-20 15:26
    改!

    或者把版本号在Github Action里面++

    咋改呢?交给哥哥!
    上不慕古,下不肖俗。为疏为懒,不敢为狂。为拙为愚,不敢为恶。
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    2

    回帖

    3

    积分

    助理工程师

    积分
    3
    发表于 2024-10-18 17:02:00 | 显示全部楼层
    请问是只支持部分组件还是全部组件,我想使用Collapse 和CollapseItem  ,提示没有这样的函数
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2024-3-13 10:14
  • 签到天数: 211 天

    [LV.7]常住居民III

    305

    主题

    4166

    回帖

    4037

    积分

    管理员

    积分
    4037

    管理员荣誉开发者油中2周年生态建设者喜迎中秋油中3周年挑战者 lv2

    发表于 2024-10-21 09:55:28 | 显示全部楼层
    last2003 发表于 2024-10-18 17:02
    请问是只支持部分组件还是全部组件,我想使用Collapse 和CollapseItem  ,提示没有这样的函数 ...

    https://github.com/scriptscat/lib/blob/main/cat_ui/lib/ui.tsx#L6

    部分,手动加入的,这是相关源代码,因为没啥人用,也没太维护
    上不慕古,下不肖俗。为疏为懒,不敢为狂。为拙为愚,不敢为恶。
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2024-3-13 10:14
  • 签到天数: 211 天

    [LV.7]常住居民III

    305

    主题

    4166

    回帖

    4037

    积分

    管理员

    积分
    4037

    管理员荣誉开发者油中2周年生态建设者喜迎中秋油中3周年挑战者 lv2

    发表于 2024-10-21 09:55:49 | 显示全部楼层
    last2003 发表于 2024-10-18 17:02
    请问是只支持部分组件还是全部组件,我想使用Collapse 和CollapseItem  ,提示没有这样的函数 ...

    https://github.com/scriptscat/lib/blob/main/cat_ui/lib/ui.tsx#L6

    部分,手动加入的,这是相关源代码,因为没啥人用,也没太维护
    上不慕古,下不肖俗。为疏为懒,不敢为狂。为拙为愚,不敢为恶。
    回复

    使用道具 举报

    发表回复

    本版积分规则

    快速回复 返回顶部 返回列表