visualpython · minjk-bl · Jun 18, 2021 · Jun 13, 2021 · Jun 13, 2021 · Jun 14, 2021
diff --git a/css/api_block/index.css b/css/api_block/index.css
@@ -25,7 +25,7 @@
 
 .vp-apiblock-left {
     /* padding: 1.5rem; */
-    padding: 5px; /* 수정 */
+    /* padding: 5px; */
     background-color: white;
 
     /* 수정 */
@@ -54,8 +54,10 @@
 
 .vp-apiblock-menu-search-container {
     position: relative;
-    display: inline-block;
-    width: 160px;
+    /* display: inline-block;
+    width: 160px; */
+    padding: 10px 5px;
+    border-bottom: 0.25px solid var(--border-gray-color);
 }
 
 .vp-menu-search-box {
@@ -66,8 +68,8 @@
 .vp-menu-search-icon {
     position: absolute;
     color: #C4C4C4;
-    right: 7px;
-    top: 7px;
+    right: 12px;
+    top: 17px;
 }
 
 .vp-apiblock-menu-apps {
@@ -83,14 +85,10 @@
     position: absolute;
     top: 0px;
     left: 200px;
-    width: 210px;
-    height: 210px;
+    /* width: 210px;
+    height: 210px; */
     z-index: 15;
     background: rgba(255, 255, 255, 0.8);
-    grid-template-columns: 60px 60px 60px;
-    grid-template-rows: 60px 60px 60px;
-    grid-column-gap: 5px;
-    grid-row-gap: 5px;
     padding: 10px;
     box-sizing: border-box;
     box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
@@ -99,34 +97,55 @@
     border-radius: 5px;
 }
 .vp-apiblock-menu-apps-container.show {
-    display: grid !important;
+    display: block !important;
 }
 
+.vp-apiblock-menu-apps-title {
+    height: 25px;
+    line-height: 25px;
+    font-weight: bold;
+    background: #FFFFFF;
+}
+.vp-apiblock-menu-apps-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 58px);
+    grid-template-rows: repeat(3, 58px);
+    grid-column-gap: 5px;
+    grid-row-gap: 5px;
+
+    margin: 10px 0px;
+}
 .vp-apiblock-menu-apps-item {
-    width: 60px;
-    height: 60px;
+    width: 58;
+    height: 58px;
     text-align: center;
     border: 0.25px solid #C4C4C4;
     box-sizing: border-box;
     box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
     border-radius: 2px;
-    padding: 8px 0px;
+    padding: 12px 0px;
+
+    cursor: pointer;
 }
 .vp-apiblock-menu-apps-item.line1 {
     background: #F9B52A;
 }
 .vp-apiblock-menu-apps-item.line2 {
-    background: #EF8F3C
+    background: #EF8F3C;
 }
 .vp-apiblock-menu-apps-item.line3 {
     background: #EB773C;
 }
+.vp-apiblock-menu-apps-item.preparing {
+    background: var(--gray-color);
+}
 .vp-apiblock-menu-apps-item img {
     width: 24px;
     height: 24px;
 }
 .vp-apiblock-menu-apps-name {
     color: #FFFFFF;
+    font-size: 11px;
 }
 
 .vp-apiblock-menu-box {
@@ -149,6 +168,10 @@
     color: white;
 }
 
+.vp-apiblock-tab-navigation-body {
+    padding: 0px 5px;
+}
+
 .vp-apiblock-option-tab {
     /* overflow: hidden auto; */
     /* padding: 1rem 0; */

diff --git a/css/common/frameEditor.css b/css/common/frameEditor.css
@@ -51,6 +51,7 @@
     line-height: 20px;
     top: 5px;
     text-align: center;
+    cursor: pointer;
 }
 
 .vp-fe-body {

diff --git a/css/common/popupPage.css b/css/common/popupPage.css
@@ -0,0 +1,94 @@
+.vp-pp {
+    position: absolute;
+    top: 0; 
+    left: 0;
+    width: 100%; 
+    height: 100%; 
+
+    z-index: 1200;
+
+    background-color: rgba(0,0,0,.4);
+}
+
+.vp-pp-container {
+    position: relative;
+    left: 50%;
+    top: 50%;
+    transform:translate(-50%, -50%);
+
+    min-width: 400px;
+    min-height: 400px;
+    width: 95%;
+    height: 95%;
+
+    background-color: white;
+}
+
+.vp-pp-title {
+    height: 30px;
+    padding: 5px 0px 5px 10px;
+
+    background-color: #EEE;
+    border:  1px solid #ddd;;
+    display: flex; 
+    flex-direction: row;
+    position: relative;
+
+    font-weight: 700;
+}
+
+.vp-pp-close {
+    position: fixed;
+    z-index: 3;
+    right: 5px;
+    width: 20px;
+    height: 20px;
+    line-height: 20px;
+    top: 5px;
+    text-align: center;
+    cursor: pointer;
+}
+
+.vp-pp-body {
+    width: 100%;
+    height: calc(100% - 30px);
+    padding: 10px;
+    display: grid;
+    grid-row-gap: 5px;
+    grid-template-rows: 35px 30px 60% calc(40% - 80px);
+    overflow: auto;
+}
+
+
+/** buttons */
+.vp-pp-btn-box {
+    position: absolute;
+    bottom: 25px;
+    right: 25px;
+}
+.vp-pp-btn-apply {
+    width: 80px;
+    height: 30px;
+    background: #F37704;
+    border: 0.25px solid #C4C4C4;
+    box-sizing: border-box;
+    border-radius: 2px;
+    text-align: center;
+    color: #FFFFFF; 
+}
+.vp-pp-btn-apply:hover {
+    background:  var(--hightlight-color);
+}
+.vp-pp-btn-cancel {
+    width: 80px;
+    height: 30px;
+    background: #E5E5E5;
+    border: 0.25px solid #C4C4C4;
+    box-sizing: border-box;
+    border-radius: 2px;
+    text-align: center;
+    color: #696969;
+}
+.vp-pp-btn-cancel:hover {
+    background: #ccc;
+}
diff --git a/css/common/snippets.css b/css/common/snippets.css
@@ -46,6 +46,7 @@
     line-height: 20px;
     top: 5px;
     text-align: center;
+    cursor: pointer;
 }
 
 .vp-sn-body {

diff --git a/css/common/subsetEditor.css b/css/common/subsetEditor.css
@@ -52,6 +52,7 @@
     line-height: 20px;
     top: 5px;
     text-align: center;
+    cursor: pointer;
 }
 
 .vp-ds-body {

diff --git a/css/file_io/fileio.css b/css/file_io/fileio.css
@@ -0,0 +1,12 @@
+#vp_fileioPage .vp-fileio-type {
+    border: 2px solid var(--hightlight-color);
+    width: 100%;
+    height: 35px;
+    background-position: 97% 50%;
+    cursor: pointer;
+}
+
+#vp_fileioPage .vp-fileio-body {
+    padding: 5px;
+    margin-top: 10px;
+}
diff --git a/css/file_io/instance.css b/css/file_io/instance.css
@@ -83,4 +83,8 @@
 .vp-instance-box::-webkit-scrollbar-thumb {
     border-radius: 0;
     background: #b0b0b0;
+}
+
+.vp-ds-button {
+    width: 45px;
 }
diff --git a/css/file_io/udf.css b/css/file_io/udf.css
@@ -131,17 +131,21 @@
     position: absolute;
     top: 0px;
     right: 40px;
-    width: 70px;
-    height: 50px;
+    /* width: 70px;
+    height: 50px; */
     border: 0.25px solid var(--border-gray-color);
     background: #FFFFFF;
+    padding: 5px;
 }
 .vp-sn-menu-item {
     height: 25px;
     line-height: 25px;
     padding: 0px 5px;
     cursor: pointer;
 }
+.vp-sn-menu-item:hover {
+    color: var(--font-hightlight);
+}
 
 .vp-sn-search-box {
 
@@ -166,23 +170,27 @@
 .vp-sn-func-right {
     float: right;
 }
-.vp-sn-filter {
+.vp-sn-sort {
     cursor: pointer;
 }
-.vp-sn-filter-menu-box {
+.vp-sn-sort-menu-box {
     display: none;
     position: absolute;
-    width: 80px;
-    height: 50px;
+    /* width: 80px;
+    height: 50px; */
     border: 0.25px solid var(--border-gray-color);
     background: #FFFFFF;
+    padding: 5px;
 }
-.vp-sn-filter-menu-item {
+.vp-sn-sort-menu-item {
     height: 25px;
     line-height: 25px;
     padding: 0px 5px;
     cursor: pointer;
 }
+.vp-sn-sort-menu-item:hover {
+    color: var(--font-hightlight);
+}
 
 .vp-sn-func-export-mode {
     display: none;

diff --git a/data/libraries.xml b/data/libraries.xml
@@ -17,17 +17,17 @@
             <desc>사용 패키지 선언 타이틀 캡션 테스트</desc>
             <file>file_io/import.js</file>
         </item>
-        <item id="com_instance" type="function" level="1" name="Instance" tag="INSTANCE, 인스턴스, 한 줄 코드">
+        <!-- <item id="com_instance" type="function" level="1" name="Instance" tag="INSTANCE, 인스턴스, 한 줄 코드">
             <path>visualpython - common - instance</path>
             <desc>Instance</desc>
             <file>file_io/instance.js</file>
-        </item>
+        </item> -->
         <!-- <item id="com_markdown" type="function" level="1" name="Markdown" tag="MARKDOWN">
             <path>visualpython - common - markdown</path>
             <desc>마크다운</desc>
             <file>markdown/markdown.js</file>
         </item> -->
-        <item id="com_variables" type="function" level="1" name="Variable List" tag="VARIABLES, 변수">
+        <!-- <item id="com_variables" type="function" level="1" name="Variable List" tag="VARIABLES, 변수">
             <path>visualpython - common - variables</path>
             <desc>변수 정보</desc>
             <file>file_io/variables.js</file>
@@ -36,7 +36,7 @@
             <path>visualpython - common - udf</path>
             <desc>사용자 코드 입력</desc>
             <file>file_io/udf.js</file>
-        </item>
+        </item> -->
         <!-- <item id="com_sample" type="function" level="1" name="optionSample" tag="SAMPLE">
             <path>visualpython - common - optionSample</path>
             <desc>옵션 샘플</desc>
@@ -1221,7 +1221,7 @@
             <desc>데이터를 차트로 표현하는 함수</desc>
             <file>pandas/plot.js</file>
         </item>
-        <item id="pd_frameEditor" type="function" level="1" name="Frame Editor" tag="FRAME EDITOR">
+        <!-- <item id="pd_frameEditor" type="function" level="1" name="Frame Editor" tag="FRAME EDITOR">
             <path>visualpython - pandas - subset</path>
             <desc>frame editor</desc>
             <file>pandas/frameEditor.js</file>
@@ -1230,7 +1230,7 @@
             <path>visualpython - pandas - subset</path>
             <desc>subset dataframe</desc>
             <file>pandas/subset.js</file>
-        </item>
+        </item> -->
         <!-- Input/output -->
         <item id="pd_inputOutput" type="package" level="1" name="Input/output" tag="파일 불러오기, 저장, FILE INPUT OUTPUT">
             <path>visualpython - pandas - input output</path>

diff --git a/resource/apps/apps_groupby.svg b/resource/apps/apps_groupby.svg
diff --git a/resource/apps/apps_import.svg b/resource/apps/apps_import.svg
diff --git a/resource/apps/apps_markdown.svg b/resource/apps/apps_markdown.svg