홈페이지>프로그래밍 관련>기타 소스코드
다운로드
ioBroker.vis 2

심벌 마크

ioBroker를 위한 차세대 시각화: vis-2

ioBroker 플랫폼을 위한 웹 시각화.

개요

  • 라이센스 요구사항
  • 설치 및 문서
  • 객체 바인딩
  • 필터
  • 제어 인터페이스
  • 기본 보기
  • 권한 시스템
  • 설정
  • SVG 및 현재 색상

라이센스 요구사항

ioBroker 에서 이 어댑터를 사용하려면 어댑터의 소스 코드 라이센스에 동의해야 합니다. 이 어댑터의 소스 코드는 CC BY-NC 라이센스에 따라 제공됩니다.

또한 어댑터를 사용하려면 라이센스가 필요합니다. 다음 라이센스 버전은 https://iobroker.net/www/pricing에서 사용할 수 있습니다.

  • 커뮤니티 라이센스: 개인적인 용도로는 무료입니다! : https://iobroker.net에 계정을 등록하여 무료 라이센스를 받으세요. vis-2 어댑터 시작 시 ioBroker 라이센스 서버에 대해 온라인으로 라이센스를 확인하게 되므로 이때 온라인 연결이 필요합니다!
  • 개인 사용 오프라인 라이센스 : 소액의 지원 비용을 지불하면 어댑터 시작 시 필요한 온라인 라이센스 확인을 없앨 수 있습니다. 개인용으로만 사용하세요!
  • 상업용 라이센스 : Vis를 상업용 환경에서 사용하거나 Vis를 ioBroker 패키지의 일부로 고객에게 판매하는 경우 이 라이센스는 귀하를 위한 것입니다. 라이센스 확인에도 온라인 연결이 필요하지 않습니다.

설치 및 문서

데모 인터페이스데모 인터페이스

온라인 데모

객체 바인딩

일반적으로 대부분의 위젯에는 ObjectID 속성이 있으며 이 속성은 개체 ID의 일부 값과 바인딩될 수 있습니다. 그러나 위젯의 속성을 일부 ObjectID에 바인딩하는 방법에 대한 또 다른 옵션이 있습니다.

{object.id} 속성(예: {hm-rpc.0.OEQ1880105.4.ACTUAL_TEMPERATURE} 에 쓰면 이 개체의 값에 바인딩됩니다. 특수 형식을 사용하면 곱셈이나 서식 지정과 같은 몇 가지 간단한 작업도 수행할 수 있습니다.

예를 들어, 삼각형의 빗변을 계산하려면:

{h:javascript.0.myCustom.height;w:javascript.0.myCustom.width;Math.max(20, Math.sqrt(h*h + w*w))} 함수로 해석됩니다. 

 value = await (async function () {
    var h = (await getState('javascript.0.myCustom.height')).val;
    var w = (await getState('javascript.0.myCustom.width')).val;
    return Math.max(20, Math.sqrt(h * h + w * w));
})();

또는

{h:javascript.0.myCustom.height;w:javascript.0.myCustom.width;h*w} 단순히 높이에 너비를 곱합니다.

모든 자바스크립트(브라우저) 기능을 사용할 수 있습니다. 인수는 ':'으로 정의해야 하며, 그렇지 않으면 수식으로 해석됩니다.

종류에 주의하세요. 모두 문자열로 정의됩니다. 확실히 하려면 해당 값은 parsFloat 함수를 사용하여 숫자로 처리됩니다.

따라서 빗변 계산은 다음과 같습니다. 

 {h:javascript.0.myCustom.height;w:javascript.0.myCustom.width;Math.max(20, Math.sqrt(Math.pow(parseFloat(h), 2) + Math.pow(parseFloat(w), 2)))}

더 이상 사용되지 않는 형식

Patten의 형식은 다음과 같습니다. 

 {objectID;operation1;operation2;...}

다음 작업이 지원됩니다.

  • * - 곱셈. 인수는 "*(4)"와 같이 괄호 안에 있어야 합니다. 이 샘플에서는 값에 4를 곱합니다.
  • + - 추가합니다. 인수는 "+(4.5)"와 같이 괄호 안에 있어야 합니다. 이 샘플에서는 값 4.5를 추가합니다.
  • - - 뺍니다. 인수는 "-(-674.5)"와 같이 괄호 안에 있어야 합니다. 이 샘플에서는 -674.5 값을 뺍니다.
  • / - 나누기. 인수는 "/(0.5)"와 같이 괄호 안에 있어야 합니다. 이 샘플에서는 값을 0.5로 나눕니다.
  • % - 모듈로. 인수는 "%(5)"와 같이 괄호 안에 있어야 합니다. 이 샘플에서는 모듈로 5를 사용합니다.
  • round - 값을 반올림합니다.
  • round(N) - 점 뒤에 N 자리로 값을 반올림합니다(예: 34.678;round(1) => 34.7
  • hex - 값을 16진수 값으로 변환합니다. 모든 문자는 소문자입니다.
  • hex2 - 값을 16진수 값으로 변환합니다. 모든 문자는 소문자입니다. 값이 16보다 작으면 앞에 0이 추가됩니다.
  • HEX - 16진수와 동일하지만 대문자입니다.
  • HEX2 - hex2와 동일하지만 대문자입니다.
  • date - 주어진 형식에 따라 날짜 형식을 지정합니다. 형식은 iobroker.javascript와 동일합니다.
  • min(N) - 값이 N보다 작으면 N을 취하고, 그렇지 않으면 값을 취합니다.
  • max(M) - 값이 M보다 크면 M을 취하고, 그렇지 않으면 값을 취합니다.
  • sqrt - 제곱근
  • pow(n) - N의 거듭제곱입니다.
  • pow - 2의 거듭제곱.
  • floor - Math.floor
  • ceil - Math.ceil
  • json - json 또는 객체 속성을 가져오기 위한 작업입니다. 예: {id;json(common.name.en)}
  • random(R) - Math.random() * R 또는 인수가 없는 경우 Math.random()만 사용
  • formatValue(decimals) - 시스템 설정에 따라 값 형식을 지정하고 소수를 사용합니다.
  • date(format) - 값의 형식을 날짜로 지정합니다. 형식은 "YYYY-MM-DD hh:mm:ss.sss"와 같습니다.
  • momentDate(format, useTodayOrYesterday) - Moment.js를 사용하여 값의 형식을 날짜로 지정합니다. 승인된 형식은 moment.js 라이브러리에 따라 입력되어야 합니다. useTodayOrYesterday=true 사용하면 moment.js 형식 ddd / dddd 오늘 / 어제로 덮어쓰여집니다.
  • array(element1,element2[,element3,element4]) - 인덱스의 요소를 반환합니다. 예: {id.ack;array(ack is false,ack is true)}

다음과 같은 어떤 텍스트에도 이 패턴을 사용할 수 있습니다. 

 My calculations with {objectID1;operation1;operation2;...} are {objectID2;operation3;operation4;...}

또는 색상 계산: 

 #{objectRed;/(100);*(255);HEX2}{objectGreen;HEX2}{objectBlue;HEX2}

객체의 타임스탬프를 표시하려면 객체 ID 끝에 .ts 또는 .lc (마지막 변경용)를 작성하세요. 예: 

 Last change: {objectRed.lc;date(hh:mm)}

특수 바인딩

뷰에 추가 정보를 제공하는 다양한 내부 바인딩이 있습니다.

  • username - 로그인한 사용자를 표시합니다.
  • view - 실제 뷰의 이름
  • wname - 위젯 이름
  • widget - 위젯의 모든 데이터를 담고 있는 객체입니다. {a:a;widget.data.name} 과 같은 JS 부분에서만 사용할 수 있습니다.
  • widgetOid - 위젯의 OID를 사용하여 할당 섹션에 위젯 값을 할당합니다(예: {t:widgetOid.val;t}
  • wid - 실제 위젯의 이름
  • language - de , en 또는 ru 일 수 있습니다.
  • instance - 브라우저 인스턴스
  • login - 로그인이 필요한지 여부(예: 로그아웃 버튼 표시/숨기기)
  • local_* - 상태 이름이 local_ 에서 시작되면 ioBroker에 보고되지 않지만 이 상태에 따라 모든 위젯을 업데이트합니다. (현재 브라우저 세션의 로컬 변수)

참고: 계산(예: 문자열 수식)에서 ":"를 사용하려면 대신 "::"를 사용하세요.

스타일 정의는 바인딩으로 해석되므로 {{style: value}} 사용하거나 그냥 사용하세요 . 

 {
	style: value
}

그것을 위해.

필터

하나의 보기에서 전체 위젯 수를 시각화하려면 필터를 사용하여 보기에 동시에 표시되는 위젯 수를 줄일 수 있습니다.

모든 위젯에는 필드 filter 있습니다. 이를 light 등의 값으로 설정하면 다른 위젯 (bars - filters, filter - dropdown) 사용하여 실제로 활성화되는 필터를 제어할 수 있습니다.

제어 인터페이스

Vis는 3개의 변수를 생성합니다:

  • control.instance - 여기에서 브라우저 인스턴스를 작성해야 하며, 모든 브라우저를 제어해야 하는 경우 FFFFFFFF 작성해야 합니다.
  • control.data - 명령에 대한 매개변수입니다. 특정 명령 설명을 참조하세요.
  • control.command - 명령 이름. 이 변수를 작성하면 명령이 트리거됩니다. 이는 명령이 작성되기 전에 "인스턴스"와 "데이터"가 데이터와 함께 준비되어야 함을 의미합니다.

명령:

  • alert - vis-2에 경고 창을 표시합니다. "control.data"는 "message;title;jquery-icon" 형식을 갖습니다. 제목과 jquery-icon은 선택사항입니다. 아이콘 이름은 여기에서 찾을 수 있습니다. "ui-icon-info" 아이콘을 표시하려면 Message;;info 작성하세요.

  • changeView - 원하는 보기로 전환합니다. "control.data"에는 뷰 이름이 있어야 합니다. 프로젝트 이름을 project/view 로 지정할 수도 있습니다. 기본 프로젝트는 main 입니다.

  • refresh - 예를 들어 프로젝트가 모든 브라우저에서 다시 로드되도록 변경된 후 vis-2를 다시 로드합니다.

  • reload - 새로 고침과 동일합니다.

  • dialog - 대화 상자 창을 표시합니다. 뷰에 대화상자가 있어야 합니다. 다음 중 하나:

    • static - HTML - Dialog ,
    • static - Icon - Dialog ,
    • container - HTML - view in jqui Dialog ,
    • container - ext cmd - view in jqui Dialog ,
    • container - Icon - view in jqui Dialog ,
    • container - Button - view in jqui Dialog .

    control.data 대화 상자 위젯의 ID가 있어야 합니다(예: w00056 .

  • dialogClose

  • popup - 새 브라우저 창을 엽니다. 링크는 control.data 에 지정되어야 합니다(예: http://google.com).

  • playSound - 사운드 파일을 재생합니다. 파일에 대한 링크는 control.data 에 지정됩니다(예: http://www.modular-planet.de/fx/marsians/Marsiansrev.mp3). vis-2에 자신의 파일을 업로드하고 /vis-2.0/main/img/myFile.mp3 처럼 재생되도록 할 수 있습니다. 중요한 브라우저는 사용자가 페이지를 한 번도 클릭하지 않을 때까지 오디오를 재생할 수 없습니다. 브라우저 보안 정책입니다. 여기에서 자세한 내용을 읽을 수 있습니다.

사용자가 뷰를 변경하거나 시작 시 변수는 vis-2에 의해 다음과 같이 채워집니다.

  • control.instance : 브라우저 인스턴스 및 ack=true
  • control.data : project project/view 및 뷰 이름(예: main/view (및 ack=true ))
  • control.command : changedView 및 ack=true

JSON 문자열 또는 개체를 control.command 에 {instance: 'AABBCCDD', command: 'cmd', data: 'ddd'} 로 쓸 수 있습니다. 이 경우 인스턴스와 데이터는 JSON 개체에서 가져옵니다.

자바스크립트 어댑터의 예: 

 setState ( 'vis-2.0.control.command' , { instance : '*' , command : 'refresh' , data : '' } ) ;

JSON을 문자열로 작성하는 경우 구문 분석 가능한지 확인하세요(예 {"instance": "*", "command": "refresh", "data": ""} . " 에 유의하세요.

기본 보기

모든 보기에 대해 원하는 해상도를 정의할 수 있습니다(메뉴=>도구=>해상도). 이는 일부 특정 장치의 화면 크기를 표시하기 위한 편집 모드의 시각적 테두리일 뿐입니다. 실시간 모드에서는 보이지 않으며 테두리 밖의 위젯은 모두 보입니다.

또한 이 보기를 이 해상도의 기본값으로 사용해야 하는지 정의할 수 있습니다.

따라서 index.html ( #viewName 제외)이 호출될 때마다 이 해상도 뷰에 가장 적합한 뷰가 열립니다. 하나의 보기에만 "기본" 플래그가 있는 경우 이 보기는 화면 해상도나 방향과 관계없이 열립니다.

예를 들어 "Landscape-Mobile" 및 "Portrait-Mobile" 두 개의 보기를 만들 수 있으며 방향이나 화면 크기를 변경하면 이 두 보기가 자동으로 전환됩니다.

실제 화면 해상도와 이 해상도에 가장 적합한 기본 보기를 보여주는 도우미 위젯 "기본 - 화면 해상도"가 있습니다.

권한 시스템

프로젝트

프로젝트 관리 대화 상자에서 각 ioBroker 사용자에 대한 read 및 write 권한을 구성할 수 있습니다.

read 플래그는 런타임에서 이 사용자가 프로젝트에 액세스할 수 있음을 의미합니다. write 플래그는 편집 모드에서 이 사용자가 프로젝트에 액세스할 수 있음을 의미합니다.

ioBroker 관리 어댑터를 통해 새 사용자가 생성되면 기본적으로 두 가지 권한이 모두 부여됩니다.

보다

런타임 및 편집 모드에서 사용자가 액세스할 수 있는 보기를 지정할 수도 있습니다. 액세스 권한 중 하나가 프로젝트 수준에서 부여되지 않은 경우 프로젝트 전체에 액세스할 수 없으므로 보기 수준에서 해당 권한을 지정해도 아무런 효과가 없습니다.

현재 사용자에게 권한이 없는 보기에 액세스하려고 할 때마다 사용자에게는 대신 프로젝트 선택 패널이 표시됩니다.

위젯

사용자에게 read 권한이 없으면 위젯이 런타임에 렌더링되지 않습니다. 사용자에게 write 권한이 없으면 위젯이 편집 모드에서 렌더링되지 않습니다.

설정

다음보다 오래 자면 다시 로드하세요.

연결이 끊어진 후 전체 VIS 페이지가 프로젝트 동기화를 위해 다시 로드된다는 규칙이 있습니다. "설정..." 메뉴에서 구성할 수 있습니다. 간격을 "never"로 설정하면 페이지가 다시 로드되지 않습니다.

재연결 간격

연결이 끊어진 경우 연결 시도 간격을 설정합니다. 2초로 설정하면 2초마다 연결을 시도합니다.

어두운 재연결 화면

때로는 (밤에) 어두운 로딩 화면이 필요할 때가 있습니다. 이 옵션을 사용하면 설정할 수 있습니다.

이러한 설정은 재연결에만 유효하며 첫 번째 연결에는 유효하지 않습니다.

어두운

SVG 및 현재 색상

CSS의 currentColor 키워드를 사용하면 요소가 상위 요소에서 현재 텍스트 색상을 상속받을 수 있습니다. 보다 동적인 스타일을 적용하고 HTML 콘텐츠와 쉽게 통합할 수 있으므로 SVG(Scalable Vector Graphics)에 특히 유용할 수 있습니다.

색상 값을 허용하는 SVG 내부의 모든 속성에 대해 특정 색상 값 대신 currentColor 키워드를 사용할 수 있습니다. 다음은 SVG에 원이 있는 간단한 예입니다.

">
< svg width = " 100 " height = " 100 " xmlns = " http://www.w3.org/2000/svg " >
    < circle cx = " 50 " cy = " 50 " r = " 40 " fill = " currentColor " />
svg >

이 경우 SVG가 상위 요소의 색상을 사용하는 경우입니다. 예를 들어, 메뉴에서 사용되었고 메뉴가 빨간색이라면 원도 빨간색이 됩니다.

개발 및 디버깅

vis-2 편집기 자체를 조정하고 오류를 검색하고 디버깅하려면 다음 단계를 수행해야 합니다.

  1. GitHub의 사용자 인터페이스를 통해 iobroker/iobroker.vis-2 저장소를 자신의 계정으로 포크하십시오.

  2. 저장소를 디렉터리에 복제합니다. GitHub 저장소에서 URL을 복사하세요. 명령은 다음과 같습니다 

 git clone https://github.com//ioBroker.vis-2.git

  1. IDE로 다운로드한 저장소를 엽니다.

  2. 필요한 모든 라이브러리를 설치하고 다운로드하려면 저장소 루트 디렉터리에 있는 터미널에서 다음 명령을 실행하세요. 

 npm run install-monorepo
  1. 브라우저에서 편집기를 시작하려면 다음 명령을 실행하십시오. 이미 별도로 실행 중인 iobroker 서버 인스턴스를 포트 8082에서 사용할 수 있어야 합니다. 
 npm run start
  • 디버깅은 브라우저(예: Chrome F12)에서 가능합니다.
  • 파일을 변경하면 편집기 자동 다시 로드가 지원됩니다.

토도

변경 내역

2.10.7 (2024-07-23)

  • (bluefox) 모듈 연합 최적화

2.10.6 (2024-07-20)

  • (bluefox) TypeScript의 입력 기능이 향상되었습니다.

2.10.4 (2024-07-16)

  • (bluefox) 객체 선택에 의한 점프를 수정했습니다.
  • (bluefox) 스와이프 위젯 구현

2.10.3 (2024-07-11)

  • (bluefox) CanJSWidget을 typescript로 변환했습니다.
  • (bluefox) 속성 그룹에 "복제" 버튼을 추가했습니다.

2.10.2 (2024-07-10)

  • (bluefox) 스타일과 호환되지 않는 패키지를 제거했습니다.
  • (bluefox) 모든 위젯을 업데이트해야 합니다.
  • (bluefox) 기본 입력값 위젯이 ReactJS로 마이그레이션되었습니다.

2.9.64 (2024-05-23)

  • (bluefox) 버튼으로 텍스트 필드를 지울 수 있는 가능성이 추가되었습니다.

2.9.63 (2024-05-15)

  • (bluefox) 일부 파일을 TypeScript로 마이그레이션했습니다.

2.9.60 (2024-05-07)

  • (foxriver76) 테스트 자동 출시

2.9.53 (2024-05-06)

  • (bluefox) jQui 버튼에 스타일 적용 허용

2.9.52 (2024-04-25)

  • (bluefox) 탐색이 개선되었습니다. 조정 가능한 메뉴 너비와 대량 편집이 추가되었습니다.

2.9.50 (2024-04-19)

  • (bluefox) 위젯 동작의 수정된 위젯

2.9.49 (2024-04-11)

  • (bluefox) 탭 위젯의 스크롤 버튼 수정
  • (bluefox) 테두리 너비가 설정된 경우 리사이저 수정

2.9.48 (2024-03-30)

  • (bluefox) 보기 대화 상자에 선택한 보기 표시
  • (bluefox) 로딩 화면 사용자 정의 추가
  • (bluefox) GUI에서 보초 비활성화 플래그를 존중했습니다.

2.9.42 (2024-03-09)

  • (bluefox) 데스크톱에서만 보기 크기를 제한하도록 허용
  • (bluefox) "Filter"라는 단어를 "Search"로 변경합니다.

2.9.40 (2024-03-05)

  • (bluefox) 반응하도록 필터 위젯을 마이그레이션했습니다.
  • (bluefox) 반응하도록 기본 링크 위젯을 마이그레이션했습니다.

2.9.39 (2024-03-01)

  • (foxriver76) 바인딩에서 widgetOid 사용을 허용합니다.
  • (foxriver76) 날짜 선택기 위젯의 다양한 문제를 수정했습니다.
  • (foxriver76)은 날짜 선택기의 기본 옵션을 사람이 읽을 수 있도록 만들고 전체 구문 분석 가능한 날짜에 대한 옵션을 추가했습니다.
  • (bluefox) 탐색 위젯으로 접미사 추가 가능성 추가
  • (bluefox) 라이선스 관리자 개선

2.9.37 (2024-02-28)

  • (foxriver76) TimePicker 위젯은 이제 기본적으로 날짜 대신 시간을 저장합니다. 이전 동작을 원할 경우 asDate 확인란을 사용하세요.

2.9.36 (2024-02-27)

  • (foxriver76) 고정 프로젝트별 CSS가 적용되지 않음

2.9.35 (2024-02-27)

  • (foxriver76) 사용자 지정 CSS가 이제 위젯 CSS보다 우선합니다.
  • (foxriver76) 그룹화된 위젯이 깨졌을 때 발생하는 충돌 사례를 수정했습니다.

2.9.34 (2024-02-26)

  • (foxriver76) 프로젝트 권한 대화 상자에서 관리자 사용자를 올바르게 감지합니다.

2.9.33 (2024-02-21)

  • (foxriver76) image8 위젯에 마지막 이미지가 표시되지 않는 문제가 해결되었습니다.
  • (foxriver76) jqui 대화 상자의 배경 및 제목 색상을 정의하는 가능성을 추가했습니다.
  • (foxriver76) 위젯 앞에 있으면 신호 이미지를 클릭할 수 있도록 합니다.

2.9.32 (2024-02-16)

  • (foxriver76) 보기 관리자에서 모든 보기를 표시하거나 숨기는 버튼을 구현했습니다.
  • (foxriver76) RxWidgets의 신호 관련 문제 해결
  • (foxriver76) 이 인스턴스에 대해서만 Sentry 비활성화를 허용합니다.

2.9.31 (2024-02-06)

  • (foxriver76) 기본 오버플로를 올바르게 적용합니다.
  • (foxriver76) 탐색 스타일 수정(아이콘 배경 수정 및 헤더 텍스트 색상 사용자 정의 가능)

2.9.30 (2024-02-06)

  • (foxriver76) 전역 CSS는 더 이상 어댑터 업로드/업데이트 시 삭제되지 않습니다.
  • (foxriver76) 탐색 스타일 수정 허용

2.9.29 (2024-02-05)

  • (foxriver76) 중첩 그룹과 관련된 여러 문제를 해결했습니다.
  • (foxriver76)은 또한 그룹 보기에서 작동하는 그룹/그룹 해제 명령을 만들었습니다.
  • (foxriver76) 클릭을 통해 그룹 내 위젯 선택 허용(이전에는 드롭다운만 작동)
  • (foxriver76) 기본 이미지 8을 값 0으로 구성할 수 없는 문제가 해결되었습니다.

2.9.28 (2024-02-03)

  • (foxriver76) 모든 경우에 vis 인스턴스를 올바르게 결정합니다.

2.9.26 (2024-02-02)

  • (foxriver76) jquery 버튼 위젯에 대해 jquery 스타일이 선택된 경우 빈 아이콘 범주를 표시하지 않습니다.
  • (foxriver76) 선택 후 탐색을 숨길 수 있는 가능성 추가

2.9.25 (2024-01-29)

  • (foxriver76) 상대 위젯의 크기 조정 문제를 수정했습니다.
  • (foxriver76) "그룹에 대해서만" 가시성을 사용할 때 충돌이 발생하지 않습니다.
  • (foxriver76) 위젯이 존재하지 않는 보기에서 위젯을 업데이트하려고 하면 충돌이 발생하지 않습니다.

2.9.24 (2024-01-24)

  • (foxriver76) 반응하도록 이식된 이미지 8 위젯

2.9.23 (2024-01-24)

  • (foxriver76) 이전 버전으로 인한 또 다른 버그 수정

2.9.22 (2024-01-22)

  • (foxriver76) 2.9.21에서 발생한 문제를 해결해 보세요.

2.9.21 (2024-01-19)

  • (foxriver76) 위젯 수정 시 충돌 사례 수정
  • (foxriver76) 이미지 편집 모드 오버레이에서 불투명도가 두 번 적용되는 버그 수정

2.9.20 (2024-01-18)

  • (foxriver76) 프로젝트 가져오기 시간 초과 증가
  • (foxriver76) 위젯 수준에 권한을 추가했습니다.

2.9.19 (2024-01-17)

  • (foxriver76) 왼쪽에서 위젯 크기를 조정할 때 발생하는 문제 해결
  • (foxriver76) 여러 위젯이 선택된 경우 차원 속성에 선택 상자를 추가했습니다.

2.9.18 (2024-01-15)

  • (foxriver76) 일부 시나리오에서 이전 속성 값이 표시되는 문제가 해결되었습니다.
  • (foxriver76) 전용 권한 시스템을 뷰 수준으로 확장

2.9.17 (2024-01-13)

  • (foxriver76) 프로젝트 수준 전용 권한 시스템 도입

2.9.16 (2024-01-11)

  • (foxriver76) 위젯 신호 결정에 올바른 대체 값을 사용합니다.

2.9.15 (2024-01-09)

  • (foxriver76) BulkEditor 관련 문제 해결

2.9.14 (2024-01-09)

  • (foxriver76) 일부 위젯의 마지막 변경 사항 y-오프셋 수정
  • (foxriver76) JquiState가 데이터 유형을 고려하지 않는 문제가 해결되었습니다.
  • (foxriver76) BulkEdtior 관련 문제 해결(대화상자가 닫히지 않고 다른 대화상자에 잘못된 버튼이 표시됨)
  • (foxriver76) devbookhq/splitter#15에 대한 해결 방법 크기 조정 버그를 구현했습니다.

2.9.13 (2024-01-08)

  • (foxriver76) 해시 문자가 포함된 바인딩의 ID를 올바르게 감지합니다.
  • (foxriver76) 여러 JquiState 위젯을 선택할 때 충돌이 발생하는 문제 수정
  • (foxriver76) 위젯이 이미 잘려진 후에 그룹에 위젯이 표시되는 것을 방지합니다.
  • (foxriver76) 그룹 보기에서 눈금자 계산을 위해 그룹에 속하지 않은 위젯의 사용을 방지합니다.

2.9.12 (2024-01-04)

  • (foxriver76) 그룹에서 최적화된 복사/붙여넣기/잘라내기

2.9.11 (2024-01-02)

  • (foxriver76) 가시성 계산 관련 버그 수정

2.9.10 (2024-01-02)

  • (foxriver76) 실수로 추가된 스크립트 파일을 제거하여 충돌이 발생함

2.9.9 (2024-01-01)

  • (foxriver76) activeWidgets 속성 없이 보기 가져오기를 허용합니다.
  • (foxriver76) BasicBulb가 이전 버전처럼 작동하도록 만듭니다.
  • (foxriver76) 편집 모드에서 다른 위젯의 데이터가 표시되는 문제 수정
  • (foxriver76) 모든 상태 업데이트가 가시성 계산에 사용되는 문제가 해결되었습니다.
  • (bluefox) jQui select, jQui Radio 반응 단계 위젯을 마이그레이션했습니다.
  • (bluefox) 모든 jQui 위젯이 반응하도록 마이그레이션되었습니다.

2.9.8 (2023-12-21)

  • (foxriver76) 배경에 레이블이 표시되지 않는 버그 수정
  • (foxriver76) 페이지 로드 시 가시성 조건으로 위젯이 짧게 깜박이는 것을 방지합니다.
  • (foxriver76) 테마 전환 문제 해결

2.9.7 (2023-12-19)

  • (bluefox) 스타일/입력에 대한 읽기 전용 플래그를 허용했습니다.

2.9.6 (2023-12-14)

  • (foxriver76) BulkEditor 관련 문제 해결
  • (foxriver76) HTML의 스크립트는 이제 eval에서 실행되는 대신 DOM에 추가됩니다.
  • (foxriver76) 최소/최대가 한 번 채워지면 전구 위젯 관련 문제가 해결되었습니다.
  • (foxriver76) 반응하도록 "speech2text" 위젯을 마이그레이션했습니다.

2.9.5 (2023-12-10)

  • (foxriver76) 처음에 새로운 뷰를 엽니다
  • (foxriver76) 신호가 사용되는 경우 충돌 사례 수정
  • (foxriver76) 고정 소재 디자인 위젯 도우미
  • (foxriver76) 보기 이름이 바뀔 때 위젯의 보기에 대한 참조를 업데이트합니다.
  • (bluefox) jQui 토글 아이콘 위젯이 반응하도록 마이그레이션되었습니다.
  • (bluefox) jQui Radio 위젯이 반응하도록 마이그레이션되었습니다.
  • (bluefox) jQui Radio List 위젯이 반응하도록 마이그레이션되었습니다.
  • (bluefox) React 위젯의 마지막 변경 사항 수정

2.9.4 (2023-12-04)

  • (foxriver76) 디스플레이 너비 문제 해결

2.9.3 (2023-12-03)

  • (bluefox) 뷰 크기를 엄격하게 제한할 수 있는 가능성을 추가했습니다.
  • (foxriver76) 탐색을 위한 간단한 정렬 메커니즘을 구현했습니다.
  • (foxriver76) 폴더 내부에 있는 뷰 가져오기를 수정했습니다.
  • (foxriver76) 고정 테마가 iframe에도 적용됨
  • (foxriver76) 뷰를 가져오거나 복사할 때 위젯 ID를 단순히 재사용하지 마세요.
  • (foxriver76) 기본 전구 위젯을 React 위젯으로 구현했습니다.
  • (foxriver76) 기본 HTML 위젯에서 스크립트 태그가 작동하도록 만들었습니다.

2.9.2 (2023-11-29)

  • (foxriver76) 사용자 정의 구성 요소의 반응성을 수정했습니다.
  • (foxriver76) 그룹에 대한 고정 가져오기
  • (foxriver76) 그룹을 생성한 후 이제 미리 선택되어 있습니다.
  • (foxriver76) 필드는 이제 키보드를 통해 이동할 때 업데이트됩니다.

2.9.1 (2023-11-28)

  • (foxriver76) 위젯 이동 후 필드 다시 계산
  • (foxriver76) 다른 보기의 붙여넣기 그룹을 수정했습니다.
  • (foxriver76) 고정 테마가 iframe에도 적용됨
  • (bluefox) 기본 이미지를 React 위젯으로 구현했습니다.

2.9.0 (2023-11-27)

  • (bluefox)는 SVG 모양과 화면 해상도 위젯을 기본적으로 구현했습니다.
  • (bluefox) Basic iFrame을 React 위젯으로 구현했습니다.
  • (foxriver76) 프로젝트 가져오기 시 zip 파일만 허용
  • (foxriver76) 오버플로를 덮어쓰는 문제 수정
  • (foxriver76) 페이지와 프로젝트를 알파벳순으로 정렬
  • (foxriver76) 저장 문제 수정
  • (foxriver76) always render 이 활성화될 때 그룹 관련 문제가 해결되었습니다.
  • (foxriver76) 색상 변경을 허용하고 탭 구성 요소에 소문자 쓰기
  • (foxriver76) AlwaysRender 페이지의 탐색이 다른 페이지에 표시되는 문제가 해결되었습니다.

2.8.0 (2023-11-24)

  • (foxriver76) 페이지 보기에서 폴더를 알파벳순으로 정렬
  • (foxriver76) Ctrl + 클릭으로 위젯 선택 취소 수정
  • (foxriver76) 스위치 구성요소의 디스플레이 문제 수정
  • (bluefox) Basic Red Number 위젯을 기본적으로 구현했습니다.
  • (foxriver76) 그룹화된 위젯의 고정 복사/복제
  • (foxriver76) 상태를 통한 열기/닫기 대화상자 문제 해결

2.7.0 (2023-11-22)

  • (foxriver76) 기본 바 위젯을 기본적으로 구현했습니다.

2.6.4 (2023-11-21)

  • (foxriver76) 고정된 TypeScript 빌드

2.6.3 (2023-11-20)

  • (foxriver76) 여러 충돌 사례 수정

2.6.2 (2023-11-20)

  • (foxriver76) 그룹 편집 시 충돌 문제 수정
  • (foxriver76) 고정 붙여넣기 그룹
  • (foxriver76) 커서가 점프하는 문제를 해결하고 입력하는 동안 문자를 제거했습니다.

2.6.1 (2023-11-17)

  • (bluefox) 아이콘 업로드로 "파일이 너무 큽니다" 메시지 표시
  • (bluefox) 자체 그룹으로 볼 수 있는 탐색 모음을 만들었습니다.
  • (foxriver76) 뷰를 알파벳순으로 정렬했습니다.
  • (foxriver76) 프로젝트 도구 모음에서 대문자/소문자를 존중합니다.
  • (bluefox) dialog 및 dialogClose 명령을 위젯으로 리디렉션

2.6.0 (2023-11-13)

  • (foxriver76) 모든 버튼 선택/선택 해제 구현
  • (foxriver76) 고정 바인딩이 작동하지 않습니다.

2.5.0 (2023-11-11)

  • (foxriver76) prepend-HTML 및 Append-HTML(기본 문자열 위젯)에서 실제 HTML 사용이 허용됨
  • (foxriver76) 그룹을 편집하는 동안 문제가 해결되었습니다.
  • (foxriver76) 버튼 텍스트의 형식을 자동으로 대문자로 지정하지 않음
  • (foxriver76) 페이지 이름을 자동으로 대문자로 표시하지 않습니다.
  • (bluefox) React 위젯에 신호 아이콘을 구현했습니다.
  • (bluefox) React 위젯에 대한 마지막 변경 표시 구현
  • (bluefox) SVG Bool 위젯을 React 구성요소로 구현했습니다.

2.4.0 (2023-11-08)

  • (foxriver76) 카테고리 변경 시 아이콘 선택기 필터 관련 문제가 해결되었습니다.
  • (foxriver76) 첫 번째 위젯만 붙여넣는 문제가 해결되었습니다.
  • (bluefox) JSON 바인딩 연산자를 추가했습니다.
  • (bluefox) 객체 ID에 대한 필터로 기능 사용 허용
  • (bluefox) 뷰 바 구현(메뉴 없음)

2.3.6 (2023-11-06)

  • (foxriver76) 스타일 속성에 대한 바인딩 편집기 문제가 해결되었습니다.
  • (foxriver76) 자동 저장 최적화로 인해 성능이 향상되었습니다.

2.3.5 (2023-11-03)

  • (foxriver76) 파일 선택기에서 향상된 이미지 지원을 갖도록 어댑터 반응을 업데이트합니다.
  • (foxriver76) 라이트 모드에서 파일 브라우저의 색상 고정
  • (foxriver76) 수정 시 색상 입력이 입력 끝으로 점프하는 문제를 수정했습니다.

2.3.4 (2023-11-02)

  • (foxriver76) 여러 위젯을 선택할 때 충돌이 발생하는 문제 수정
  • (foxriver76) border-style 드롭다운에서 중복 none 항목을 제거했습니다.
  • (foxriver76) 위젯을 재정렬할 때 충돌이 발생하는 문제 수정

2.3.3 (2023-10-30)

  • (foxriver76) 단일 위젯에 스크립트 오류가 있는 경우 Vis가 로드되지 않는 문제가 해결되었습니다.
  • (bluefox) 바인딩 편집기를 추가했습니다.
  • (bluefox) iframe에서는 배경이 사용되지 않습니다.

2.3.2 (2023-10-14)

  • (bluefox) 편집 모드에서 선택한 위젯만 표시하도록 허용
  • (bluefox) 이전(CanJS) 위젯에 대한 가시성 계산을 수정했습니다.

2.3.1 (2023-10-13)

  • (bluefox) 상대 위젯 간의 수직 간격 수정
  • (bluefox) 속성 대화 상자에서 최소/최대 숫자 입력 개선

2.3.0 (2023-09-28)

  • (bluefox) jQui 위젯(대부분)이 개선되었습니다.

2.2.7 (2023-09-18)

  • (bluefox) 향상된 아이콘 선택기: 자신만의 아이콘을 직접 업로드할 수 있습니다.
  • (bluefox) 최적화된 로딩: 사용하지 않는 위젯 세트를 로드하지 않음

2.2.6 (2023-09-17)

  • (bluefox) 날짜 바인딩이 수정되었습니다.
  • (bluefox) 위젯테리아 로딩 최적화
  • (bluefox) 가로 탐색이 수정되었습니다.

2.2.5 (2023-09-12)

  • (bluefox) 수평 탐색 구현

2.2.4 (2023-09-04)

  • (bluefox) 라이센스 확인 수정

2.2.2 (2023-08-16)

  • (bluefox) 보초 설정 변경

2.2.1 (2023-08-15)

  • (bluefox) 편집 모드에서 위젯 필터링 가능성 추가
  • (bluefox) 드래그 앤 드롭으로 상대 위젯의 순서를 변경할 수 있는 가능성 추가

2.2.0 (2023-08-14)

  • (bluefox) 출시 후보 1

2.1.7 (2023-08-10)

  • (bluefox) 위젯 렌더링 최적화

2.1.6 (2023-07-30)

  • (bluefox) 첫 번째 베타 릴리스

2.1.4 (2023-07-19)

  • (bluefox) 위젯에 위젯을 추가하도록 허용됨

2.0.36 (2023-06-21)

  • (bluefox) 위젯테리아 추가

2.0.29 (2023-05-17)

  • (bluefox) 오류 수정

2.0.10 (2022-12-01)

  • (bluefox) 파일 브라우저 추가

2.0.8 (2022-11-26)

  • (bluefox) 오류 처리 개선

2.0.0 (2022-10-21)

  • (bluefox) 완전히 새로운 시각화이지만 이전 버전과 부분적으로 호환됩니다.

특허

저작권 (c) 2021-2024 Denis Haev, https://github.com/GermanBluefox [email protected],

크리에이티브 커먼즈 저작자표시-비영리(CC BY-NC)

http://creativecommons.org/licenses/by-nc/4.0/

CC BY-NC 라이센스

짧은 콘텐츠: 라이센스 사용자는 본 문서에 명시된 방식으로 저작자 또는 라이센스 제공자에게 크레딧을 제공하는 경우에만 저작물을 복사, 배포, 표시 및 수행하고 이를 기반으로 파생 저작물을 만들 수 있습니다. 라이센스 사용자는 비상업적 목적으로만 저작물을 복사, 배포, 전시 및 수행할 수 있으며 이를 기반으로 파생 저작물을 만들 수 있습니다. (비상업적인 용도로는 무료입니다.)

확장하다
추가 정보
관련 버전
추천
관련 정보 전체
사용자 리뷰