resolver-egretimp-plus 0.0.4

package/dist/theme/element/src/components/card.scss

@@ -0,0 +1,4 @@
+
+.el-card__body {
+  padding: var(--prmary-marign-second) var(--prmary-marign) 0 var(--prmary-marign);
+}

package/dist/theme/element/src/components/collapse.scss

@@ -0,0 +1,16 @@
+
+.el-collapse {
+  --el-collapse-header-height: 22px;
+  --el-collapse-header-font-size: 14px;
+  // margin-bottom: var(--prmary-marign);
+  .el-collapse-item__header {
+    padding-bottom: 12px;
+    box-sizing: content-box;
+  }
+  .el-collapse-item__content {
+    padding-bottom: 0;
+  }
+  .el-collapse-item__wrap {
+    margin-right: calc(var(--prmary-marign) - var(--prmary-marign) * 2);
+  }
+}

package/dist/theme/element/src/components/date.scss

@@ -0,0 +1,13 @@
+// 日期样式调整
+.el-date-editor {
+  .el-input__wrapper {
+    position: relative;
+    .el-input__prefix {
+      position: absolute;
+      right: 0;
+    }
+    .el-input__suffix {
+      margin-right: 16px;
+    }
+  }
+}

package/dist/theme/element/src/components/form.scss

@@ -0,0 +1,54 @@
+
+.el-form {
+  .custom-form-item {
+    display: flex;
+    align-items: center;
+    & > .el-form-item__label {
+      // 表单label中使用弹性居中
+      display: flex;
+      align-items: center;
+
+      // 不需要自带的必填*提示符合
+      &::before {
+        display: none;
+      }
+    }
+    .custom-label {
+      display: inline-flex;
+      align-items: center;
+      height: 16px;
+      
+      .custom-label-content {
+        display: -webkit-box;
+        line-height: 16px;
+        overflow: hidden; 
+        text-overflow: ellipsis;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+        text-align: right;
+      }
+    }
+  }
+  .label-position-right {
+    .el-form-item__label {
+      justify-content: flex-end;
+      
+    }
+  }
+  .label-position-left {
+    .el-form-item__label {
+      justify-content: flex-start;
+    }
+  }
+  .label-position-top {
+    display: block;
+    .el-form-item__label {
+      display: block;
+      width: 100% !important;
+    }
+  }
+  .el-form-item {
+    margin-bottom: var(--prmary-marign);
+    margin-right: var(--prmary-marign);
+  }
+}

package/dist/theme/element/src/components/index.scss

@@ -0,0 +1,42 @@
+@forward 'element-plus/theme-chalk/src/common/var.scss' with (
+  $md: 700px,
+  $lg: 1560px,
+  $colors: (
+    // 'primary': (
+    //   'base': green,
+    // ),
+  ),
+);
+@use "element-plus/theme-chalk/src/index.scss" as *;
+
+:root {
+  --el-text-color-regular: #646a73;
+  --el-font-family: 'PingFang SC, sans-serif';
+  --el-font-size-base: 14px;
+  --el-disabled-text-color: #1f2329;
+  --el-disabled-bg-color: #eff0f1;
+  --el-input-text-color: #1f2329;
+  --el-color-primary: #3271FE;
+  --el-disabled-border-color: #d0d3d6;
+  --el-border-color: #d0d3d6;
+  --el-border-color-light: #d0d3d6;
+  --el-border-color-lighter: #d0d3d6;
+  --el-fill-color-lighter: #fafafa;
+  --el-fill-color-light: #eff0f1;
+
+  --prmary-marign-second: 12px;
+  --prmary-marign: 16px
+}
+
+@import './card.scss';
+@import './collapse.scss';
+@import './date.scss';
+@import './form.scss';
+@import './input.scss';
+@import './message.scss';
+@import './scrollbar.scss';
+@import './select.scss';
+@import './table.scss';
+@import './tabs.scss';
+@import './tree.scss';
+@import './steps.scss';

package/dist/theme/element/src/components/input.scss

@@ -0,0 +1,15 @@
+
+.el-input {
+  --el-input-text-color: #1f2329;
+}
+
+.el-input__wrapper {
+  .el-input__clear {
+    svg path {
+      d: path("M 764.288 214.592 L 512 466.88 L 259.712 214.592 a 31.936 31.936 0 0 0 -45.12 45.12 L 466.752 512 L 214.528 764.224 a 31.936 31.936 0 1 0 45.12 45.184 L 512 557.184 l 252.288 252.288 a 31.936 31.936 0 0 0 45.12 -45.12 L 557.12 512.064 l 252.288 -252.352 a 31.936 31.936 0 1 0 -45.12 -45.184 Z")
+    }
+  }
+  .el-input__suffix-inner {
+    flex-direction: row-reverse;
+  }
+}

package/dist/theme/element/src/components/message.scss

@@ -0,0 +1,31 @@
+
+.el-message {
+  &.el-message--info {
+    --el-message-bg-color: #EAF0FE;
+    --el-message-border-color: #3271FE;
+    --el-message-text-color: #3271FE;
+  }
+  &.el-message--error {
+    --el-message-border-color: #F54A45;
+  }
+  &.el-message--warning {
+    --el-message-border-color: #FFB938;
+  }
+  &.el-message--success {
+    --el-message-border-color: #34C724;
+  }
+
+  --el-message-padding: 15px 15px;
+  top: 180px;
+  align-items: start;
+  .el-message__icon, .el-message__closeBtn {
+    margin-top: 1px;
+    font-size: 20px;
+  }
+  .el-message__content {
+    color: var(--el-disabled-text-color)
+  }
+  .el-message__content {
+    line-height: 22px;
+  }
+}

package/dist/theme/element/src/components/scrollbar.scss

@@ -0,0 +1,14 @@
+
+// 调整滑动条规范
+.el-scrollbar__bar.is-horizontal {
+  height: 8px;
+  &:hover {
+    height: 12px;
+  }
+}
+.el-scrollbar__bar.is-vertical {
+  width: 8px;
+  &:hover {
+    width: 12px;
+  }
+}

package/dist/theme/element/src/components/select.scss

@@ -0,0 +1,17 @@
+
+// select样式调整
+.el-select__icon {
+  color: #646A73;
+  font-size: 18px;
+}
+.el-select__wrapper {
+  padding: 4px 8px;
+  .el-select__selection.is-near {
+    margin-left: 0;
+  }
+}
+
+/* 覆盖下拉选中文字的样式 */
+.el-select-dropdown__item.is-selected {
+  font-weight: 400;
+}

package/dist/theme/element/src/components/steps.scss

@@ -0,0 +1,6 @@
+.el-step.is-horizontal {
+  .el-step__line {
+    top: 50%;
+    transform: translateY(-50%);
+  }
+}

package/dist/theme/element/src/components/table.scss

@@ -0,0 +1,8 @@
+
+.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column::before, .el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column::before, .el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column::before, .el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column::before, .el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column::before, .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column::before, .el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column::before, .el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column::before{
+  height: 100%;
+}
+
+.el-table th.el-table__cell.is-leaf, .el-table td.el-table__cell{
+  border-bottom: 0px;
+}

package/dist/theme/element/src/components/tabs.scss

@@ -0,0 +1,68 @@
+
+.el-tabs {
+  display: block;
+  border-radius: 4px;
+  overflow: hidden;
+  &.el-tabs--border-card>.el-tabs__content {
+    padding: var(--prmary-marign-second) var(--prmary-marign) var(--prmary-marign) var(--prmary-marign);
+  }
+}
+.tabs-level-1 {
+  --el-tabs-header-height: 49px;
+  &.full-border {
+    & > .el-tabs__header {
+      .el-tabs__item.is-active {
+        border-right: 1px solid var(--el-border-color-light)
+      }
+    }
+  }
+  & > .el-tabs__header {
+    .el-tabs__item {
+      position: relative;
+      min-width: 180px;
+      max-width: calc(50% + 1px);
+      &::after {
+        content: "";
+        position: absolute;
+        display: block;
+        right: -1px;
+        top: 50%;
+        transform: translateY(-50%);
+        height: 50%;
+        width: 1px;
+        background-color: #d0d3d6;
+      }
+      &:last-child {
+        border-right: none;
+        &::after {
+          display: none;
+        }
+      }
+    }
+  }
+}
+
+.tabs-level-2 {
+  & > .el-tabs__header {
+    .el-tabs__nav-wrap::after {
+      height: 1px;
+    }
+  }
+}
+.tabs-level-3 {
+  --el-tabs-header-height: 32px;
+  &.el-tabs--card > .el-tabs__header {
+    border-bottom: none;
+    .el-tabs__item {
+      border-bottom: none;
+      border-left: none;
+      border-radius: 4px;
+      &.is-active {
+        background-color: #eaf0fe;
+      }
+    }
+    .el-tabs__nav {
+      border: none;
+    }
+  }
+}

package/dist/theme/element/src/index.scss

@@ -0,0 +1,79 @@
+@import './components/index.scss';
+* {
+  font-family: PingFang SC,sans-serif;
+}
+.custom-form-item.hidden-label {
+  & > .el-form-item__label {
+    display: none;
+  }
+}
+.content-right {
+  .el-form-item__content {
+    text-align: right;
+    justify-content: flex-end;
+  }
+}
+
+.CustomComponentCollapse:first-child {
+  margin-bottom: 12px;
+}
+.CustomComponentCollapse + .CustomComponentCollapse {
+  margin-bottom: 12px;
+}
+
+.CustomComponentCollapse.is-card:first-child {
+  margin-bottom: 16px;
+}
+.CustomComponentCollapse.is-card + .CustomComponentCollapse.is-card {
+  margin-bottom: 16px;
+}
+
+// 加权
+.CustomComponentCollapse.CustomComponentCollapse.CustomComponentCollapse:last-child {
+  margin-bottom: 0;
+}
+.el-collapse-item__arrow {
+  margin-right: 0;
+}
+
+// 组件弹框样式定义调整
+.custom-component-dialog {
+  padding-top: 0px;
+  padding-bottom: 0;
+  
+  .el-dialog__header {
+    display: none;
+  }
+  .el-dialog__body {
+    height: 100%;
+    .header {
+      line-height: 46px;
+      font-size: 14px;
+      font-weight: 500;
+      color: #1F2329;
+    }
+    .content {
+      height: 100%;
+      box-sizing: border-box;
+      // .el-scrollbar__wrap {
+      //   overflow-x: hidden;
+      // }
+      // .is-horizontal {
+      //   display: none;
+      // }
+    }
+    .footer {
+      height: 68px;
+      text-align: right;
+      overflow: hidden;
+      .dialog-footer {
+        margin-top: 16px;
+      }
+    }
+  }
+  &.el-dialog footer {
+    position: initial;
+    transform: none;
+    padding: 0;
+  }
+}

package/index.js

@@ -0,0 +1,17 @@
+export { default as default} from './src/index.jsx'
+
+export { default as Renderer} from './src/renderer.jsx'
+import { commonPropsType } from './src/utils/index.js'
+
+
+const componentPropsType = Object.keys(commonPropsType).reduce((ret, key) => {
+  ret[key] = {
+    ...commonPropsType[key]
+  }
+  delete ret[key].getValue
+  return ret
+}, {})
+
+export {
+  componentPropsType
+}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "resolver-egretimp-plus",
+  "version": "0.0.4",
+  "description": "交付体验渲染",
+  "main": "dist/index.js",
+  "exports": {
+    "./*": "./*"
+  },
+  "scripts": {
+    "build:package": "webpack --config scripts/webpack.config.js",
+    "build:theme": "gulp -f scripts/gulpfile.mjs",
+    "build": "pnpm run build:package && pnpm run build:theme"
+  },
+  "author": "caowb",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/plugin-transform-runtime": "^7.24.7",
+    "@babel/runtime-corejs3": "^7.24.7",
+    "@vue/babel-plugin-jsx": "^1.2.2",
+    "@vue/cli-plugin-babel": "^5.0.8",
+    "@vue/compiler-sfc": "^3.4.29",
+    "babel-loader": "^9.1.3",
+    "consola": "^3.2.3",
+    "gulp": "^4.0.0",
+    "gulp-autoprefixer": "^9.0.0",
+    "gulp-clean-css": "^4.3.0",
+    "gulp-rename": "^2.0.0",
+    "gulp-sass": "^5.1.0",
+    "less-loader": "^12.2.0",
+    "lodash-es": "^4.17.21",
+    "mini-css-extract-plugin": "^2.9.0",
+    "node-sass": "^9.0.0",
+    "sass": "^1.53.0",
+    "sass-loader": "^14.2.1",
+    "vue-loader": "^17.4.2",
+    "webpack": "^5.90.0",
+    "webpack-cli": "^5.1.4"
+  },
+  "dependencies": {
+    "@vueuse/core": "^10.11.0",
+    "axios": "^1.7.7",
+    "element-plus": "^2.7.6",
+    "vue3-quill": "^0.3.1"
+  }
+}

package/scripts/gulpfile.mjs

@@ -0,0 +1,73 @@
+// const path = require('path')
+// const chalk = require('chalk')
+// const gulpSass = require('gulp-sass')
+// const dartSass = require('sass')
+// const autoprefixer = require('gulp-autoprefixer')
+// const cleanCSS = require('gulp-clean-css')
+// const rename = require('gulp-rename')
+// const consola = require('consola')
+// const gulp = require('gulp')
+// const { dest, parallel, series, src } = gulp
+
+import path, { dirname } from 'path'
+import { fileURLToPath } from 'url';
+import chalk from 'chalk'
+import gulp from 'gulp'
+import gulpSass from 'gulp-sass'
+import * as dartSass from 'sass'
+import autoprefixer from 'gulp-autoprefixer'
+import cleanCSS from 'gulp-clean-css'
+import rename from 'gulp-rename'
+import consola from 'consola'
+
+const  { dest, parallel, series, src } = gulp
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const distFolder = path.resolve(__dirname, '../dist/theme/element')
+
+function buildThemeChalk() {
+  const sass = gulpSass(dartSass)
+  const stream = src(path.resolve(__dirname, '../src/theme/element/index.scss'))
+    .pipe(sass({
+      includePaths: ['../node_modules'] // 添加 
+    }))
+    .pipe(autoprefixer({ cascade: false }))
+    .pipe(
+      cleanCSS({}, (details) => {
+        consola.success(
+          `${chalk.cyan(details.name)}: ${chalk.yellow(
+            details.stats.originalSize / 1000
+          )} KB -> ${chalk.green(details.stats.minifiedSize / 1000)} KB`
+        )
+      })
+    )
+    .pipe(
+      rename((path) => {
+      })
+    )
+    .pipe(dest(distFolder))
+    stream.on('end', () => {
+      console.log('buildThemeChalk task completed');
+    });
+  
+    return stream;
+}
+
+function copyThemeChalkSource() {
+  const stream =  src(path.resolve(__dirname, '../src/theme/element/**')).pipe(
+    dest(path.resolve(distFolder, 'src'))
+  )
+  stream.on('end', () => {
+    console.log('buildThemeChalk task completed');
+  });
+
+  return stream;
+}
+
+const build = parallel(
+  copyThemeChalkSource,
+  series(buildThemeChalk)
+)
+
+export default build

package/scripts/webpack.config.js

@@ -0,0 +1,81 @@
+const path = require('path')
+const { VueLoaderPlugin } = require('vue-loader')
+
+module.exports = {
+  mode: 'production',
+  entry: path.resolve(__dirname, '../index.js'),
+  output: {
+    library: {
+      // name: 'resolver',
+      type: 'module'
+    },
+    path: path.resolve(__dirname, '../dist'),
+    filename: 'index.js'
+  },
+  module: {
+    rules: [
+      {
+        test:/\.(js|jsx)$/,
+        loader: 'babel-loader',
+        exclude: file => (
+          /node_modules/.test(file) &&
+          !/\.vue\.js/.test(file)
+        )
+      },
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+      },
+      {
+        test: /\.less$/,
+        use: [
+          'vue-style-loader',
+          'css-loader',
+          'less-loader'
+        ]
+      },
+      {
+        test: /\.scss$/,
+        use: [
+          'vue-style-loader',
+          'css-loader',
+          'sass-loader'
+        ]
+      },
+      {
+        test: /\.css$/,
+        use: [
+          'vue-style-loader',
+          'css-loader'
+        ]
+      }
+    ]
+  },
+  // devtool: 'source-map',
+  resolve: {
+    extensions: ['.js', '.json', '.vue', '.jsx'],
+    modules: [path.resolve(__dirname, '../node_modules')]
+  },
+  externals: {
+    vue: 'vue',
+    'element-plus': 'element-plus',
+    'vue-router': 'vue-router',
+    'element-plus/es/hooks/index.mjs': 'element-plus/es/hooks/index.mjs',
+    '@element-plus/icons-vue': '@element-plus/icons-vue',
+    'element-plus/es/components/icon/index.mjs': 'element-plus/es/components/icon/index.mjs',
+    'element-plus/es/constants/index.mjs': 'element-plus/es/constants/index.mjs',
+    'element-plus/es/utils/index.mjs': 'element-plus/es/utils/index.mjs'
+  },
+  externalsType: 'module',
+  experiments: {
+    outputModule: true,
+  },
+  // watch: true,
+  watchOptions: {
+    aggregateTimeout: 600,
+    ignored: /node_modules/,
+  },
+  plugins: [
+    new VueLoaderPlugin()
+  ]
+}