adtec-core-package 0.2.3 → 0.2.4

package/src/css/elementUI/var.scss

@@ -1,87 +1,87 @@
-// CSS3 var
-@use 'common/var' as *;
-@use 'mixins/var' as *;
-@use 'mixins/mixins' as *;
-
-// for better performance do not dynamically change the root variable if you really
-// do not need that, since this could introduce recalculation overhead for rendering.
-// https://lisilinhart.info/posts/css-variables-performance/
-
-// common
-:root {
-  @include set-css-var-value('color-white', $color-white);
-  @include set-css-var-value('color-black', $color-black);
-
-  // get rgb
-  @each $type in (primary, success, warning, danger, error, info) {
-    @include set-css-color-rgb($type);
-  }
-
-  // Typography
-  @include set-component-css-var('font-size', $font-size);
-  @include set-component-css-var('font-family', $font-family);
-
-  @include set-css-var-value('font-weight-primary', 500);
-  @include set-css-var-value('font-line-height-primary', 24px);
-
-  // z-index --el-index-#{$type}
-  @include set-component-css-var('index', $z-index);
-
-  // --el-border-radius-#{$type}
-  @include set-component-css-var('border-radius', $border-radius);
-
-  // Transition
-  // refer to this website to get the bezier motion function detail
-  // https://cubic-bezier.com/#p1,p2,p3,p4 (change px as your function parameter)
-  @include set-component-css-var('transition-duration', $transition-duration);
-
-  @include set-component-css-var('transition-function', $transition-function);
-  @include set-component-css-var('transition', $transition);
-
-  // common component size
-  @include set-component-css-var('component-size', $common-component-size);
-}
-
-// for light
-:root {
-  color-scheme: light;
-
-  // --el-color-#{$type}
-  // --el-color-#{$type}-light-{$i}
-  @each $type in (primary, success, warning, danger, error, info) {
-    @include set-css-color-type($colors, $type);
-  }
-
-  // color-scheme
-  // Background --el-bg-color-#{$type}
-  @include set-component-css-var('bg-color', $bg-color);
-  // --el-text-color-#{$type}
-  @include set-component-css-var('text-color', $text-color);
-  // --el-border-color-#{$type}
-  @include set-component-css-var('border-color', $border-color);
-  // Fill --el-fill-color-#{$type}
-  @include set-component-css-var('fill-color', $fill-color);
-
-  // Box-shadow
-  // --el-box-shadow-#{$type}
-  @include set-component-css-var('box-shadow', $box-shadow);
-  // Disable base
-  @include set-component-css-var('disabled', $disabled);
-
-  // overlay & mask
-  @include set-component-css-var('overlay-color', $overlay-color);
-  @include set-component-css-var('mask-color', $mask-color);
-
-  // Border
-  @include set-css-var-value('border-width', $border-width);
-  @include set-css-var-value('border-style', $border-style);
-  @include set-css-var-value('border-color-hover', $border-color-hover);
-  @include set-css-var-value(
-    'border',
-    getCssVar('border-width') getCssVar('border-style')
-      getCssVar('border-color')
-  );
-
-  // Svg
-  @include css-var-from-global('svg-monochrome-grey', 'border-color');
-}
+// CSS3 var
+@use 'common/var' as *;
+@use 'mixins/var' as *;
+@use 'mixins/mixins' as *;
+
+// for better performance do not dynamically change the root variable if you really
+// do not need that, since this could introduce recalculation overhead for rendering.
+// https://lisilinhart.info/posts/css-variables-performance/
+
+// common
+:root {
+  @include set-css-var-value('color-white', $color-white);
+  @include set-css-var-value('color-black', $color-black);
+
+  // get rgb
+  @each $type in (primary, success, warning, danger, error, info) {
+    @include set-css-color-rgb($type);
+  }
+
+  // Typography
+  @include set-component-css-var('font-size', $font-size);
+  @include set-component-css-var('font-family', $font-family);
+
+  @include set-css-var-value('font-weight-primary', 500);
+  @include set-css-var-value('font-line-height-primary', 24px);
+
+  // z-index --el-index-#{$type}
+  @include set-component-css-var('index', $z-index);
+
+  // --el-border-radius-#{$type}
+  @include set-component-css-var('border-radius', $border-radius);
+
+  // Transition
+  // refer to this website to get the bezier motion function detail
+  // https://cubic-bezier.com/#p1,p2,p3,p4 (change px as your function parameter)
+  @include set-component-css-var('transition-duration', $transition-duration);
+
+  @include set-component-css-var('transition-function', $transition-function);
+  @include set-component-css-var('transition', $transition);
+
+  // common component size
+  @include set-component-css-var('component-size', $common-component-size);
+}
+
+// for light
+:root {
+  color-scheme: light;
+
+  // --el-color-#{$type}
+  // --el-color-#{$type}-light-{$i}
+  @each $type in (primary, success, warning, danger, error, info) {
+    @include set-css-color-type($colors, $type);
+  }
+
+  // color-scheme
+  // Background --el-bg-color-#{$type}
+  @include set-component-css-var('bg-color', $bg-color);
+  // --el-text-color-#{$type}
+  @include set-component-css-var('text-color', $text-color);
+  // --el-border-color-#{$type}
+  @include set-component-css-var('border-color', $border-color);
+  // Fill --el-fill-color-#{$type}
+  @include set-component-css-var('fill-color', $fill-color);
+
+  // Box-shadow
+  // --el-box-shadow-#{$type}
+  @include set-component-css-var('box-shadow', $box-shadow);
+  // Disable base
+  @include set-component-css-var('disabled', $disabled);
+
+  // overlay & mask
+  @include set-component-css-var('overlay-color', $overlay-color);
+  @include set-component-css-var('mask-color', $mask-color);
+
+  // Border
+  @include set-css-var-value('border-width', $border-width);
+  @include set-css-var-value('border-style', $border-style);
+  @include set-css-var-value('border-color-hover', $border-color-hover);
+  @include set-css-var-value(
+    'border',
+    getCssVar('border-width') getCssVar('border-style')
+      getCssVar('border-color')
+  );
+
+  // Svg
+  @include css-var-from-global('svg-monochrome-grey', 'border-color');
+}

package/src/css/elementUI/virtual-list.scss

@@ -1,40 +1,40 @@
-@use 'mixins/mixins' as *;
-@use 'common/var' as *;
-
-@mixin showScrollbar {
-  @include b(virtual-scrollbar) {
-    opacity: 1;
-  }
-}
-
-@include b(vl) {
-  @include e(wrapper) {
-    position: relative;
-    &:hover {
-      @include showScrollbar();
-    }
-    &.always-on {
-      @include showScrollbar();
-    }
-  }
-}
-
-.#{$namespace}-vl__window {
-  scrollbar-width: none;
-  &::-webkit-scrollbar {
-    display: none;
-  }
-}
-@include b(virtual-scrollbar) {
-  opacity: 0;
-  transition: opacity 340ms ease-out;
-  &.always-on {
-    opacity: 1;
-  }
-}
-
-@include b(vg) {
-  @include e(wrapper) {
-    position: relative;
-  }
-}
+@use 'mixins/mixins' as *;
+@use 'common/var' as *;
+
+@mixin showScrollbar {
+  @include b(virtual-scrollbar) {
+    opacity: 1;
+  }
+}
+
+@include b(vl) {
+  @include e(wrapper) {
+    position: relative;
+    &:hover {
+      @include showScrollbar();
+    }
+    &.always-on {
+      @include showScrollbar();
+    }
+  }
+}
+
+.#{$namespace}-vl__window {
+  scrollbar-width: none;
+  &::-webkit-scrollbar {
+    display: none;
+  }
+}
+@include b(virtual-scrollbar) {
+  opacity: 0;
+  transition: opacity 340ms ease-out;
+  &.always-on {
+    opacity: 1;
+  }
+}
+
+@include b(vg) {
+  @include e(wrapper) {
+    position: relative;
+  }
+}

package/src/interface/enum/FlexEnum.ts

@@ -1,85 +1,85 @@
-/**
- * Create by丁盼
- * 说明: FlexEnum.ts
- * 创建时间: 2024/9/5 下午3:29
- * 修改时间: 2024/9/5 下午3:29
- */
-/**
- * flex横向布局枚举
- */
-export  enum justifyContentEnum {
-  /**
-   * 子元素在容器内左对齐
-   */
-  flexStart = 'flex-start',
-  /**
-   * 子元素在容器内居中
-   */
-  center = 'center',
-  /**
-   * 子元素在容器内右对齐
-   */
-  flexEnd = 'flex-end',
-  /**
-   *
-   * 子元素在容器内分散对齐，第一个元素在开始，最后一个元素在末尾
-   */
-  spaceBetween = 'space-between',
-  /**
-   * 子元素在容器内分散对齐，相对于容器两端有相等的空间
-   */
-  spaceAround = 'space-around',
-  /**
-   * 子元素在容器内分散对齐，相邻元素之间的空间相等
-   */
-  spaceEvenly = 'space-evenly'
-}
-/**
- * flex布局纵向枚举
- */
-export enum alignItemsEnum {
-  /**
-   *居上对齐
-   */
-  flexStart = 'flex-start',
-  /**
-   * 居中对齐
-   */
-  center = 'center',
-  /**
-   * 局下对齐
-   */
-  flexEnd = 'flex-end'
-}
-
-/**
- * 是否允许换行
- */
-export enum flexWrapEnum {
-  /**
-   * 默认不换行,元素可能会溢出
-   */
-  nowrap = 'nowrap',
-  /**
-   * 换行显示
-   */
-  wrap = 'wrap',
-  /**
-   * 换行显示，与wrap元素位置调换
-   */
-  wrapReverse = 'wrap-reverse'
-}
-export enum gapEnum {
-  /**
-   * 8px
-   */
-  small = '8px',
-  /**
-   * 16px
-   */
-  middle = '16px',
-  /**
-   * 24px
-   */
-  large = '24px'
-}
+/**
+ * Create by丁盼
+ * 说明: FlexEnum.ts
+ * 创建时间: 2024/9/5 下午3:29
+ * 修改时间: 2024/9/5 下午3:29
+ */
+/**
+ * flex横向布局枚举
+ */
+export  enum justifyContentEnum {
+  /**
+   * 子元素在容器内左对齐
+   */
+  flexStart = 'flex-start',
+  /**
+   * 子元素在容器内居中
+   */
+  center = 'center',
+  /**
+   * 子元素在容器内右对齐
+   */
+  flexEnd = 'flex-end',
+  /**
+   *
+   * 子元素在容器内分散对齐，第一个元素在开始，最后一个元素在末尾
+   */
+  spaceBetween = 'space-between',
+  /**
+   * 子元素在容器内分散对齐，相对于容器两端有相等的空间
+   */
+  spaceAround = 'space-around',
+  /**
+   * 子元素在容器内分散对齐，相邻元素之间的空间相等
+   */
+  spaceEvenly = 'space-evenly'
+}
+/**
+ * flex布局纵向枚举
+ */
+export enum alignItemsEnum {
+  /**
+   *居上对齐
+   */
+  flexStart = 'flex-start',
+  /**
+   * 居中对齐
+   */
+  center = 'center',
+  /**
+   * 局下对齐
+   */
+  flexEnd = 'flex-end'
+}
+
+/**
+ * 是否允许换行
+ */
+export enum flexWrapEnum {
+  /**
+   * 默认不换行,元素可能会溢出
+   */
+  nowrap = 'nowrap',
+  /**
+   * 换行显示
+   */
+  wrap = 'wrap',
+  /**
+   * 换行显示，与wrap元素位置调换
+   */
+  wrapReverse = 'wrap-reverse'
+}
+export enum gapEnum {
+  /**
+   * 8px
+   */
+  small = '8px',
+  /**
+   * 16px
+   */
+  middle = '16px',
+  /**
+   * 24px
+   */
+  large = '24px'
+}

package/src/main.ts

@@ -1,14 +1,14 @@
-import './assets/main.css'
-
-import { createApp } from 'vue'
-import { createPinia } from 'pinia'
-
-import App from './App.vue'
-import router from './router'
-
-const app = createApp(App)
-
-app.use(createPinia())
-app.use(router)
-
-app.mount('#app')
+import './assets/main.css'
+
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+
+import App from './App.vue'
+import router from './router'
+
+const app = createApp(App)
+
+app.use(createPinia())
+app.use(router)
+
+app.mount('#app')

package/src/mixin/globalMixin.ts

@@ -1,34 +1,31 @@
-/**
- * 创建人：丁盼
- * 说明: 全局混入
- * 创建时间: 2024/8/29 下午2:31
- * 修改时间: 2024/8/29 下午2:31
- */
-import operationAuth from '../components/OperationAuth/operationAuth.vue'
-import ElFlex from '../components/ElFlex/ElFlex.vue'
-import ElSearch from '../components/Search/ElSearch.vue'
-import ElTitle from '../components/Title/ElTitle.vue'
-import ElIcons from '../components/icon/ElIcons.vue'
-import ElIconBtn from '../components/icon/ElIconBtn.vue'
-import ElIconSearch from '../components/Search/ElIconSearch.vue'
-import ElTableColumnEdit from '../components/Table/ElTableColumnEdit.vue'
-import vKeydown from '../directives/vKeydown'
-import ElAutoToolTip from '../components/autoToolTip/ElAutoToolTip.vue'
-import userSelect from '../components/business/userSelect.vue'
-//@ts-ignore
-export const globalMixin = {
-  components: {
-    operationAuth,
-    ElFlex,
-    ElSearch,
-    ElTitle,
-    ElIcons,
-    ElIconBtn,
-    ElIconSearch,
-    ElTableColumnEdit,
-    ElAutoToolTip,userSelect
-  },
-  directives: {
-    keydown: vKeydown,
-  },
-}
+/**
+ * 创建人：丁盼
+ * 说明: 全局混入
+ * 创建时间: 2024/8/29 下午2:31
+ * 修改时间: 2024/8/29 下午2:31
+ */
+import operationAuth from '../components/OperationAuth/operationAuth.vue'
+import ElFlex from '../components/ElFlex/ElFlex.vue'
+import ElSearch from '../components/Search/ElSearch.vue'
+import ElTitle from '../components/Title/ElTitle.vue'
+import ElIcons from '../components/icon/ElIcons.vue'
+import ElIconBtn from '../components/icon/ElIconBtn.vue'
+import ElIconSearch from '../components/Search/ElIconSearch.vue'
+import ElTableColumnEdit from '../components/Table/ElTableColumnEdit.vue'
+import vKeydown from '../directives/vKeydown'
+//@ts-ignore
+export const globalMixin = {
+  components: {
+    operationAuth,
+    ElFlex,
+    ElSearch,
+    ElTitle,
+    ElIcons,
+    ElIconBtn,
+    ElIconSearch,
+    ElTableColumnEdit
+  },
+  directives:{
+    "keydown":vKeydown
+  }
+}

package/src/router/index.ts

@@ -1,23 +1,23 @@
-import { createRouter, createWebHistory } from 'vue-router'
-import HomeView from '../views/HomeView.vue'
-
-const router = createRouter({
-  history: createWebHistory(import.meta.env.BASE_URL),
-  routes: [
-    {
-      path: '/',
-      name: 'home',
-      component: HomeView,
-    },
-    {
-      path: '/about',
-      name: 'about',
-      // route level code-splitting
-      // this generates a separate chunk (About.[hash].js) for this route
-      // which is lazy-loaded when the route is visited.
-      component: () => import('../views/AboutView.vue'),
-    },
-  ],
-})
-
-export default router
+import { createRouter, createWebHistory } from 'vue-router'
+import HomeView from '../views/HomeView.vue'
+
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes: [
+    {
+      path: '/',
+      name: 'home',
+      component: HomeView,
+    },
+    {
+      path: '/about',
+      name: 'about',
+      // route level code-splitting
+      // this generates a separate chunk (About.[hash].js) for this route
+      // which is lazy-loaded when the route is visited.
+      component: () => import('../views/AboutView.vue'),
+    },
+  ],
+})
+
+export default router

package/src/utils/encrypt.ts

@@ -1,10 +1,10 @@
-import JSEncrypt from 'jsencrypt'
-export default {
-  encrypt(data: string): string {
-    // 读取解析pem格式的秘钥, 生成秘钥实例 (RSAKey)
-    const pk = `MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAiDRlNQzjeuGxJoXmD1O5fZR/BxmEUdngGQKkFPLshR7x4AZR4gcH9PZu4phJUmZ1F/TEL6BwY0dqIVBQgjhwY4ypKOviCFD85H6dgOzaQ/Akl6QfSpP717vYPgeDC+P1+2+205qoQPyQ7+RiQYgnjyDs8TeVQ3nRaTC+XvxjyS06kIpbobMP5texJ74O96JMSZv6u6QBz+vq7lW0oWMowezWOyv9k+bHfqxUxlvw1gD7WrG3DKy8K9qba3mKJ4SQDJ5kKQ+C4Bb5PakiVB4XTJzNqbXWdQvRs0ZP8TgOJKIkTemjjyTxfa0HSp0U9iHAGBBPt25wc0s8dz4w45mOvQIDAQAB`
-    const jsEncrypt = new JSEncrypt()
-    jsEncrypt.setPublicKey(pk)
-    return jsEncrypt.encrypt(data).toString()
-  }
-}
+import JSEncrypt from 'jsencrypt'
+export default {
+  encrypt(data: string): string {
+    // 读取解析pem格式的秘钥, 生成秘钥实例 (RSAKey)
+    const pk = `MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAiDRlNQzjeuGxJoXmD1O5fZR/BxmEUdngGQKkFPLshR7x4AZR4gcH9PZu4phJUmZ1F/TEL6BwY0dqIVBQgjhwY4ypKOviCFD85H6dgOzaQ/Akl6QfSpP717vYPgeDC+P1+2+205qoQPyQ7+RiQYgnjyDs8TeVQ3nRaTC+XvxjyS06kIpbobMP5texJ74O96JMSZv6u6QBz+vq7lW0oWMowezWOyv9k+bHfqxUxlvw1gD7WrG3DKy8K9qba3mKJ4SQDJ5kKQ+C4Bb5PakiVB4XTJzNqbXWdQvRs0ZP8TgOJKIkTemjjyTxfa0HSp0U9iHAGBBPt25wc0s8dz4w45mOvQIDAQAB`
+    const jsEncrypt = new JSEncrypt()
+    jsEncrypt.setPublicKey(pk)
+    return jsEncrypt.encrypt(data).toString()
+  }
+}