commit：升级到vue3，更新最近工作流技术栈，支持sa-token

OrangeFormsOpen-VUE3/src/assets/online-icon/iconfont.css

@@ -0,0 +1,331 @@
+@font-face {
+  font-family: "online-icon"; /* Project id 3701349 */
+  src: url('iconfont.woff2?t=1706613476403') format('woff2'),
+       url('iconfont.woff?t=1706613476403') format('woff'),
+       url('iconfont.ttf?t=1706613476403') format('truetype');
+}
+
+.online-icon {
+  font-family: "online-icon" !important;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+/* Tabs */
+.icon-tabs2:before {
+  content: "\e6c6";
+}
+/* card */
+.icon-card3:before {
+  content: "\e6c7";
+}
+/* 消息 */
+.icon-message:before {
+  content: "\e6c5";
+}
+/* 刷新 */
+.icon-custom-refresh:before {
+  content: "\e6b3";
+}
+/* 行高设置 */
+.icon-table-row-height:before {
+  content: "\e6bd";
+}
+/* 展开 */
+.icon-expand:before {
+  content: "\e6b9";
+}
+/* 收缩 */
+.icon-unexpand:before {
+  content: "\e6af";
+}
+/* 表格容器 */
+.icon-table-container:before {
+  content: "\e6aa";
+}
+/* 关联选择 */
+.icon-data-select:before {
+  content: "\e6ab";
+}
+
+/* 普通进度条 */
+.icon-progress:before {
+  content: "\e6a6";
+}
+/* 环形进度条 */
+.icon-circle-progress:before {
+  content: "\e6a1";
+}
+/* 进度条卡片 */
+.icon-progress-card:before {
+  content: "\e6a2";
+}
+/* 通用列表 */
+.icon-common-list:before {
+  content: "\e6a3";
+}
+/* 通用卡片 */
+.icon-common-card:before {
+  content: "\e6a5";
+}
+/* 漏斗图 */
+.icon-funnel:before {
+  content: "\e69a";
+}
+/* 报表表格 */
+.icon-dataview:before {
+  content: "\e69b";
+}
+/* 雷达图 */
+.icon-radar:before {
+  content: "\e69c";
+}
+/* 轮播图 */
+.icon-carousel:before {
+  content: "\e69d";
+}/* 报表富文本展示 */
+.icon-richtext:before {
+  content: "\e69e";
+}
+
+.icon-user:before {
+  content: "\e677";
+}
+
+.icon-card:before {
+  content: "\e678";
+}
+
+.icon-orange-icon:before {
+  content: "\e679";
+}
+
+/* 部门选择 */
+.icon-dept:before {
+  content: "\e668";
+}
+/* 分隔线 */
+.icon-divider:before {
+  content: "\e66f";
+}
+/* 文本显示框 */
+.icon-text:before {
+  content: "\e670";
+}
+/* 表格 */
+.icon-table:before {
+  content: "\e671";
+}
+/* 基础块 */
+.icon-block:before {
+  content: "\e672";
+}
+/* 超链接 */
+.icon-link:before {
+  content: "\e673";
+}
+/* 图片 */
+.icon-image:before {
+  content: "\e674";
+}
+/* 上传组件 */
+.icon-upload:before {
+  content: "\e675";
+}
+/* 富文本 */
+.icon-richeditor:before {
+  content: "\e676";
+}
+/* 更多 */
+.icon-more:before {
+  content: "\e65f";
+}
+/* 复选框 */
+.icon-checkbox:before {
+  content: "\e66c";
+}
+/* 文字输入框 */
+.icon-input:before {
+  content: "\e66d";
+}
+/* 数字输入框 */
+.icon-input-number:before {
+  content: "\e66e";
+}
+/* 属性 */
+.icon-props:before {
+  content: "\e66b";
+}
+/* 数据 */
+.icon-data:before {
+  content: "\e661";
+}
+/* 单选框 */
+.icon-radio:before {
+  content: "\e64b";
+}
+/* 关联 */
+.icon-relation:before {
+  content: "\e64c";
+}
+/* 卡片 */
+.icon-card2:before {
+  content: "\e64d";
+}
+/* PC */
+.icon-pc:before {
+  content: "\e64e";
+}
+/* 复制 */
+.icon-copy:before {
+  content: "\e64f";
+}
+/* 操作 */
+.icon-operator:before {
+  content: "\e650";
+}
+/* 表单设计 */
+.icon-form-design:before {
+  content: "\e651";
+}
+/* 基础信息 */
+.icon-basic-info:before {
+  content: "\e653";
+}
+
+.icon-shouqi-01:before {
+  content: "\e654";
+}
+/* PAD */
+.icon-pad:before {
+  content: "\e655";
+}
+/* 组件 */
+.icon-component:before {
+  content: "\e656";
+}
+/* 日期范围选择 */
+.icon-date-range:before {
+  content: "\e657";
+}
+/* close */
+.icon-close:before {
+  content: "\e658";
+}
+/* 日期选择框 */
+.icon-date:before {
+  content: "\e659";
+}
+/* 级联选择框 */
+.icon-cascader:before {
+  content: "\e65a";
+}
+/* 筛选 */
+.icon-filter:before {
+  content: "\e65b";
+}
+/* PHONE */
+.icon-phone:before {
+  content: "\e65c";
+}
+/* 删除 */
+.icon-delete:before {
+  content: "\e65d";
+}
+/* 脚本 */
+.icon-script:before {
+  content: "\e65e";
+}
+
+.icon-shujushi-01:before {
+  content: "\e660";
+}
+
+.icon-shujubiaodanshi-01:before {
+  content: "\e662";
+}
+
+.icon-zhongzhi-01:before {
+  content: "\e663";
+}
+
+.icon-sousuo-01:before {
+  content: "\e664";
+}
+/* 下拉选择 */
+.icon-select:before {
+  content: "\e665";
+}
+/* 数字范围选择 */
+.icon-number-range:before {
+  content: "\e666";
+}
+
+.icon-datasource:before {
+  content: "\e667";
+}
+/* 开关组件 */
+.icon-switch:before {
+  content: "\e669";
+}
+
+.icon-xiala-01:before {
+  content: "\e66a";
+}
+
+/* 折线图 */
+.icon-linechart:before {
+  content: "\e68f";
+}
+
+.icon-scatterchart:before {
+  content: "\e690";
+}
+
+.icon-pivottable:before {
+  content: "\e691";
+}
+
+.icon-barchart:before {
+  content: "\e692";
+}
+
+.icon-piechart:before {
+  content: "\e68e";
+}
+
+.icon-tabs:before {
+  content: "\e67a";
+}
+
+.icon-align-top:before {
+  content: "\e695";
+}
+
+.icon-align-bottom:before {
+  content: "\e696";
+}
+
+.icon-align-middle:before {
+  content: "\e697";
+}
+
+.icon-align-center:before {
+  content: "\e68d";
+}
+
+.icon-align-left:before {
+  content: "\e693";
+}
+
+.icon-align-right:before {
+  content: "\e694";
+}
+
+.icon-flow-stauts:before {
+  content: "\e69f";
+}
+
+.icon-flow-design:before {
+  content: "\e6a0";
+}

OrangeFormsOpen-VUE3/src/assets/skin/orange/index.scss

@@ -0,0 +1,87 @@
+@use 'sass:map';
+
+$color-primary: #f70;
+$color-white: #fff;
+$color-primary-light-9: color-mix(in srgb, $color-white 90%, $color-primary 10%) !default;
+$color-text-secondary: #909399 !default;
+@forward 'element-plus/theme-chalk/src/common/var.scss' with (
+  // do not use same name, it will override.
+  $colors: (
+    'primary': (
+      'base': $color-primary,
+    ),
+  ),
+  $common-component-size: (
+    'large': 36px,
+    'default': 32px,
+    'small': 32px,
+  ),
+  $tag: (
+    'font-size': 14px,
+  ),
+  $tag-height: (
+    'large': 28px,
+    'default': 28px,
+  ),
+  $radio-bordered-input-height: (
+    'large': 14px,
+    'default': 14px,
+    'small': 14px,
+  ),
+  $radio-bordered-input-width: (
+    'large': 14px,
+    'default': 14px,
+    'small': 14px,
+  ),
+  $button-padding-vertical: (
+    'large': 11px,
+    'default': 9px,
+    'small': 6px,
+  ),
+  $button-padding-horizontal: (
+    'large': 18px,
+    'default': 16px,
+    'small': 12px,
+  )
+);
+
+$form-item-margin-bottom: () !default;
+$form-item-margin-bottom: map.merge(
+  (
+    'large': 18px,
+    'default': 18px,
+    'small': 18px,
+  ),
+  $form-item-margin-bottom
+);
+
+$form-item-line-height: () !default;
+$form-item-line-height: map.merge(
+  (
+    'large': 36px,
+    'default': 32px,
+    'small': 24px,
+  ),
+  $form-item-line-height
+);
+$radio-font-size: () !default;
+$radio-font-size: map.merge(
+  (
+    'large': 14px,
+    'small': 14px,
+  ),
+  $radio-font-size
+);
+@use '@/assets/style/base.scss';
+
+// 覆盖原样式，否则它会遮盖弹出对话框
+:deep(.vxe-table--empty-placeholder) {
+  z-index: 0;
+}
+// messagebox会被layer遮盖，因为下面这个样式对应的元素没有设置z-index，尽管其父元素设置了
+.el-overlay-message-box {
+  z-index: 2000;
+}
+.rich-input .el-form-item__content {
+  z-index: 1;
+}

OrangeFormsOpen-VUE3/src/assets/style/chart.scss

@@ -0,0 +1,60 @@
+$chart-form-item-width: 150px;
+$chart-form-item-textarea-width: 200px;
+
+.axis-item {
+  .el-collapse-item__content {
+    padding-bottom: 0 !important;
+  }
+}
+
+.chart-attribute {
+  .el-divider--horizontal {
+    margin: 6px 0 !important;
+  }
+
+  .el-table__empty-text {
+    line-height: 30px !important;
+  }
+}
+
+.chart-attribute.el-form--label-top,
+.chart-attribute.el-form--label-left {
+  .el-form-item__label {
+    width: 100%;
+    padding-bottom: 0 !important;
+    font-size: 12px;
+    color: #303133;
+    font-weight: 600;
+  }
+}
+
+.view-attribute-item {
+  margin-bottom: 6px !important;
+
+  .el-form-item__content {
+    min-height: 28px !important;
+  }
+
+  .el-slider,
+  .el-select {
+    width: $chart-form-item-width;
+  }
+  .el-textarea {
+    width: $chart-form-item-textarea-width;
+  }
+}
+
+.view-attribute-item.slider-item {
+  .el-form-item__label {
+    line-height: 38px !important;
+  }
+}
+
+.view-attribute-item .el-form-item__label {
+  font-size: 12px;
+  color: #303133;
+}
+
+.luckysheet {
+  border-radius: 5px;
+}

OrangeFormsOpen-VUE3/src/assets/style/form-style.scss

@@ -0,0 +1,104 @@
+.form-advanced-manager {
+  .advance-filter-box {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    width: 100%;
+    padding: 10px $box-padding-size 15px $box-padding-size;
+    background-color: white;
+  }
+
+  .title-box {
+    z-index: 20;
+    height: $advanced-title-height;
+    padding: 0 20px;
+    background-color: white;
+    border-bottom: 1px solid $border-color;
+
+    .title {
+      line-height: $advanced-title-height;
+      color: #606266;
+    }
+
+    .menu-box {
+      position: absolute;
+      top: 0;
+      right: 10px;
+      height: $advanced-title-height;
+
+      .el-row {
+        height: $advanced-title-height - 20;
+        margin: 10px 0;
+      }
+    }
+  }
+
+  .advanced-right-box {
+    padding: 0;
+    .gutter-box {
+      float: left;
+      width: 3px;
+      height: 16px;
+      margin: (($advanced-title-height - 16)/2) 0;
+      background-color: $--color-primary;
+    }
+  }
+}
+
+.form-dict-manager {
+  .dict-title {
+    height: 50px;
+    font-size: 14px;
+    color: $--color-text-primary;
+    line-height: 50px;
+    border-bottom: 1px solid $--border-color-base;
+
+    span {
+      margin-left: 20px;
+    }
+  }
+
+  .dict-item {
+    width: 100%;
+    height: 40px;
+    padding-left: 20px;
+    color: #606266;
+    line-height: 40px;
+    cursor: pointer;
+
+    &:hover {
+      background-color: $--color-primary-light-9;
+    }
+  }
+
+  .active-dict-item {
+    border-left: 3px solid $--color-primary;
+    color: $--color-primary;
+    background-color: $--color-primary-light-9 !important;
+  }
+
+  .el-scrollbar__bar.is-horizontal {
+    display: none !important;
+  }
+}
+
+.form-table-manager {
+  .advance-filter-box {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    width: 100%;
+    padding: 20px;
+    padding: 10px $box-padding-size 15px $box-padding-size;
+    background-color: white;
+  }
+}
+
+.form-config {
+  padding: $box-padding-size;
+}
+
+.advance-query-form {
+  padding: 0 !important;
+  background-color: transparent !important;
+}

OrangeFormsOpen-VUE3/src/assets/style/index.scss

@@ -0,0 +1,4 @@
+@charset "UTF-8";
+
+@import url('./form-style.scss');
+@import url('./transition.scss');

OrangeFormsOpen-VUE3/src/assets/style/transition.scss

@@ -0,0 +1,30 @@
+/* fade */
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.28s;
+}
+
+.fade-enter,
+.fade-leave-active {
+  opacity: 0;
+}
+
+/* fade */
+.breadcrumb-enter-active,
+.breadcrumb-leave-active {
+  transition: all 0.5s;
+}
+
+.breadcrumb-enter,
+.breadcrumb-leave-active {
+  opacity: 0;
+  transform: translateX(20px);
+}
+
+.breadcrumb-move {
+  transition: all 0.5s;
+}
+
+.breadcrumb-leave-active {
+  position: absolute;
+}

OrangeFormsOpen-VUE3/src/assets/vue.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>