general-basic-form 2.0.51 → 2.0.53

package/src/components/VBasic/select/index.vue

@@ -0,0 +1,37 @@
+<!--
+ * @Author: 陈德立*******419287484@qq.com
+ * @Date: 2023-11-08 18:03:42
+ * @LastEditTime: 2023-12-07 17:03:07
+ * @LastEditors: 陈德立*******419287484@qq.com
+ * @Github: https://github.com/Alan1034
+ * @Description: 
+ * @FilePath: \GeneralBasicForm\src\components\VBasic\select\index.vue
+ * 
+-->
+<script setup lang="ts">
+import { selectDefaultSetting } from "../../setting";
+import { ref, inject } from "vue";
+import { BasicFormComponentsProps } from "../../../types/componentsProps";
+const { item } = defineProps<{ item: any }>();
+const queryParams = inject("queryParams", {});
+const size = inject("size");
+const selectSetting = ref({
+  ...selectDefaultSetting,
+  ...item.selectSetting,
+  ...item.setting,
+});
+</script>
+
+<template>
+  <el-select
+    v-model="queryParams[item.prop]"
+    :size="size"
+    v-bind="selectSetting"
+  >
+    <el-option
+      v-for="dict in item.option || []"
+      :key="dict.value"
+      v-bind="dict"
+    />
+  </el-select>
+</template>

package/src/components/setting.ts

@@ -0,0 +1,28 @@
+/*
+ * @Author: 陈德立*******419287484@qq.com
+ * @Date: 2023-11-08 18:01:09
+ * @LastEditTime: 2023-12-07 17:03:11
+ * @LastEditors: 陈德立*******419287484@qq.com
+ * @Github: https://github.com/Alan1034
+ * @Description: 
+ * @FilePath: \GeneralBasicForm\src\components\setting.ts
+ * 
+ */
+export const inputDefaultSetting = {
+  placeholder: "请输入",
+  style: "width: 200px",
+  clearable: true,
+}
+export const datePackerDefaultSetting = {
+  style: "width: 227px",
+  "start-placeholder": "开始日期",
+  "end-placeholder": "结束日期",
+  type: "daterange",
+}
+
+export const selectDefaultSetting = {
+  placeholder: "请选择",
+  filterable: true,
+  clearable: true,
+  style: "width: 200px",
+}

package/src/index.ts

@@ -0,0 +1,30 @@
+/**
+ * @format
+ * @Author: 陈德立*******419287484@qq.com
+ * @Date: 2021-08-20 17:05:30
+ * @LastEditTime: 2024-09-04 18:57:56
+ * @LastEditors: 陈德立*******419287484@qq.com
+ * @Github: https://github.com/Alan1034
+ * @Description:
+ * @FilePath: \GeneralBasicForm\src\index.ts
+ */
+
+import GeneralBasicForm from "./GeneralBasicForm.vue";
+
+export const VGeneralBasicForm = GeneralBasicForm;
+
+import InfiniteScrollList from "./InfiniteScrollList.vue";
+
+export const VInfiniteScrollList = InfiniteScrollList;
+
+import Descriptions from "./Descriptions.vue";
+
+export const VDescriptions = Descriptions;
+
+import InputGraphicVerification from "./components/CustomCom/input-graphic-verification/index.vue";
+
+export const VInputGraphicVerification = InputGraphicVerification;
+
+import InputMobilecVerification from "./components/CustomCom/input-mobile-verification/index.vue";
+
+export const VInputMobilecVerification = InputMobilecVerification;

package/src/injectKey.ts

@@ -0,0 +1,2 @@
+
+export const formLoadingKey = Symbol()

package/src/types/basicFrom.ts

@@ -0,0 +1,63 @@
+export enum FormType {
+  /**
+   * @description: 输入框
+   * @return {*}
+   */
+  'input' = 'input',
+  /**
+   * @description: 输入框/图像验证码
+   * @return {*}
+   */
+  'input-graphic-verification' = 'input-graphic-verification',
+  /**
+   * @description: 输入框/手机验证码
+   * @return {*}
+   */
+  'input-mobile-verification' = 'input-mobile-verification',
+  /**
+   * @description: 分割线
+   * @return {*}
+   */
+  'divider' = 'divider',
+  /**
+   * @description: 选择器
+   * @return {*}
+   */
+  'select' = 'select',
+  /**
+   * @description: 级联选择器
+   * @return {*}
+   */
+  'cascader' = 'cascader',
+  /**
+   * @description: 日期选择器
+   * @return {*}
+   */
+  'date-picker' = 'date-picker',
+  /**
+   * @description: 数字输入框
+   * @return {*}
+   */
+  'input-number' = 'input-number',
+  /**
+   * @description: 单选框
+   * @return {*}
+   */
+  'radio' = 'radio',
+  /**
+   * @description: 自定义元素，插槽组件
+   * @return {*}
+   */
+  'form-item-slot'='form-item-slot',
+  /**
+   * @description: 多选框
+   * @return {*}
+   */
+  'checkbox'='checkbox',
+}
+
+export interface ItemType {
+  type: FormType;
+  // 扩展属性
+  [key: string]: any
+};

package/src/types/componentType.ts

@@ -0,0 +1,6 @@
+/** @format */
+
+export enum ComponentType {
+  "Ant Design Vue" = "Ant Design Vue",
+  "Element Plus" = "Element Plus",
+}

package/src/types/componentsProps.ts

@@ -0,0 +1,18 @@
+
+export interface BasicFormComponentsProps {
+  item: any;
+  // queryParams: Object | String;
+  // size:String;
+  // getList?:Function
+}
+
+
+export interface InputGraphicVerification {
+  graphicSrc?: any
+  graphicAlt?: string
+  getGraphic?: Function
+  key: string | number
+};
+export interface InputMobileVerification {
+  getSmscode: Function
+};

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "include": [
+    "public/index.d.ts",
+    "src/**/*",
+    "src/**/*.vue",
+    "public/*",
+  ],
+  "exclude": [],
+  "compilerOptions": {
+    "declaration": true,
+    "allowJs": true,
+    "composite": true
+  }
+}

package/vite.config.js

@@ -0,0 +1,123 @@
+import legacy from '@vitejs/plugin-legacy'
+import { fileURLToPath } from 'url'
+import { defineConfig, loadEnv, splitVendorChunkPlugin } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import { ViteImageOptimizer } from 'vite-plugin-image-optimizer';
+import path from 'path';
+const __filenameNew = fileURLToPath(import.meta.url)
+const __dirnameNew = path.dirname(__filenameNew)
+const resolve = (dir) => path.resolve(__dirnameNew, dir);
+// https://vitejs.dev/config/
+export default defineConfig(({ command, mode }) => {
+  // 根据当前工作目录中的 `mode` 加载 .env 文件
+  // 设置第三个参数为 '' 来加载所有环境变量，而不管是否有 `VITE_` 前缀。
+  const env = loadEnv(mode, process.cwd(), '')
+  // console.log(command)
+  // console.log(env)
+  // console.log(env.CURRENT_ENV)
+  // console.log(env.APP_ENV)
+  // console.log(env.VUE_APP_BASE_API)
+  return {
+    // vite环境变量配置
+    define: {
+      "CURRENT_ENV": JSON.stringify(env.CURRENT_ENV),
+    },
+    server: {
+      open: true,
+    },
+    resolve: {
+      alias: {
+        '@': resolve('src'),//路径化名
+      },
+
+      extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'],
+    },
+
+    plugins: [
+      /**
+       * @description: vite自带的文件分割配置
+       * @return {*}
+       */
+      {
+        ...splitVendorChunkPlugin(),
+        apply: 'build',
+      },
+      /**
+       * @description: 图片压缩插件
+       * @return {*}
+       */
+      {
+        ...ViteImageOptimizer({
+          /* pass your config */
+        }),
+        // enforce: 'pre',
+        apply: 'build',
+      },
+      /**
+       * @description: 兼容旧版本浏览器
+       * @return {*}
+       */
+      {
+        ...legacy({
+          targets: ['defaults'],
+        }),
+        apply: 'build',
+      },
+      vue(),
+      vueJsx(),
+    ],
+    css: {
+      preprocessorOptions: {
+        less: {
+          // 支持内联 JavaScript
+          javascriptEnabled: true,
+        },
+      },
+    },
+    /**
+     * @description: 打包时才调用
+     * @return {*}
+     */
+    build: {
+      lib: {
+        // Could also be a dictionary or array of multiple entry points
+        // 添加打包入口文件夹
+        entry: resolve(`${__dirnameNew}/src`, 'index.ts'),
+        // formats: ['es', 'cjs', 'umd', 'iife'],
+        name: 'Index',
+        // the proper extensions will be added
+        // fileName: (format) => `index.${format}.js`,
+        fileName: "index",
+      },
+      rollupOptions: {
+        // 确保外部化处理那些你不想打包进库的依赖
+        external: ['vue', 'vue-router', "element-plus"],
+        output: {
+          // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
+          globals: {
+            vue: 'Vue',
+            'vue-router': 'vue-router',
+            "element-plus": "element-plus",
+          },
+        },
+      },
+      // minify: 'terser',
+      //打包环境移除console.log，debugger
+      // terserOptions: {
+      //   compress: {
+      //     drop_console: true,
+      //     drop_debugger: true,
+      //   },
+      // },
+      //打包文件按照类型分文件夹显示（貌似会导致性能下降）
+      // rollupOptions: {
+      //   output: {
+      //     chunkFileNames: 'js/[name]-chunk-[hash:7].js',
+      //     entryFileNames: 'js/[name]-app-[hash:7].js',
+      //     assetFileNames: '[ext]/[name]-chunk-[hash:7].[ext]',
+      //   },
+      // },
+    },
+  }
+})