starfish-editor-custom 1.0.0

package/src/styles/iconfont/iconfont.json

@@ -0,0 +1,415 @@
+{
+  "id": "2838003",
+  "name": "starfish-h5",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "20104473",
+      "name": "导入",
+      "font_class": "daoru",
+      "unicode": "e613",
+      "unicode_decimal": 58899
+    },
+    {
+      "icon_id": "20104475",
+      "name": "导出",
+      "font_class": "daochu",
+      "unicode": "e614",
+      "unicode_decimal": 58900
+    },
+    {
+      "icon_id": "666888",
+      "name": "手机",
+      "font_class": "shouji",
+      "unicode": "e692",
+      "unicode_decimal": 59026
+    },
+    {
+      "icon_id": "1056544",
+      "name": "电脑",
+      "font_class": "diannao",
+      "unicode": "e69b",
+      "unicode_decimal": 59035
+    },
+    {
+      "icon_id": "1092160",
+      "name": "平板电脑",
+      "font_class": "pingbandiannao",
+      "unicode": "e63f",
+      "unicode_decimal": 58943
+    },
+    {
+      "icon_id": "15466212",
+      "name": "icon-bianji",
+      "font_class": "icon-bianji",
+      "unicode": "e601",
+      "unicode_decimal": 58881
+    },
+    {
+      "icon_id": "808620",
+      "name": "tree",
+      "font_class": "tree",
+      "unicode": "e646",
+      "unicode_decimal": 58950
+    },
+    {
+      "icon_id": "17544342",
+      "name": "折叠面板",
+      "font_class": "zhediemianban",
+      "unicode": "e703",
+      "unicode_decimal": 59139
+    },
+    {
+      "icon_id": "14678836",
+      "name": "bars",
+      "font_class": "bars",
+      "unicode": "e626",
+      "unicode_decimal": 58918
+    },
+    {
+      "icon_id": "13015642",
+      "name": "29-插入列",
+      "font_class": "-charulie",
+      "unicode": "e6d1",
+      "unicode_decimal": 59089
+    },
+    {
+      "icon_id": "13015644",
+      "name": "28-插入行",
+      "font_class": "-charuhang",
+      "unicode": "e6d2",
+      "unicode_decimal": 59090
+    },
+    {
+      "icon_id": "1929149",
+      "name": "警告",
+      "font_class": "jinggao",
+      "unicode": "e61f",
+      "unicode_decimal": 58911
+    },
+    {
+      "icon_id": "2471356",
+      "name": "分割线",
+      "font_class": "fengexian1",
+      "unicode": "e66e",
+      "unicode_decimal": 58990
+    },
+    {
+      "icon_id": "9447886",
+      "name": "表格",
+      "font_class": "biaoge1",
+      "unicode": "e667",
+      "unicode_decimal": 58983
+    },
+    {
+      "icon_id": "15196963",
+      "name": "35.栅格",
+      "font_class": "35zhage",
+      "unicode": "e628",
+      "unicode_decimal": 58920
+    },
+    {
+      "icon_id": "4347521",
+      "name": "icon_预览",
+      "font_class": "icon_yulan",
+      "unicode": "eb8a",
+      "unicode_decimal": 60298
+    },
+    {
+      "icon_id": "7597965",
+      "name": "24gl-redo3",
+      "font_class": "24gl-redo3",
+      "unicode": "eb71",
+      "unicode_decimal": 60273
+    },
+    {
+      "icon_id": "7597984",
+      "name": "24gl-undo3",
+      "font_class": "24gl-undo3",
+      "unicode": "eb75",
+      "unicode_decimal": 60277
+    },
+    {
+      "icon_id": "2076385",
+      "name": "删除",
+      "font_class": "shanchu1",
+      "unicode": "e8c1",
+      "unicode_decimal": 59585
+    },
+    {
+      "icon_id": "577394",
+      "name": "向上1",
+      "font_class": "xiangshang1",
+      "unicode": "e76d",
+      "unicode_decimal": 59245
+    },
+    {
+      "icon_id": "577398",
+      "name": "向下1",
+      "font_class": "xiangxia1",
+      "unicode": "e771",
+      "unicode_decimal": 59249
+    },
+    {
+      "icon_id": "11372665",
+      "name": "复制",
+      "font_class": "fuzhi",
+      "unicode": "e8b0",
+      "unicode_decimal": 59568
+    },
+    {
+      "icon_id": "10435",
+      "name": "1",
+      "font_class": "1",
+      "unicode": "e600",
+      "unicode_decimal": 58880
+    },
+    {
+      "icon_id": "1305461",
+      "name": "表格",
+      "font_class": "biaoge",
+      "unicode": "e63e",
+      "unicode_decimal": 58942
+    },
+    {
+      "icon_id": "486730",
+      "name": "预览",
+      "font_class": "yulan",
+      "unicode": "e612",
+      "unicode_decimal": 58898
+    },
+    {
+      "icon_id": "1305399",
+      "name": "保存",
+      "font_class": "baocun",
+      "unicode": "e63b",
+      "unicode_decimal": 58939
+    },
+    {
+      "icon_id": "16852655",
+      "name": "富文本编辑",
+      "font_class": "textEdit",
+      "unicode": "e63d",
+      "unicode_decimal": 58941
+    },
+    {
+      "icon_id": "6337454",
+      "name": "分割线",
+      "font_class": "fengexian",
+      "unicode": "ec7f",
+      "unicode_decimal": 60543
+    },
+    {
+      "icon_id": "17544339",
+      "name": "选择器",
+      "font_class": "xuanzeqi",
+      "unicode": "e701",
+      "unicode_decimal": 59137
+    },
+    {
+      "icon_id": "15126403",
+      "name": "icon_滑块",
+      "font_class": "icon_huakuai",
+      "unicode": "e738",
+      "unicode_decimal": 59192
+    },
+    {
+      "icon_id": "17544309",
+      "name": "计数器",
+      "font_class": "jishuqi",
+      "unicode": "e6fd",
+      "unicode_decimal": 59133
+    },
+    {
+      "icon_id": "1789486",
+      "name": "日期时间",
+      "font_class": "riqishijian",
+      "unicode": "e6c8",
+      "unicode_decimal": 59080
+    },
+    {
+      "icon_id": "658039",
+      "name": "时间",
+      "font_class": "shijian",
+      "unicode": "e666",
+      "unicode_decimal": 58982
+    },
+    {
+      "icon_id": "7596925",
+      "name": "24gl-calendar",
+      "font_class": "24gl-calendar",
+      "unicode": "eb3f",
+      "unicode_decimal": 60223
+    },
+    {
+      "icon_id": "1286966",
+      "name": "SEN103",
+      "font_class": "sen103",
+      "unicode": "e620",
+      "unicode_decimal": 58912
+    },
+    {
+      "icon_id": "807276",
+      "name": "缩小",
+      "font_class": "suoxiao1",
+      "unicode": "e661",
+      "unicode_decimal": 58977
+    },
+    {
+      "icon_id": "1727563",
+      "name": "327全屏",
+      "font_class": "quanping",
+      "unicode": "e8fa",
+      "unicode_decimal": 59642
+    },
+    {
+      "icon_id": "18174834",
+      "name": "文件,json",
+      "font_class": "json-full",
+      "unicode": "ea42",
+      "unicode_decimal": 59970
+    },
+    {
+      "icon_id": "2076217",
+      "name": "缩小",
+      "font_class": "suoxiao",
+      "unicode": "e87b",
+      "unicode_decimal": 59515
+    },
+    {
+      "icon_id": "4425893",
+      "name": "扩大",
+      "font_class": "kuoda",
+      "unicode": "e7b0",
+      "unicode_decimal": 59312
+    },
+    {
+      "icon_id": "6616997",
+      "name": "关闭",
+      "font_class": "guanbi",
+      "unicode": "eca0",
+      "unicode_decimal": 60576
+    },
+    {
+      "icon_id": "2471334",
+      "name": "表单",
+      "font_class": "biaodan",
+      "unicode": "e665",
+      "unicode_decimal": 58981
+    },
+    {
+      "icon_id": "5833672",
+      "name": "复选框_选中3",
+      "font_class": "fuxuankuang_xuanzhong",
+      "unicode": "e6c9",
+      "unicode_decimal": 59081
+    },
+    {
+      "icon_id": "679796",
+      "name": "增加",
+      "font_class": "zengjia",
+      "unicode": "e6ea",
+      "unicode_decimal": 59114
+    },
+    {
+      "icon_id": "2020252",
+      "name": "删除",
+      "font_class": "shanchu",
+      "unicode": "e608",
+      "unicode_decimal": 58888
+    },
+    {
+      "icon_id": "12323764",
+      "name": "上移",
+      "font_class": "shangyi",
+      "unicode": "e656",
+      "unicode_decimal": 58966
+    },
+    {
+      "icon_id": "12323774",
+      "name": "下移",
+      "font_class": "xiayi",
+      "unicode": "e657",
+      "unicode_decimal": 58967
+    },
+    {
+      "icon_id": "637485",
+      "name": "单选框",
+      "font_class": "danxuankuang",
+      "unicode": "e69c",
+      "unicode_decimal": 59036
+    },
+    {
+      "icon_id": "938427",
+      "name": "开关",
+      "font_class": "kaiguanguan",
+      "unicode": "e698",
+      "unicode_decimal": 59032
+    },
+    {
+      "icon_id": "18727247",
+      "name": "textarea",
+      "font_class": "textarea",
+      "unicode": "e60a",
+      "unicode_decimal": 58890
+    },
+    {
+      "icon_id": "6185099",
+      "name": "提示",
+      "font_class": "tishi",
+      "unicode": "e60e",
+      "unicode_decimal": 58894
+    },
+    {
+      "icon_id": "11121385",
+      "name": "文本框",
+      "font_class": "wenbenkuang",
+      "unicode": "e629",
+      "unicode_decimal": 58921
+    },
+    {
+      "icon_id": "5387527",
+      "name": "加号",
+      "font_class": "jiahao",
+      "unicode": "eaf3",
+      "unicode_decimal": 60147
+    },
+    {
+      "icon_id": "5387532",
+      "name": "减号",
+      "font_class": "jianhao",
+      "unicode": "eaf5",
+      "unicode_decimal": 60149
+    },
+    {
+      "icon_id": "5358777",
+      "name": "还原",
+      "font_class": "huanyuan",
+      "unicode": "e7ae",
+      "unicode_decimal": 59310
+    },
+    {
+      "icon_id": "5387756",
+      "name": "键盘_o",
+      "font_class": "jianpan_o",
+      "unicode": "eb4b",
+      "unicode_decimal": 60235
+    },
+    {
+      "icon_id": "5387585",
+      "name": "箭头_向右两次",
+      "font_class": "jiantou_xiangyouliangci",
+      "unicode": "eb09",
+      "unicode_decimal": 60169
+    },
+    {
+      "icon_id": "5387590",
+      "name": "箭头_向左两次",
+      "font_class": "jiantou_xiangzuoliangci",
+      "unicode": "eb0a",
+      "unicode_decimal": 60170
+    }
+  ]
+}

package/src/styles/index.scss

@@ -0,0 +1,18 @@
+@import "./common/normalize.css";
+@import "./variables.scss";
+// @import "./iconfont.scss";
+@import "./iconfont/iconfont.css";
+
+@import "./component-list.scss";
+@import "./condition-select.scss";
+@import "./control_edit_size.scss";
+@import "./custom-dialog.scss";
+@import "./form-preview.scss";
+@import "./framework.scss";
+@import "./nav-list.scss";
+@import "./nav.scss";
+@import "./props-panel.scss";
+@import "./resizer.scss";
+@import "./shape.scss";
+@import "./shortcutkey.scss";
+@import "./work-space.scss";

package/src/styles/nav-list.scss

@@ -0,0 +1,59 @@
+.starfish-editor {
+  .nav_list {
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background-color: $editor-nav-background-color;
+    box-sizing: border-box;
+    border-bottom: 2px solid #d8dee8;
+    padding: 0 15px;
+    .detailBtn {
+      span {
+        padding: 0 5px;
+        font-size: 18px;
+      }
+      .noactive {
+        color: #a1a7b0;
+        cursor: no-drop;
+      }
+    }
+    .pageBtn {
+      white-space: nowrap;
+      > div {
+        margin: 0 5px;
+      }
+      .el-button-group {
+        span {
+          margin-right: 5px;
+        }
+        i {
+          font-size: 18px;
+        }
+        .info {
+          color: var(--el-color-primary);
+        }
+      }
+    }
+    :deep(.demo-drawer) {
+      width: 20% !important;
+    }
+  }
+}
+.codeDialog {
+  height: auto;
+  .custom_code {
+    height: 100%;
+    flex: 1;
+    .upload-demo {
+      margin-top: 20px;
+    }
+  }
+}
+.custom-tree-node {
+  display: flex;
+  align-items: center;
+  span:last-child {
+    justify-content: flex-end;
+  }
+}

package/src/styles/nav.scss

@@ -0,0 +1,46 @@
+.starfish-editor {
+  .header_nav {
+    height: $editor_nav;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    // -webkit-box-shadow: 0 2px 10px rgb(70 160 252 / 60%);
+    // box-shadow: 0 2px 10px rgb(70 160 252 / 60%);
+    padding: 0 10px;
+    // background-image: linear-gradient(to right, #3d8ae8, #00b4aa);
+    position: relative;
+    border-bottom: 1px solid #d8dee8;
+    padding: 0 15px;
+    .logo {
+      font-size: 20px;
+      color: black;
+      display: flex;
+      align-items: center;
+      font-weight: bold;
+      > svg {
+        height: 69.34652458334297px;
+        transform: scale(0.5);
+        transform-origin: left center;
+      }
+      // > div {
+      //   display: flex;
+      //   align-items: center;
+      // }
+      // svg {
+      //   width: 230px;
+      //   height: 50px;
+      // }
+    }
+    .starfish-link {
+      a {
+        color: rgba(0, 0, 0, 0.9);
+        text-decoration: none;
+        font-size: 14px;
+        line-height: 50px;
+        font-weight: 500;
+        margin-left: 15px;
+        background: transparent;
+      }
+    }
+  }
+}

package/src/styles/props-panel.scss

@@ -0,0 +1,115 @@
+.starfish-editor {
+  .editor_pages_right {
+    width: 100%;
+    height: 100%;
+    // position: fixed;
+    // right: 0;
+    background: white;
+    // padding: 30px 0;
+    z-index: 1;
+    position: relative;
+    display: flex;
+    overflow: hidden;
+    .demo-tabs {
+      flex: 1;
+      .el-tabs__nav {
+        display: flex;
+        justify-content: space-around;
+        width: 100%;
+      }
+    }
+    .form_tab3 {
+      padding: 5px;
+      .form_tab3_list {
+        margin-bottom: 15px;
+      }
+    }
+    .json {
+      padding: 10px;
+      height: 100%;
+      > div {
+        height: 90%;
+      }
+    }
+    .el-tabs__content {
+      padding: 0;
+      height: 100%;
+      > div {
+        height: 100%;
+      }
+    }
+    &.editor_transition {
+      transition: all 0.5s ease-in-out 0s;
+    }
+    .editor_container {
+      // position: absolute;
+      // left: 0;
+      // top: 0;
+      padding-top: 30px;
+      box-sizing: border-box;
+      height: 100%;
+      border-right: 1px solid $resizer_background_color;
+      margin-right: 5px;
+    }
+    .controlLine {
+      position: absolute;
+      left: 0;
+      height: 100%;
+      width: 5px;
+      background: red;
+      z-index: 2;
+      &:hover {
+        background: $blue;
+        cursor: ew-resize;
+      }
+    }
+    .viewAndJson {
+      display: flex;
+      justify-content: center;
+      justify-items: center;
+      margin: 5px auto;
+      width: 80%;
+      > div {
+        width: 30%;
+        border: 3px solid rgb(121, 118, 118);
+        height: 30px;
+        line-height: 30px;
+        text-align: center;
+        border-radius: 5px;
+        &.active {
+          border-color: $blue;
+          color: $blue;
+        }
+      }
+    }
+    .dynamic {
+      overflow: auto;
+      height: 100%;
+      @include scrollbar();
+    }
+
+    &.editor_pages_right_visible {
+      right: 0;
+    }
+    &.editor_pages_right_hidden {
+      transform: translateX(100%);
+      // right: -100%;
+    }
+    .editor_right_accept {
+      width: 20px;
+      height: 80px;
+      background: #fff;
+      box-shadow: -2px 0 4px 0 rgba(0, 0, 0, 0.1);
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      right: 304px;
+      top: 50%;
+      margin-top: -32px;
+      transform: translateY(-50%);
+      cursor: pointer;
+      position: absolute;
+      left: -28px;
+    }
+  }
+}

package/src/styles/resizer.scss

@@ -0,0 +1,15 @@
+.starfish-editor {
+  &-resizer {
+    height: 100%;
+    width: 4px;
+    background: padding-box $resizer_background_color;
+    border-left: 1px solid transparent;
+    border-right: 1px solid transparent;
+    box-sizing: border-box;
+    z-index: 2;
+    &:hover {
+      cursor: ew-resize;
+      border-color: $resizer_hover_background_color;
+    }
+  }
+}