cloud-web-corejs 1.1.0-dev.26 → 1.1.0-dev.28

package/src/components/wf/style.scss

@@ -0,0 +1,265 @@
+// Core workflow panel chrome extracted from the app stylesheet.
+@import "~@base/styles/variables.scss";
+
+.task-situation {
+  font-size: $fontSizeBase;
+  .item {
+    display: -moz-box;
+    display: -webkit-box;
+    display: box;
+    line-height: 1.4;
+    padding: 6px 14px;
+    position: relative;
+    &:after {
+      content: "";
+      width: 2px;
+      position: absolute;
+      background: #e9e9e9;
+      top: 22px;
+      bottom: -10px;
+      left: 172px;
+      z-index: 2;
+    }
+    &:last-child:after {
+      display: none;
+    }
+    &:hover {
+      background: #fafdff;
+    }
+    .time {
+      color: #666;
+      width: 82px;
+    }
+    .status {
+      width: 50px;
+      line-height: 16px;
+      padding: 2px 0;
+      height: 100%;
+      text-align: center;
+      border-radius: 22px;
+      vertical-align: middle;
+      background: #fff;
+      border: 1px solid #dcdfe6;
+      color: #606266;
+      &.green {
+        border: solid 1px #acedc9;
+        background: #e7faf0;
+        color: #67c23a;
+      }
+      &.red {
+        border: solid 1px #ffcaca;
+        background: #ffeded;
+        color: #f56c6c;
+      }
+      &.gray {
+        color: #d6d6d6;
+        background: #f4f4f5;
+        border-color: #d3d4d6;
+      }
+      &.orgn {
+        color: #e6a23c;
+        background: #fdf6ec;
+        border-color: #f5dab1;
+      }
+      &.blue {
+        background-color: transparentize($baseColor, 0.94);
+        color: $baseColor;
+        border: solid 1px transparentize($baseColor, 0.72);
+      }
+    }
+    .circle {
+      background: $baseColor;
+      width: 14px;
+      height: 14px;
+      border-radius: 50%;
+      border: solid 3px #fff;
+      display: inline-block;
+      margin: 3px 20px;
+      z-index: 9;
+    }
+    .info {
+      -moz-box-flex: 1;
+      -webkit-box-flex: 1;
+      box-flex: 1;
+      p {
+        margin: 2px 0;
+        width: calc(100vw - 500px);
+        display: block;
+        > span {
+          margin-right: 25px;
+          min-width: 256px;
+          display: inline-block;
+          &.name {
+            font-weight: 600;
+          }
+          span {
+            width: 202px;
+            vertical-align: text-top;
+            display: inline-block;
+          }
+        }
+        &.t {
+          display: flex;
+          .t1 {
+            min-width: 65px;
+            margin-right: 0;
+            flex: none;
+          }
+          span {
+            flex: 1;
+            white-space: pre-line;
+          }
+        }
+      }
+    }
+  }
+}
+
+//flow
+.flow-tree {
+  position: relative;
+  padding-right: 240px;
+  .flow-box {
+    height: 380px;
+    vertical-align: middle;
+    width: 100%; /*display: table-cell;苹果有问题*/
+    img {
+      max-width: 100%;
+      max-height: 100%;
+    }
+    .btn-magnifier {
+      position: absolute;
+      background-color: #fff;
+      border-radius: 50%;
+      font-size: 32px;
+      right: 282px;
+      top: 0;
+      color: $baseColor;
+      cursor: pointer;
+    }
+  }
+  .flow-form {
+    position: absolute;
+    right: 20px;
+    top: 72px;
+    width: 238px;
+    border: solid 1px $borderColor;
+    border-radius: 4px;
+    padding: 8px 10px;
+    background: #f7f7f7;
+    font-size: $fontSizeBase;
+    .txt {
+      width: 100%;
+      height: 183px;
+      background: #fff;
+      border-radius: 4px;
+      border: solid 1px $borderColor;
+      padding: 8px;
+      line-height: 1.8;
+    }
+    .btn {
+      width: calc(50% - 10px);
+      display: inline-block;
+      float: left;
+      margin: 6px 5px;
+      font-size: $fontSizeBase;
+      &.b {
+        width: calc(100% - 10px);
+      }
+      &.el-button--warning {
+        &:active,
+        &:focus {
+          color: #e6a700;
+        }
+      }
+      &.el-button--success {
+        &:active,
+        &:focus {
+          color: #11b95c;
+        }
+      }
+      &.el-button--danger {
+        &:active,
+        &:focus {
+          color: #ff4949;
+        }
+      }
+      &.el-button--primary {
+        &:active,
+        &:focus {
+          color: $baseColor;
+        }
+      }
+    }
+  }
+}
+.flow-btn-opeaBtn {
+  margin-bottom: 14px;
+  margin-top: -7px;
+  .btn {
+    width: 74px;
+    height: 32px;
+    background: #eeeeee;
+    border-radius: 8px;
+    padding: 0;
+    font-size: $fontSizeBase;
+    border: none;
+    color: #808080;
+    outline: none !important;
+    position: relative;
+    box-shadow: none !important;
+    &:before {
+      content: "";
+      border: solid 3px #9e9e9e;
+      width: 10px;
+      height: 10px;
+      display: inline-block;
+      vertical-align: middle;
+      border-radius: 50%;
+      margin-right: 4px;
+    }
+    span {
+      vertical-align: middle;
+    }
+    &:hover {
+      color: $baseColor;
+      &:before {
+        border-color: $baseColor;
+      }
+    }
+    &.on {
+      background-color: $baseColor;
+      color: #fff;
+      &:after {
+        content: "";
+        position: absolute;
+        border-top: solid 4px $baseColor;
+        border-left: solid 5px transparent;
+        border-right: solid 5px transparent;
+        left: 50%;
+        margin-left: -4px;
+        bottom: -6px;
+      }
+      &:before {
+        border-color: #fff;
+      }
+    }
+  }
+}
+.flow-btn-opeaBox {
+  border: solid 1px #eee;
+  padding: 8px 0 10px;
+  margin-bottom: 12px;
+  .tit {
+    display: inline-block;
+    background: #edf0f2;
+    margin: 0 0 6px 12px;
+    padding: 4px 8px;
+    font-size: 13px;
+    color: #333;
+    i {
+      margin-right: 4px;
+      color: $baseColor;
+    }
+  }
+}

package/src/components/xform/docs/2026-08 xform H5 P0 /345/256/236/347/216/260/350/247/204/346/240/274.md"

@@ -79,7 +79,7 @@ P0 交付 4 件事：
 
 > 现有 `index.vue` 底部那个 `<style lang="scss" scoped>` 块保留不动，新增一个非 scoped 块。
 
-- 变量（`$baseColor` 等）由 vue.config 的 sass `additionalData` 注入的 `styles/global.scss` 提供，
+- `$--color-primary` 由 vue.config 的 sass `additionalData` 注入的 `styles/theme-variables.scss` 提供，其他基础变量由组件已有的变量入口提供，
   两个应用的 vue.config 已约定一致，直接用即可。
 
 ### 2.2 特异度策略（**必读，否则样式会随机失效**）

package/src/components/xform/docs/2026-08 xform /347/247/273/345/212/250/347/253/257/345/270/203/345/261/200/345/257/271/351/275/220 bill_setting /346/226/271/346/241/210.md"

@@ -157,7 +157,7 @@ $xformH5RowHeight: 48px;      // 字段行高
 $xformH5LabelWidth: 80px;     // 标签宽
 ```
 
-> `$baseColor`、`$--color-primary` 等由 vue.config 的 sass `additionalData` 注入 `styles/global.scss` 提供，
+> `$--color-primary` 由 vue.config 的 sass `additionalData` 注入 `styles/theme-variables.scss` 提供；`$baseColor` 等基础变量由组件已有的变量入口提供，
 > 两个应用的 vue.config 已约定保持一致，可直接用。
 
 ### 4.2 页面骨架与滚动模型

package/src/components/xform/form-designer/form-widget/dialog/importDialog.vue

@@ -25,7 +25,7 @@
           </div>
         </el-upload>
         <div class="upload-finish" v-if="fileRaw">
-          <img :src="$assetUrl(require('@/resources' + '/images/ico-excel.svg'))" class="ico"/>
+          <img :src="$assetUrl(require('@base/core-resources' + '/images/ico-excel.svg'))" class="ico"/>
           <p class="name">{{ fileRaw.name }}</p>
           <!-- <p>2022-1-17</p> -->
           <el-tooltip :enterable="false" class="item" effect="dark"

package/src/components/xform/form-designer/form-widget/field-widget/a-link-widget.vue

@@ -143,7 +143,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/styles/global.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
+@import "~@base/styles/theme-variables.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
 a.is-disabled {
   cursor: not-allowed;
 }

package/src/components/xform/form-designer/form-widget/field-widget/a-text-widget.vue

@@ -108,7 +108,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/styles/global.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
+@import "~@base/styles/theme-variables.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
 a.is-disabled {
   cursor: not-allowed;
 }

package/src/components/xform/form-designer/form-widget/field-widget/area-select-widget.vue

@@ -262,7 +262,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/styles/global.scss";
+@import "~@base/styles/theme-variables.scss";
 
 .full-width-input {
   width: 100% !important;

package/src/components/xform/form-designer/form-widget/field-widget/autocomplete-widget.vue

@@ -96,7 +96,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/styles/global.scss";
+@import "~@base/styles/theme-variables.scss";
 
 .full-width-input {
   width: 100% !important;

package/src/components/xform/form-designer/form-widget/field-widget/baseAttachment-widget.vue

@@ -264,7 +264,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/styles/global.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
+@import "~@base/styles/theme-variables.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
 
 .full-width-input {
   width: 100% !important;

package/src/components/xform/form-designer/form-widget/field-widget/button-widget.vue

@@ -93,5 +93,5 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/styles/global.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
+@import "~@base/styles/theme-variables.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
 </style>

package/src/components/xform/form-designer/form-widget/field-widget/cascader-widget.vue

@@ -227,7 +227,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/styles/global.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
+@import "~@base/styles/theme-variables.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
 
 .full-width-input {
   width: 100% !important;

package/src/components/xform/form-designer/form-widget/field-widget/census-widget.vue

@@ -161,7 +161,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/styles/global.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
+@import "~@base/styles/theme-variables.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
 .form-count-item {
   cursor: pointer;
 }

package/src/components/xform/form-designer/form-widget/field-widget/checkbox-widget.vue

@@ -113,6 +113,6 @@
 </script>
 
 <style lang="scss" scoped>
-  @import "~@/styles/global.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
+  @import "~@base/styles/theme-variables.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
 
 </style>

package/src/components/xform/form-designer/form-widget/field-widget/color-widget.vue

@@ -93,7 +93,7 @@
 </script>
 
 <style lang="scss" scoped>
-  @import "~@/styles/global.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
+  @import "~@base/styles/theme-variables.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
 
   .full-width-input {
     width: 100% !important;

package/src/components/xform/form-designer/form-widget/field-widget/copy_button-widget.vue

@@ -99,6 +99,6 @@
 </script>
 
 <style lang="scss" scoped>
-  @import "~@/styles/global.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
+  @import "~@base/styles/theme-variables.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
 
 </style>

package/src/components/xform/form-designer/form-widget/field-widget/date-range-widget.vue

@@ -105,7 +105,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/styles/global.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
+@import "~@base/styles/theme-variables.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
 
 .full-width-input {
   width: 100% !important;

package/src/components/xform/form-designer/form-widget/field-widget/date-widget.vue

@@ -145,7 +145,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/styles/global.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
+@import "~@base/styles/theme-variables.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
 
 .full-width-input {
   width: 100% !important;

package/src/components/xform/form-designer/form-widget/field-widget/descriptions-widget.vue

@@ -180,5 +180,5 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '~@/styles/global.scss'; //* static-content-wrapper已引入，还需要重复引入吗？ *//
+@import '~@base/styles/theme-variables.scss'; //* static-content-wrapper已引入，还需要重复引入吗？ *//
 </style>

package/src/components/xform/form-designer/form-widget/field-widget/divider-widget.vue

@@ -78,6 +78,6 @@
 </script>
 
 <style lang="scss" scoped>
-  @import "~@/styles/global.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
+  @import "~@base/styles/theme-variables.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
 
 </style>

package/src/components/xform/form-designer/form-widget/field-widget/download-button-widget.vue

@@ -129,5 +129,5 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/styles/global.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
+@import "~@base/styles/theme-variables.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
 </style>

package/src/components/xform/form-designer/form-widget/field-widget/dropdown-item-widget.vue

@@ -81,6 +81,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/styles/global.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
+@import "~@base/styles/theme-variables.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
 
 </style>

package/src/components/xform/form-designer/form-widget/field-widget/dropdown-widget.vue

@@ -163,7 +163,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/styles/global.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
+@import "~@base/styles/theme-variables.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
 .el-dropdown-link[disabled] a.a-link {
   cursor: not-allowed;
 }

package/src/components/xform/form-designer/form-widget/field-widget/echart-bar-widget.vue

@@ -31,5 +31,5 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@/styles/global.scss'; //* static-content-wrapper已引入，还需要重复引入吗？ *//
+@import '@base/styles/theme-variables.scss'; //* static-content-wrapper已引入，还需要重复引入吗？ *//
 </style>

package/src/components/xform/form-designer/form-widget/field-widget/echart-category-widget.vue

@@ -31,5 +31,5 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@/styles/global.scss'; //* static-content-wrapper已引入，还需要重复引入吗？ *//
+@import '@base/styles/theme-variables.scss'; //* static-content-wrapper已引入，还需要重复引入吗？ *//
 </style>

package/src/components/xform/form-designer/form-widget/field-widget/echart-pie-widget.vue

@@ -31,5 +31,5 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import '@/styles/global.scss'; //* static-content-wrapper已引入，还需要重复引入吗？ *//
+@import '@base/styles/theme-variables.scss'; //* static-content-wrapper已引入，还需要重复引入吗？ *//
 </style>

package/src/components/xform/form-designer/form-widget/field-widget/file-upload-widget.vue

@@ -262,7 +262,7 @@
 </script>
 
 <style lang="scss" scoped>
-  @import "~@/styles/global.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
+  @import "~@base/styles/theme-variables.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
 
   .full-width-input {
     width: 100% !important;

package/src/components/xform/form-designer/form-widget/field-widget/form-item-wrapper.vue

@@ -802,7 +802,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/styles/global.scss";
+@import "~@base/styles/theme-variables.scss";
 
 .design-time-bottom-margin {
   margin-bottom: 5px;

package/src/components/xform/form-designer/form-widget/field-widget/html-text-widget.vue

@@ -77,7 +77,7 @@
 </script>
 
 <style lang="scss" scoped>
-  @import "~@/styles/global.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
+  @import "~@base/styles/theme-variables.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
   .designer-html-container{
         outline: 1px dashed #336699;
         padding: 10px;

package/src/components/xform/form-designer/form-widget/field-widget/import-button-widget.vue

@@ -102,6 +102,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/styles/global.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
+@import "~@base/styles/theme-variables.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
 
 </style>

package/src/components/xform/form-designer/form-widget/field-widget/import2-button-widget.vue

@@ -85,6 +85,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/styles/global.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
+@import "~@base/styles/theme-variables.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
 
 </style>

package/src/components/xform/form-designer/form-widget/field-widget/input-batch-widget.vue

@@ -108,6 +108,6 @@
 </script>
 
 <style lang="scss" scoped>
-  @import "~@/styles/global.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
+  @import "~@base/styles/theme-variables.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
 
 </style>

package/src/components/xform/form-designer/form-widget/field-widget/input-widget.vue

@@ -114,6 +114,6 @@
 </script>
 
 <style lang="scss" scoped>
-  @import "~@/styles/global.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
+  @import "~@base/styles/theme-variables.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
 
 </style>

package/src/components/xform/form-designer/form-widget/field-widget/multiSearch-widget.vue

@@ -30,7 +30,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/styles/global.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
+@import "~@base/styles/theme-variables.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
 
 .full-width-input {
   width: 100% !important;

package/src/components/xform/form-designer/form-widget/field-widget/news-list-widget.vue

@@ -82,6 +82,6 @@
 </script>
 
 <style lang="scss" scoped>
-  @import "~@/styles/global.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
+  @import "~@base/styles/theme-variables.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
 
 </style>

package/src/components/xform/form-designer/form-widget/field-widget/number-widget.vue

@@ -135,7 +135,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/styles/global.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
+@import "~@base/styles/theme-variables.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
 
 .full-width-input {
   width: 100% !important;

package/src/components/xform/form-designer/form-widget/field-widget/oplog-widget.vue

@@ -179,7 +179,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/styles/global.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
+@import "~@base/styles/theme-variables.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
 a.is-disabled {
   cursor: not-allowed;
 }

package/src/components/xform/form-designer/form-widget/field-widget/picture-upload-widget.vue

@@ -258,7 +258,7 @@
 </script>
 
 <style lang="scss" scoped>
-  @import "~@/styles/global.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
+  @import "~@base/styles/theme-variables.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
 
   .full-width-input {
     width: 100% !important;

package/src/components/xform/form-designer/form-widget/field-widget/print-button-widget.vue

@@ -114,5 +114,5 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/styles/global.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
+@import "~@base/styles/theme-variables.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
 </style>

package/src/components/xform/form-designer/form-widget/field-widget/print-detail-button-widget.vue

@@ -115,5 +115,5 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/styles/global.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
+@import "~@base/styles/theme-variables.scss"; //* static-content-wrapper已引入，还需要重复引入吗？ *//
 </style>

package/src/components/xform/form-designer/form-widget/field-widget/project-tag-widget.vue

@@ -229,7 +229,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "~@/styles/global.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
+@import "~@base/styles/theme-variables.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
 
 .full-width-input {
   width: 100% !important;

package/src/components/xform/form-designer/form-widget/field-widget/radio-widget.vue

@@ -122,6 +122,6 @@
 </script>
 
 <style lang="scss" scoped>
-  @import "~@/styles/global.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
+  @import "~@base/styles/theme-variables.scss"; //* form-item-wrapper已引入，还需要重复引入吗？ *//
 
 </style>