问题标签 [shoelace]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
218 浏览

javascript - 更改时无法触发鞋带 (CSS) 选择元素

我正在使用select Shoelace -element 作为协议复选框,需要检查它是否被选中。Chrome DevTools 会在检查开关时向我显示添加到标签的类“switch--checked”。未选中时将其删除。

当检查开关并尝试使用 jQuery hasClass函数时,我需要触发一些事件。我尝试了以下几节课。这些都没有触发我的事件。请帮忙!

选择未选中的元素

选择未选中的元素

选中元素强文本

在此处输入图像描述

0 投票
0 回答
64 浏览

javascript - 如何最好地从鞋带库中捕获 sl-input 组件中的值

我对鞋带网络组件库相当陌生。我正在尝试实现一个回调来验证输入。

我发现捕获输入值的唯一方法是evt.path[0].value在处理slInput事件时使用。真的是这样吗。我在https://shoelace.style上没有看到这方面的例子

下面是一个 jsx 示例。假设该validate()函数对当前输入值做了一些魔术。

以上是可行的,但a).path不是标准属性,CustomEventb)我有什么保证该值始终在path[0]

编辑: 这行得通。

0 投票
2 回答
98 浏览

css - sl 按钮不是已知元素 - 将 css 库导入 Angular

我只是想导入https://shoelace.style/库以在 Angular 应用程序中使用。

我已经尝试了他们推荐的将元素添加到索引文件中的方法stylelink我还尝试添加他们的 NPM 包,然后将以下内容添加到我的angular.json

但是,无论我做什么,每当我尝试使用特定的鞋带组件时,例如<sl-button>我得到'sl-button' is not a known element

我需要做什么才能使它正常工作?

0 投票
0 回答
85 浏览

area - 计算一个多边形在地球表面的面积

出于教育目的,我正在尝试编写一个 TS 函数,该函数将接受坐标数组并计算多边形的面积。

我正在使用鞋带算法成功计算多边形的面积。在运行算法之前,我将纬度/经度坐标转换为它们的笛卡尔格式。

我将此与https://www.mathopenref.com/coordpolygonareacalc.html的结果进行了比较,该结果输出:774321690.7119141。

但是,当我将此与谷歌地图等工具进行比较时,它是不正确的(答案是 1513405095.71 平方米)。我应该应用地球的球形特性来获得准确的答案,但我不确定如何。我试过 S = [θ - (n - 2)π]R^2 其中 θ 是角度的总和,n 是角的数量。

任何帮助将不胜感激,谢谢!

0 投票
1 回答
40 浏览

javascript - Jest 对 Shoelace 库有一些问题

在 StencilJs 中,我在组件中导入了Shoelace库,如下所示:

在测试中我得到这个错误:

SyntaxError: 不能在模块外使用 import 语句。

你知道为什么鞋带组件会开玩笑地导致这个错误吗?

0 投票
1 回答
84 浏览

typescript - 如何将 Shoelace 组件库添加到现有的 Stencil.js 项目

有一个名为“shoelace”(https://shoelace.style/getting-started/usage)的库,它是使用 stencil.js 构建的 Web 组件的集合。我想在我现有的 stencil.js 项目中使用该库中的组件。

但是,当我按照使用 NPM 进行本地安装的说明进行操作时,它不起作用,即使该组件似乎已加载。

尝试渲染鞋带的按钮组件时收到以下错误: Class constructor SlButton cannot be invoked without 'new'

这是我的test-button.tsx组件:

这里有什么问题?

0 投票
0 回答
27 浏览

postgresql - PostgreSQL 中的鞋带公式

这里在 SQL 世界中相当新。

我有一个坐标到不同地方(x,y)的数据库

已按照本指南将这些坐标转换为笛卡尔坐标并创建形成多边形的有序坐标列表。

完成后,我现在面临计算所述多边形面积的挑战。

为了实现这一点,最好的选择似乎是鞋带公式的实现。我找到了以不同语言运行计算的不同方法(参见此处)此处 - 第 28 页,area2d_polygon() 函数,但在编写 SQL 以执行相同计算时根本没有成功。

PostGIS 在这里似乎不是我的选择。

到现在已经在这个上花了好几个小时了。我需要编写从形成多边形的坐标列表中计算以 km2 为单位的面积的 SQL。

任何帮助将不胜感激 :)

0 投票
2 回答
189 浏览

svelte - 在第 3 方库中复制后缓慢的 rollup.js 捆绑

我正在使用https://shoelace.style(在我的 Svelte 项目中),并按照鞋带文档中的示例配置,我添加了一个copy()插件到我的rollup.config.js,将其复制到public/vendor/shoelace

它可以工作,但现在构建需要非常长的时间 - 超过 40 秒,包括文件更改时的增量重建。我相当确定时间损失不是因为它每次都被意外复制,因为资产文件夹只有 6M。

那么,我想正在进行一些摇树和/或优化?有没有办法从汇总处理中排除文件夹 - 或者无论如何对捆绑过程进行故障排除/分析?

(如有必要,我也可以发布其余的配置;但它是标准的新应用程序模板,通过npx degit sveltejs/template添加/删除复制插件获得所有不同。)

0 投票
0 回答
185 浏览

ionic-framework - 使用带有 Web 组件库的 Svelte JS 框架,如何通过 bind:value 指令实现与自定义元素的两个绑定?

注意:对于这个问题,Svelte repo 上有一个 GitHub 问题打开。 https://github.com/sveltejs/svelte/issues/4838 虽然我知道这可能会或可能不会成为 Svelte 的一项功能,但我要问的是我今天如何创建一种解决方法来支持第三方网络像ShoelaceUI5这样的组件库,还是具有双向绑定的Ionic ?

概要:

  1. 我已经设置了一个 Svelte 应用程序并成功添加了一个 Web 组件库(例如:鞋带)。
  2. 我编写了一行使用双向绑定的代码,例如:
  3. 我无法双向绑定 ( bind:value={}),因为 Svelte 编译器无法识别自定义 Web 组件的有效绑定。

如果有一个你知道的包装库,或者我可以做一些其他的事情来使它工作,那就太好了。

0 投票
0 回答
38 浏览

python - 如何从给定函数的噪声点计算面积?

我被要求从给定函数的噪声点计算面积(该函数可以表示任何封闭的抽象形状)。

我正在获取函数并从该函数中获取 1000 个噪声点(由样本随机给出)。

我尝试使用 sklearn.cluster.kmeans 来找到“x”中心点,并在它们上做鞋带公式,但我仍然没有得到我想要的准确性。

有人知道我是否需要以我所代表的方式关注某些事情吗?还是有更好的其他方法来做到这一点?

*我正在使用python 3

谢谢您的帮助。