@jari-ace/element-plus-component 0.1.10 → 0.2.0

package/theme-style/styles/theme-var.scss

@@ -1,72 +1,72 @@
-@use 'sass:map';
-
-/* 本文件参照element-plus 的变量文件(element-plus/theme-chalk/src/common/var.scss)编写 ，必要时可以替换或定制element-plus主题 */
-@import '../../node_modules/element-plus/theme-chalk/src/common/var.scss';
-
-
-/**
-可在 vite.config.ts 中加入
- css: {
-    preprocessorOptions: {
-        scss: {
-            additionalData: `@import "@jari-ace/element-plus-component/theme-style/style/theme-var.scss";`
-        }
-    }
-}
-加入以上配置后在全局都可以使用本文件里定义的变量
-**/
-// $ace-colors:(color1:#253858,color2:#505F79,color3:#7A869A,color4:#A5ADBA,color5:#DFE1E6,color6:#F4F5F7);
-
-// :root{
-//     @each $name,$color in $ace-colors {
-//         --ace-install-system-#{$name}:#{$color};
-//     }
-// }
-
-
-/***************************************************************************************
-    定义一个自己的变量空间
-    可以将其添加到自定义命名空间，默认值为'el'
-**/
-// @forward "element-plus/theme-chalk/src/mixins/config.scss" with (
-//   $namespace: "ep"
-// );
-/**************************************** END ***********************************************/
-
-
-/***************************************************************************************
-    覆盖 element-plus 部分变量
-    你应该在scss中使用它们，因为我们用sass来计算。
-**/
-// 注释下一行以使用默认颜色
-// @forward "element-plus/theme-chalk/src/common/var.scss" with (
-//   // 变量命名必须相同，它将覆盖element-plus的样式变量。
-//   $colors: $--colors,
-//   $button-padding-horizontal: ("default": 50px)
-// );
-/**************************************** END ***********************************************/
-
-
-/***************************************************************************************
-    如果要导入所有element-plus变量
-**/
-// @use "element-plus/theme-chalk/src/index.scss" as *;
-
-// 您可以对其进行注释以隐藏调试信息.
-// @debug $--colors;
-/**************************************** END ***********************************************/
-
-
-/***************************************************************************************
-    自定义暗色主题变量
-**/
-// custom dark variables
-// $--colors: (
-//   "primary": (
-//     "base": #589ef8,
-//   ),
-// );
-// @forward "element-plus/theme-chalk/src/dark/var.scss" with (
-//   $colors: $--colors
-// );
-/**************************************** END ***********************************************/
+@use 'sass:map';
+
+/* 本文件参照element-plus 的变量文件(element-plus/theme-chalk/src/common/var.scss)编写 ，必要时可以替换或定制element-plus主题 */
+@import '../../node_modules/element-plus/theme-chalk/src/common/var.scss';
+
+
+/**
+可在 vite.config.ts 中加入
+ css: {
+    preprocessorOptions: {
+        scss: {
+            additionalData: `@import "@jari-ace/element-plus-component/theme-style/style/theme-var.scss";`
+        }
+    }
+}
+加入以上配置后在全局都可以使用本文件里定义的变量
+**/
+// $ace-colors:(color1:#253858,color2:#505F79,color3:#7A869A,color4:#A5ADBA,color5:#DFE1E6,color6:#F4F5F7);
+
+// :root{
+//     @each $name,$color in $ace-colors {
+//         --ace-install-system-#{$name}:#{$color};
+//     }
+// }
+
+
+/***************************************************************************************
+    定义一个自己的变量空间
+    可以将其添加到自定义命名空间，默认值为'el'
+**/
+// @forward "element-plus/theme-chalk/src/mixins/config.scss" with (
+//   $namespace: "ep"
+// );
+/**************************************** END ***********************************************/
+
+
+/***************************************************************************************
+    覆盖 element-plus 部分变量
+    你应该在scss中使用它们，因为我们用sass来计算。
+**/
+// 注释下一行以使用默认颜色
+// @forward "element-plus/theme-chalk/src/common/var.scss" with (
+//   // 变量命名必须相同，它将覆盖element-plus的样式变量。
+//   $colors: $--colors,
+//   $button-padding-horizontal: ("default": 50px)
+// );
+/**************************************** END ***********************************************/
+
+
+/***************************************************************************************
+    如果要导入所有element-plus变量
+**/
+// @use "element-plus/theme-chalk/src/index.scss" as *;
+
+// 您可以对其进行注释以隐藏调试信息.
+// @debug $--colors;
+/**************************************** END ***********************************************/
+
+
+/***************************************************************************************
+    自定义暗色主题变量
+**/
+// custom dark variables
+// $--colors: (
+//   "primary": (
+//     "base": #589ef8,
+//   ),
+// );
+// @forward "element-plus/theme-chalk/src/dark/var.scss" with (
+//   $colors: $--colors
+// );
+/**************************************** END ***********************************************/

package/theme-style/styles/transition.scss

@@ -1,122 +1,122 @@
-@use '../mixins/config' as *;
-@use '../mixins/mixins' as *;
-
-.fade-in-linear-enter-active,
-.fade-in-linear-leave-active {
-  transition: getCssVar('transition-fade', 'linear');
-}
-
-.fade-in-linear-enter-from,
-.fade-in-linear-leave-to {
-  opacity: 0;
-}
-
-.#{$namespace}-fade-in-linear-enter-active,
-.#{$namespace}-fade-in-linear-leave-active {
-  transition: getCssVar('transition-fade', 'linear');
-}
-.#{$namespace}-fade-in-linear-enter-from,
-.#{$namespace}-fade-in-linear-leave-to {
-  opacity: 0;
-}
-
-.#{$namespace}-fade-in-enter-active,
-.#{$namespace}-fade-in-leave-active {
-  transition: all getCssVar('transition-duration') cubic-bezier(0.55, 0, 0.1, 1);
-}
-.#{$namespace}-fade-in-enter-from,
-.#{$namespace}-fade-in-leave-active {
-  opacity: 0;
-}
-
-.#{$namespace}-zoom-in-center-enter-active,
-.#{$namespace}-zoom-in-center-leave-active {
-  transition: all getCssVar('transition-duration') cubic-bezier(0.55, 0, 0.1, 1);
-}
-.#{$namespace}-zoom-in-center-enter-from,
-.#{$namespace}-zoom-in-center-leave-active {
-  opacity: 0;
-  transform: scaleX(0);
-}
-
-.#{$namespace}-zoom-in-top-enter-active,
-.#{$namespace}-zoom-in-top-leave-active {
-  opacity: 1;
-  transform: scaleY(1);
-  transition: getCssVar('transition-md-fade');
-  transform-origin: center top;
-
-  &[data-popper-placement^='top'] {
-    transform-origin: center bottom;
-  }
-}
-.#{$namespace}-zoom-in-top-enter-from,
-.#{$namespace}-zoom-in-top-leave-active {
-  opacity: 0;
-  transform: scaleY(0);
-}
-
-.#{$namespace}-zoom-in-bottom-enter-active,
-.#{$namespace}-zoom-in-bottom-leave-active {
-  opacity: 1;
-  transform: scaleY(1);
-  transition: getCssVar('transition-md-fade');
-  transform-origin: center bottom;
-}
-.#{$namespace}-zoom-in-bottom-enter-from,
-.#{$namespace}-zoom-in-bottom-leave-active {
-  opacity: 0;
-  transform: scaleY(0);
-}
-
-.#{$namespace}-zoom-in-left-enter-active,
-.#{$namespace}-zoom-in-left-leave-active {
-  opacity: 1;
-  transform: scale(1, 1);
-  transition: getCssVar('transition-md-fade');
-  transform-origin: top left;
-}
-.#{$namespace}-zoom-in-left-enter-from,
-.#{$namespace}-zoom-in-left-leave-active {
-  opacity: 0;
-  transform: scale(0.45, 0.45);
-}
-
-.collapse-transition {
-  transition: getCssVar('transition-duration') height ease-in-out,
-    getCssVar('transition-duration') padding-top ease-in-out,
-    getCssVar('transition-duration') padding-bottom ease-in-out;
-}
-
-.#{$namespace}-collapse-transition-leave-active,
-.#{$namespace}-collapse-transition-enter-active {
-  transition: getCssVar('transition-duration') max-height ease-in-out,
-    getCssVar('transition-duration') padding-top ease-in-out,
-    getCssVar('transition-duration') padding-bottom ease-in-out;
-}
-
-.horizontal-collapse-transition {
-  transition: getCssVar('transition-duration') width ease-in-out,
-    getCssVar('transition-duration') padding-left ease-in-out,
-    getCssVar('transition-duration') padding-right ease-in-out;
-}
-
-.#{$namespace}-list-enter-active,
-.#{$namespace}-list-leave-active {
-  transition: all 1s;
-}
-
-.#{$namespace}-list-enter-from,
-.#{$namespace}-list-leave-to {
-  opacity: 0;
-  transform: translateY(-30px);
-}
-
-.#{$namespace}-list-leave-active {
-  position: absolute !important;
-}
-
-.#{$namespace}-opacity-transition {
-  transition: opacity getCssVar('transition-duration')
-    cubic-bezier(0.55, 0, 0.1, 1);
-}
+@use '../mixins/config' as *;
+@use '../mixins/mixins' as *;
+
+.fade-in-linear-enter-active,
+.fade-in-linear-leave-active {
+  transition: getCssVar('transition-fade', 'linear');
+}
+
+.fade-in-linear-enter-from,
+.fade-in-linear-leave-to {
+  opacity: 0;
+}
+
+.#{$namespace}-fade-in-linear-enter-active,
+.#{$namespace}-fade-in-linear-leave-active {
+  transition: getCssVar('transition-fade', 'linear');
+}
+.#{$namespace}-fade-in-linear-enter-from,
+.#{$namespace}-fade-in-linear-leave-to {
+  opacity: 0;
+}
+
+.#{$namespace}-fade-in-enter-active,
+.#{$namespace}-fade-in-leave-active {
+  transition: all getCssVar('transition-duration') cubic-bezier(0.55, 0, 0.1, 1);
+}
+.#{$namespace}-fade-in-enter-from,
+.#{$namespace}-fade-in-leave-active {
+  opacity: 0;
+}
+
+.#{$namespace}-zoom-in-center-enter-active,
+.#{$namespace}-zoom-in-center-leave-active {
+  transition: all getCssVar('transition-duration') cubic-bezier(0.55, 0, 0.1, 1);
+}
+.#{$namespace}-zoom-in-center-enter-from,
+.#{$namespace}-zoom-in-center-leave-active {
+  opacity: 0;
+  transform: scaleX(0);
+}
+
+.#{$namespace}-zoom-in-top-enter-active,
+.#{$namespace}-zoom-in-top-leave-active {
+  opacity: 1;
+  transform: scaleY(1);
+  transition: getCssVar('transition-md-fade');
+  transform-origin: center top;
+
+  &[data-popper-placement^='top'] {
+    transform-origin: center bottom;
+  }
+}
+.#{$namespace}-zoom-in-top-enter-from,
+.#{$namespace}-zoom-in-top-leave-active {
+  opacity: 0;
+  transform: scaleY(0);
+}
+
+.#{$namespace}-zoom-in-bottom-enter-active,
+.#{$namespace}-zoom-in-bottom-leave-active {
+  opacity: 1;
+  transform: scaleY(1);
+  transition: getCssVar('transition-md-fade');
+  transform-origin: center bottom;
+}
+.#{$namespace}-zoom-in-bottom-enter-from,
+.#{$namespace}-zoom-in-bottom-leave-active {
+  opacity: 0;
+  transform: scaleY(0);
+}
+
+.#{$namespace}-zoom-in-left-enter-active,
+.#{$namespace}-zoom-in-left-leave-active {
+  opacity: 1;
+  transform: scale(1, 1);
+  transition: getCssVar('transition-md-fade');
+  transform-origin: top left;
+}
+.#{$namespace}-zoom-in-left-enter-from,
+.#{$namespace}-zoom-in-left-leave-active {
+  opacity: 0;
+  transform: scale(0.45, 0.45);
+}
+
+.collapse-transition {
+  transition: getCssVar('transition-duration') height ease-in-out,
+    getCssVar('transition-duration') padding-top ease-in-out,
+    getCssVar('transition-duration') padding-bottom ease-in-out;
+}
+
+.#{$namespace}-collapse-transition-leave-active,
+.#{$namespace}-collapse-transition-enter-active {
+  transition: getCssVar('transition-duration') max-height ease-in-out,
+    getCssVar('transition-duration') padding-top ease-in-out,
+    getCssVar('transition-duration') padding-bottom ease-in-out;
+}
+
+.horizontal-collapse-transition {
+  transition: getCssVar('transition-duration') width ease-in-out,
+    getCssVar('transition-duration') padding-left ease-in-out,
+    getCssVar('transition-duration') padding-right ease-in-out;
+}
+
+.#{$namespace}-list-enter-active,
+.#{$namespace}-list-leave-active {
+  transition: all 1s;
+}
+
+.#{$namespace}-list-enter-from,
+.#{$namespace}-list-leave-to {
+  opacity: 0;
+  transform: translateY(-30px);
+}
+
+.#{$namespace}-list-leave-active {
+  position: absolute !important;
+}
+
+.#{$namespace}-opacity-transition {
+  transition: opacity getCssVar('transition-duration')
+    cubic-bezier(0.55, 0, 0.1, 1);
+}

package/dist/utils/formUtils.d.ts

@@ -1,7 +0,0 @@
-import { type FormRules } from "element-plus";
-/**
- * 合并 rules 方法
- * 将后端的rules合并到props.rules中
- */
-export declare function mergeRules(frontendRules: FormRules, backendRules: FormRules): FormRules;
-//# sourceMappingURL=formUtils.d.ts.map

package/dist/utils/formUtils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"formUtils.d.ts","sourceRoot":"","sources":["../../packages/utils/formUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAmB,MAAM,cAAc,CAAC;AAE9D;;;GAGG;AACH,wBAAgB,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,GAAG,SAAS,CAkDvF"}

package/dist/utils/formUtils.js

@@ -1,54 +0,0 @@
-import {} from "element-plus";
-/**
- * 合并 rules 方法
- * 将后端的rules合并到props.rules中
- */
-export function mergeRules(frontendRules, backendRules) {
-    //合并里面的rules
-    let newRules = {};
-    //浅拷贝
-    frontendRules = { ...frontendRules };
-    backendRules = { ...backendRules };
-    const frontendRulesKey = Object.keys(frontendRules);
-    const backendRulesKey = Object.keys(backendRules);
-    if (frontendRulesKey.length > 0 && backendRulesKey.length === 0) {
-        return frontendRules;
-    }
-    else if (frontendRulesKey.length === 0 && backendRulesKey.length > 0) {
-        return backendRules;
-    }
-    else if (frontendRulesKey.length === 0 && backendRulesKey.length === 0) {
-        return {};
-    }
-    else { //frontendRulesKey 和 backendRulesKey 都有值
-        backendRulesKey.forEach(key => {
-            //frontendRulesKey中是否存在key
-            if (frontendRulesKey.includes(key)) {
-                if (Array.isArray(frontendRules[key]) && Array.isArray(backendRules[key])) {
-                    newRules[key] = [...frontendRules[key], ...backendRules[key]];
-                }
-                //props.rules[key] 为对象 props.validator.rules[key]为数组
-                else if (!Array.isArray(frontendRules[key]) && Array.isArray(backendRules[key])) {
-                    newRules[key] = [frontendRules[key], ...backendRules[key]];
-                }
-                //props.rules[key] 为数组 props.validator.rules[key]为对象
-                else if (Array.isArray(frontendRules[key]) && !Array.isArray(backendRules[key])) {
-                    newRules[key] = [...frontendRules[key], backendRules[key]];
-                }
-                //判断当前key的值类型是否都为对象
-                else if (!Array.isArray(frontendRules[key]) && !Array.isArray(backendRules[key])) {
-                    newRules[key] = [frontendRules[key], backendRules[key]];
-                }
-            }
-            else {
-                newRules[key] = backendRules[key];
-            }
-            //删除对应的 key
-            delete frontendRules[key];
-            delete backendRules[key];
-        });
-        newRules = { ...newRules, ...frontendRules };
-        return newRules;
-    }
-}
-//# sourceMappingURL=formUtils.js.map

package/dist/utils/formUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formUtils.js","sourceRoot":"","sources":["../../packages/utils/formUtils.ts"],"names":[],"mappings":"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"}

package/packages/utils/formUtils.ts

@@ -1,57 +0,0 @@
-import {type FormRules,type FormItemRule} from "element-plus";
-
-/**
- * 合并 rules 方法
- * 将后端的rules合并到props.rules中
- */
-export function mergeRules(frontendRules: FormRules, backendRules: FormRules): FormRules {
-    //合并里面的rules
-    let newRules: FormRules = {}
-
-    //浅拷贝
-    frontendRules = {...frontendRules};
-    backendRules = {...backendRules};
-
-    const frontendRulesKey: string[] = Object.keys(frontendRules);
-    const backendRulesKey: string[] = Object.keys(backendRules);
-
-    if (frontendRulesKey.length > 0 && backendRulesKey.length === 0) {
-        return frontendRules;
-    } else if (frontendRulesKey.length === 0 && backendRulesKey.length > 0) {
-        return backendRules;
-    } else if (
-        frontendRulesKey.length === 0 && backendRulesKey.length === 0
-    ) {
-        return {}
-    } else {  //frontendRulesKey 和 backendRulesKey 都有值
-        backendRulesKey.forEach(key => {
-            //frontendRulesKey中是否存在key
-            if (frontendRulesKey.includes(key)) {
-                if (Array.isArray(frontendRules[key]) && Array.isArray(backendRules[key])) {
-                    newRules[key] = [...frontendRules[key] as FormItemRule[], ...backendRules[key] as FormItemRule[]];
-                }
-                //props.rules[key] 为对象 props.validator.rules[key]为数组
-                else if (!Array.isArray(frontendRules[key]) && Array.isArray(backendRules[key])) {
-                    newRules[key] = [frontendRules[key]  as FormItemRule, ...backendRules[key] as FormItemRule[]];
-                }
-                //props.rules[key] 为数组 props.validator.rules[key]为对象
-                else if (Array.isArray(frontendRules[key]) && !Array.isArray(backendRules[key])) {
-                    newRules[key] = [...frontendRules[key] as FormItemRule[], backendRules[key] as FormItemRule];
-                }
-                //判断当前key的值类型是否都为对象
-                else if (!Array.isArray(frontendRules[key]) && !Array.isArray(backendRules[key])) {
-                    newRules[key] = [frontendRules[key] as FormItemRule, backendRules[key] as FormItemRule];
-                }
-            } else {
-                newRules[key] = backendRules[key];
-            }
-            //删除对应的 key
-            delete frontendRules[key];
-            delete backendRules[key];
-        })
-        newRules = {...newRules, ...frontendRules};
-        return newRules;
-    }
-
-
-}