@bdsoft/element 1.1.0

package/package-form/element-form/src/parsers/select.js

@@ -0,0 +1,15 @@
+import toArray from '@bdsoft-element/utils/lib/toarray';
+
+const name = 'select';
+
+export default {
+    name,
+    toFormValue(value, ctx) {
+        if (ctx.prop.props.multiple && !Array.isArray(value)) {
+            return toArray(value)
+        } else {
+            return value;
+        }
+    }
+
+}

package/package-form/element-form/src/parsers/slider.js

@@ -0,0 +1,21 @@
+import {creatorFactory} from '@bdsoft-element/formcore/index';
+
+const name = 'slider';
+
+export default {
+    name,
+    maker: {
+        sliderRange: creatorFactory(name, {range:true})
+    },
+    toFormValue(value, ctx) {
+        let isArr = Array.isArray(value), props = ctx.prop.props, min = props.min || 0,
+            parseValue;
+        if (props.range === true) {
+            parseValue = isArr ? value : [min, (parseFloat(value) || min)];
+        } else {
+            parseValue = isArr ? (parseFloat(value[0]) || min) : parseFloat(value);
+        }
+        return parseValue;
+    }
+
+}

package/package-form/element-form/src/parsers/timePicker.js

@@ -0,0 +1,17 @@
+import {creatorFactory} from '@bdsoft-element/formcore/index';
+
+const name = 'timePicker';
+
+export default {
+    name,
+    maker: {
+        time: creatorFactory(name, (m) => m.props.isRange = false),
+        timeRange: creatorFactory(name, (m) => m.props.isRange = true)
+    },
+    mergeProp(ctx) {
+        const props = ctx.prop.props;
+        if (!props.valueFormat) {
+            props.valueFormat = 'HH:mm:ss';
+        }
+    }
+}

package/package-form/element-form/src/style/index.css

@@ -0,0 +1,52 @@
+.form-create .form-create .el-form-item {
+    margin-bottom: 22px;
+}
+
+.form-create {
+    width: 100%;
+}
+
+.form-create.is-preview .fc-clock, .form-create .fc-none, .form-create.is-preview .el-form-item.is-required > .el-form-item__label-wrap > .el-form-item__label:before, .form-create.is-preview .el-form-item.is-required > .el-form-item__label:before {
+    display: none !important;
+}
+
+.fc-wrap-right > .el-form-item__label {
+    display: flex;
+    justify-content: flex-end;
+}
+
+.fc-wrap-left > .el-form-item__label {
+    display: flex;
+    justify-content: flex-start;
+}
+
+.fc-wrap-top.el-form-item {
+    display: block;
+}
+
+.fc-wrap-top.el-form-item > .el-form-item__label {
+    display: block;
+    height: auto;
+    line-height: 22px;
+    margin-bottom: 8px;
+    text-align: left;
+}
+
+.el-form--large .fc-wrap-top.el-form-item > .el-form-item__label {
+    line-height: 22px;
+    margin-bottom: 12px;
+}
+
+.el-form--default .fc-wrap-top.el-form-item > .el-form-item__label {
+    line-height: 22px;
+    margin-bottom: 8px;
+}
+
+.el-form--small .fc-wrap-top.el-form-item > .el-form-item__label {
+    line-height: 20px;
+    margin-bottom: 4px;
+}
+
+.fc-form-footer {
+    margin-top: 12px;
+}

package/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@bdsoft/element",
+  "private": false,
+  "version": "1.1.0",
+  "type": "module",
+  "main": "index.js",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@element-plus/icons-vue": "^2.3.1",
+    "element-plus": "^2.11.5",
+    "splitpanes": "4.0.4"
+  }
+}

package/src/App.vue

@@ -0,0 +1,28 @@
+<script setup>
+</script>
+
+<template>
+  <div>
+    <a href="https://vitejs.dev" target="_blank">
+      <img src="/vite.svg" class="logo" alt="Vite logo" />
+    </a>
+    <a href="https://vuejs.org/" target="_blank">
+      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
+    </a>
+  </div>
+</template>
+
+<style scoped>
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.vue:hover {
+  filter: drop-shadow(0 0 2em #42b883aa);
+}
+</style>

package/src/assets/css/element.scss

@@ -0,0 +1,179 @@
+/* 覆盖elementui默认样式 */
+@forward 'element-plus/theme-chalk/src/common/var.scss' with (
+  $colors: (
+    'primary': (
+      'base': #1677ff
+    )
+  )
+);
+@use 'element-plus/theme-chalk/src/index.scss' as *;
+
+.bdalert-small {
+  color: #606266 !important;
+  --el-alert-padding: 3px 10px !important;
+  .el-alert__close-btn {
+    top: 8px !important;
+  }
+}
+.bdalert {
+  color: #606266 !important;
+}
+// el-alert样式重写
+.bd-alert {
+  background-color: #fff !important;
+  .el-alert__content {
+    color: #606266 !important;
+  }
+}
+
+// tab样式重写--圆滑风格
+.bdtabs .el-tabs__header {
+  margin: 0px !important;
+  height: 34px !important;
+  .el-tabs__nav-wrap {
+    margin-bottom: -3px;
+  }
+  .el-tabs__nav {
+    border: 0px !important;
+  }
+  .el-tabs__item {
+    padding: 0 10px;
+    height: 30px !important;
+    border-style: solid;
+    border-color: transparent !important;
+  }
+  .is-active {
+    background: #e5eeff !important;
+    z-index: 1;
+
+    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTEwMC4yMzYgOTkuODgzQzQ1LjAwOCAxMDAuMDEyLjEzMiA1NS4zNDQuMDAzLjExN2wuMjMzIDEwMCAxMDAtLjIzNHoiIG9wYWNpdHk9InVuZGVmaW5lZCIgc3Ryb2tlPSJudWxsIiBmaWxsPSIjRjhFQUU3Ii8+PHBhdGggZD0iTS0uNjM4IDcuMzEyYy4xMiAwIC4yMTguMDU4LjQ3Ny4xMi4yMzIuMDU0LjI3My4wMzQuMzU4LjExOS4wODQuMDg0LjM1NyAwIC40NzYgMGguMzU4TTI4LjkyMSA2OS4wNTJ2LjU5Nk0yOC45MjEgNjguNDU3aC4xMTl2MS43ODhoLS4xMTl6TTM2LjY2OSA1MS4yOTNoMTkuMDd2NC44ODdoLTE5LjA3eiIgc3Ryb2tlPSJudWxsIi8+PC9zdmc+),
+      url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSJudWxsIiBmaWxsPSIjRjhFQUU3IiBkPSJNNjkuOTU0LjE0Yy0uMjI5IDU1LjIyOC00NS4xODYgOTkuODE0LTEwMC40MTMgOTkuNTg1bDk5Ljk5OS40MTRMNjkuOTU0LjE0eiIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkPSJNLS42MzggNy4zMTJjLjEyIDAgLjIxOC4wNTguNDc3LjEyLjIzMi4wNTQuMjczLjAzNC4zNTguMTE5LjA4NC4wODQuMzU3IDAgLjQ3NiAwaC4zNThNMjguOTIxIDY5LjA1MnYuNTk2TTI4LjkyMSA2OC40NTdoLjExOXYxLjc4OGgtLjExOXpNMzYuNjY5IDUxLjI5M2gxOS4wN3Y0Ljg4N2gtMTkuMDd6IiBzdHJva2U9Im51bGwiLz48L3N2Zz4=),
+      url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHJ4PSI4IiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjRjhFQUU3Ii8+PC9zdmc+);
+    -webkit-mask-size:
+      18px 30px,
+      20px 30px,
+      calc(100% - 30px) calc(100% + 17px);
+    -webkit-mask-position:
+      right bottom,
+      left bottom,
+      center top;
+    -webkit-mask-repeat: no-repeat;
+    .el-dropdown span {
+      color: #0256ff !important;
+      margin-left: 10px;
+    }
+  }
+}
+// tab样式重写--卡片风格
+.bdtabs2 .el-tabs__header {
+  margin: 0px !important;
+  height: 34px !important;
+  .el-tabs__nav-wrap {
+    margin-bottom: -3px;
+  }
+  .el-tabs__nav {
+    border: 0px !important;
+  }
+  .el-tabs__item {
+    padding: 0 10px;
+    height: 28px !important;
+    border: 1px solid #d9d9d9;
+    margin-left: 4px;
+    margin-top:2px;
+    margin-bottom:2px;
+    // border-color: transparent !important;
+  }
+  .is-active {
+    background: #e5eeff !important;
+    z-index: 1;
+
+ 
+    .el-dropdown span {
+      color: #0256ff !important;
+      margin-left: 10px;
+    }
+  }
+}
+
+// tab样式重写--灵动风格
+.bdtabs3 .el-tabs__header {
+  margin: 0px !important;
+  height: 34px !important;
+  .el-tabs__nav-wrap {
+    margin-bottom: -3px;
+  }
+  .el-tabs__nav {
+    border: 0px !important;
+  }
+  .el-tabs__item {
+    padding: 0 10px;
+    height: 28px !important;
+    border: 0px solid #d9d9d9;
+    // margin-left: 4px;
+    // margin-top:2px;
+    // margin-bottom:2px;
+    // border-color: transparent !important;
+  }
+  .is-active {
+    background: #e5eeff !important;
+    z-index: 1;
+
+ 
+    .el-dropdown span {
+      color: #0256ff !important;
+      margin-left: 10px;
+    }
+  }
+}
+
+
+// 分割线样式
+.bddivider > .el-drawer__body > .el-divider--horizontal {
+  border-top: 1px solid #e5eeff !important;
+}
+.bddivider {
+  background-color: rgba(0, 0, 0, 0.1) !important;
+  .el-drawer__header {
+    margin-bottom: 0 !important;
+    border-bottom: 1px solid var(--prev-border-color-lighter);
+    padding: 0 20px;
+  }
+}
+// 闪动样式
+
+.download-shine {
+  position: relative;
+  animation: scaleMove 5s infinite;
+  // width: 200px;
+
+  &:after {
+    overflow: hidden;
+    position: absolute;
+    left: 0;
+    top: -2px;
+    right: 0;
+    width: 38px;
+    height: 63px;
+    background-color: #fff;
+    -ms-transform: skewX(-20deg);
+    transform: skewX(-20deg);
+    opacity: 0.29;
+    animation: shadowmove 2.5s infinite;
+    content: '';
+  }
+}
+
+@keyframes shadowmove {
+  0% {
+    left: 0;
+  }
+
+  25% {
+    left: 100%;
+  }
+
+  to {
+    left: 100%;
+    opacity: 0;
+  }
+}

package/src/assets/css/layout.scss

@@ -0,0 +1,215 @@
+/* 容器样式 */
+.containerBg {
+  height: 100%;
+  background-color: rgb(240, 240, 240);
+}
+.headerBg {
+  background: #fff;
+}
+// 左侧
+.el-aside {
+  margin: 10px;
+  border-radius: 4px;
+  background: #fff;
+  padding: 0;
+  .top {
+    height: 50px;
+    width: 100%;
+    .topin {
+      margin: 0 auto;
+      height: 100%;
+      font-size: 18px;
+      line-height: 50px;
+      text-align: left;
+      padding-left: 30px;
+      font-weight: 700;
+      color: #606266;
+      border-bottom: 1px solid #e6e6e6;
+      box-shadow: 0 2px 4px #0000000a;
+      overflow: hidden;
+    }
+  }
+}
+.containerRight {
+  background: rgb(255, 255, 255);
+  margin: 10px 10px 10px 0px;
+  height: calc(100% - 20px);
+  border-radius: 4px;
+  padding: 0;
+}
+
+// 菜单栏样式
+// 菜单背景
+.headwarp {
+  padding: 0;
+  width: 100%;
+  // min-width: 400px;
+  position: relative;
+  background: #fff url(../images/banner.gif) repeat-x;
+  .headwarp-top {
+    padding-top: 0px;
+    position: relative;
+    font-size: 18px;
+    font-weight: bold;
+    padding-left: 10px;
+    height: 50px;
+  }
+  .headwarp-bottom {
+    height: 25px;
+    line-height: 35px;
+    padding-left: 10px;
+    padding-top: 15px;
+    .warpmenu {
+      cursor: pointer;
+      font-size: 13px;
+      font-weight: normal;
+      line-height: 35px;
+      display: inline-block;
+      img {
+        vertical-align: -2px;
+        margin-left: 8px;
+      }
+    }
+  }
+}
+
+// 表格样式
+.el-table th.el-table__cell.is-leaf {
+  background-color: #f5f6fa;
+  color: '#4c607a';
+  height: 40px;
+  .cell {
+    // color: '#4C607A';
+    color: rgb(76, 96, 122);
+    font-size: 14px;
+  }
+}
+// 提示样式
+.el-message {
+  padding: 13px 19px;
+  .el-message__content {
+    color: rgba(0, 0, 0, 0.88);
+  }
+}
+
+.el-message--success,
+.el-message--error,
+.el-message--warning,
+.el-message--info {
+  --el-message-bg-color: #fff;
+  --el-message-border-color: #fff;
+  border-radius: 8px;
+  box-shadow:
+    0 6px 16px 0 rgba(0, 0, 0, 0.08),
+    0 3px 6px -4px rgba(0, 0, 0, 0.12),
+    0 9px 28px 8px rgba(0, 0, 0, 0.05);
+}
+@keyframes rotate {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+.loadsvg {
+  color: #1677ff;
+  animation: rotate 1s linear infinite;
+}
+// 弹窗样式
+.bdDialog {
+  padding: 0;
+  .el-dialog__header {
+    padding-bottom: 10px !important;
+  }
+  .el-dialog__body {
+    padding: 10px !important;
+    // min-height: 200px;
+  }
+  .el-dialog__footer {
+    padding: 10px;
+  }
+}
+
+.bdBgDialog {
+  box-sizing: border-box;
+  right: 14px !important;
+  bottom: 14px !important;
+  background-image: url(../images/bg1.svg), url(../images/bg2.png), linear-gradient(173deg, #f4f9ff -24.94%, #edf1f9 103.15%) !important;
+  background-repeat: no-repeat !important;
+  background-position: 100% 0 !important;
+  background-attachment: fixed !important;
+  background-size: auto !important;
+  box-shadow: 0 32px 60px 0 rgba(81, 87, 103, 0.12) !important;
+}
+
+.bd-steps {
+  .el-step {
+    .is-process > .el-step__icon {
+      background-color: #1890ff;
+      color: #fff;
+    }
+    .el-step__main {
+      .is-process {
+        color: #414142;
+        font-weight: normal;
+      }
+    }
+  }
+  .el-step > .el-step__head > .el-step__line {
+    height: 1px !important;
+    background-color: rgba(0, 0, 0, 0.25);
+  }
+  .el-step > .el-step__head > .el-step__icon {
+    border: 1px solid;
+    .el-step__icon-inner {
+      font-weight: normal;
+    }
+  }
+}
+.splitpanes.default-theme .splitpanes__pane {
+  background-color: #fff;
+}
+// head渐变样式
+// <el-card class="bd-card" :body-style="{ padding: '10px 0px !important' }">
+// <template #header>
+//   <div class="card-header">
+//     <div class="card-bg card-bg1"></div>
+//     <div class="card-bg card-bg2"></div>
+//     <div class="card-title">
+.bd-card {
+  position: relative;
+  .el-card__header {
+    border-bottom: 0px !important;
+    padding-top: 10px !important;
+  }
+
+  .card-bg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 45px;
+    border-radius: 5px;
+  }
+  .card-title {
+    font-size: 17px;
+    font-weight: bold;
+    margin-bottom: 0px;
+    color: #252d4d;
+    position: relative;
+    z-index: 99;
+  }
+  .card-bg1 {
+    opacity: 0.3;
+    background: linear-gradient(90deg, #356dee, rgba(53, 109, 238, 0) 94%);
+    z-index: 1;
+  }
+  .card-bg2 {
+    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
+    z-index: 2;
+  }
+}
+.splitpanes__splitter {
+  z-index: 999 !important;
+}

package/src/assets/css/tailwind.scss

@@ -0,0 +1,67 @@
+.h100{
+    height: 100%;
+}
+.h100px{
+    height: 100px;
+}
+/* margin间距 */
+.m10 {
+  margin: 10px;
+}
+.mt-10 {
+  margin-top: 10px;
+}
+.mb-10 {
+  margin-bottom: 10px;
+}
+.ml-10 {
+  margin-left: 10px;
+}
+.mr-10 {
+  margin-right: 10px;
+}
+.mt-20 {
+  margin-top: 20px;
+}
+.mb-20 {
+  margin-bottom: 20px;
+}
+.ml-20 {
+  margin-left: 20px;
+}
+.mr-20 {
+  margin-right: 20px;
+}
+/* padding间距 */
+.p10{
+  padding: 10px;
+}
+.pt-10 {
+  padding-top: 10px;
+}
+.pb-10 {
+  padding-bottom: 10px;
+}
+.pl-10 {
+  padding-left: 10px;
+}
+.pr-10 {
+  padding-right: 10px;
+}
+.pt-20 {
+  padding-top: 20px;
+}
+.pb-20 {
+  padding-bottom: 20px;
+}
+.pl-20 {
+  padding-left: 20px;
+}
+.pr-20 {
+  padding-right: 20px;
+}
+
+// 颜色
+.bgwhite{
+    background-color: #fff;
+}

package/src/assets/images/bg1.svg

@@ -0,0 +1,22 @@
+<svg width="380" height="399" viewBox="0 0 380 399" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g filter="url(#filter0_f_358_604)">
+        <ellipse cx="191" cy="-57.219" rx="89" ry="98.781" fill="#AEC9FF" />
+    </g>
+    <g opacity="0.8" filter="url(#filter1_f_358_604)">
+        <ellipse cx="391" cy="39.9719" rx="150" ry="158.068" fill="#E0D5FF" />
+    </g>
+    <defs>
+        <filter id="filter0_f_358_604" x="-98" y="-356" width="578" height="597.562" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_358_604" />
+        </filter>
+        <filter id="filter1_f_358_604" x="41" y="-318.096" width="700" height="716.135" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_358_604" />
+        </filter>
+    </defs>
+</svg>