Gridstack.js: diretórios jquery-ui errados no gridstack.js

Criado em 18 ago. 2016 · 4Comentários · Fonte: gridstack/gridstack.js

No jquery-ui 1.12.0, todos os arquivos associados são movidos para o diretório ui e não para o diretório raiz. Portanto, o código a seguir em gridstack.js está obsoleto.

if (typeof define === 'function' && define.amd) {
define(['jquery', 'lodash', 'jquery-ui/data', 'jquery-ui/disable-selection', 'jquery-ui/focusable',
'jquery-ui/form', 'jquery-ui/ie', 'jquery-ui/keycode', 'jquery-ui/labels', 'jquery-ui/jquery-1-7',
'jquery-ui/plugin', 'jquery-ui/safe-active-element', 'jquery-ui/safe-blur', 'jquery-ui/scroll-parent',
'jquery-ui/tabbable', 'jquery-ui/unique-id', 'jquery-ui/version', 'jquery-ui/widget',
'jquery-ui/widgets/mouse', 'jquery-ui/widgets/draggable', 'jquery-ui/widgets/droppable',
'jquery-ui/widgets/resizable'], fábrica);

É recomendado usar define(['jquery', 'lodash', 'jquery-ui']) para substituir.

Fonte

starplanet

👍4

Comentários muito úteis

A redefinição de alias afeta outros plugins jQueryUI que são usados no projeto, se houver, o que não é aceitável.

creage em 11 set. 2017

👍3

Todos 4 comentários

Os arquivos jquery-ui estavam em /ui na v.1.11 para jquery-ui instalado via bower. Ao não definir a localização exata para jquery-ui no gridstack, na verdade permitimos que o usuário tenha controle.

Seu arquivo main.js pode ficar assim:

require.config({
    paths: {
        'jquery-ui': 'vendor/jquery-ui/ui/'
...

Com base na própria página do jqui (https://learn.jquery.com/jquery-ui/environments/amd/), esta parece ser a solução mais adequada. Se eles atualizaram as configurações recomendadas, estamos abertos a alterá-las, mas por enquanto esse método continua sendo suficiente por enquanto. Acredito que atualizaremos isso à medida que mais bibliotecas atualizarem a dependência para o jqui mais recente.

radiolips em 18 ago. 2016

OK. Entendi. Obrigado.

原始邮件
发件人:[email protected]
收件人:troolee/gridstack.jsgridstack. [email protected]
抄送:[email protected]; [email protected]
发送时间:2016年8月19日(周五) 04:38
Exemplo: Re: [troolee/gridstack.js] diretórios jquery-ui incorretos ingridstack.js (#513)

Os arquivos jquery-ui estavam em /ui na v.1.11 para jquery-ui instalado via bower. Ao não definir a localização exata para jquery-ui no gridstack, na verdade permitimos que o usuário tenha controle.
Seu arquivo main.js pode ter esta aparência:
require.config({ caminhos: { 'jquery-ui': 'vendor/jquery-ui/ui/' ...
Com base na própria página do jqui (https://learn.jquery.com/jquery-ui/environments/amd/), esta parece ser a solução mais adequada. Se eles atualizaram as configurações recomendadas, estamos abertos a alterá-las, mas por enquanto esse método continua sendo suficiente por enquanto. Acredito que atualizaremos isso à medida que mais bibliotecas atualizarem a dependência para o jqui mais recente.
—
Você está recebendo isso porque foi o autor do tópico.
Responda a este e-mail diretamente, visualize-o no GitHub ou silencie a conversa.

starplanet em 19 ago. 2016

Acredito que jquery-ui atualizou seu conselho e agora recomenda que os caminhos em gridstack.jQueryUI.js sejam alterados para incluir a pasta 'ui'.

Consulte o guia de atualização do jquery ui 1.12 onde eles afirmam:

Quando estiver pronto para atualizar, você precisará atualizar seus caminhos de importação.
Antes de:
var autocomplete = require( "jquery-ui/autocomplete" );
Depois de:
var autocomplete = require( "jquery-ui/ui/widgets/autocomplete" );

Tentei adicionar o alias do caminho no meu arquivo tsconfig.app.json do projeto Angular 2 CLI, mas o compilador angular travaria:
"baseUrl": "",
"caminhos":{
"jquery-ui/ ":["jquery-ui/ui/ "]
}

Eu estou supondo que ele entra em um loop de recursão infinito tentando resolver "jquery-ui". Talvez haja uma maneira melhor de adicionar o alias a um projeto Angular 2 CLI?