general-basic-form 2.0.53 → 2.0.55

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

@@ -1,67 +0,0 @@
-<!--
- * @Author: 陈德立*******419287484@qq.com
- * @Date: 2024-09-04 19:17:23
- * @LastEditTime: 2024-09-10 09:51:10
- * @LastEditors: 陈德立*******419287484@qq.com
- * @Github: https://github.com/Alan1034
- * @Description: 
- * @FilePath: \GeneralBasicForm\src\components\VBasic\input\index.vue
- * 
--->
-<template>
-  <el-input @keydown.enter="getList" v-model="queryParams[item.prop]" :size="size" v-bind="inputSetting">
-    <template v-for="(templateEle, name) in item.template" #[name]>
-      <component :key="name" v-if="templateEle" :is="currentInputComponent()" :templateEle="templateEle" />
-    </template>
-  </el-input>
-</template>
-
-<script lang="ts">
-import { defineComponent, inject } from "vue";
-import { inputDefaultSetting } from "../../setting";
-export default defineComponent({
-  components: {
-    InputArchive: (props) => {
-      const { templateEle } = props;
-      return templateEle();
-    },
-  },
-  props: {
-    item: null, // null就是any
-  },
-  setup() {
-    const queryParams = inject("queryParams", {});
-    const getList = inject("getList");
-    const size = inject("size", 'default');
-    return { queryParams, getList, size };
-  },
-  data() {
-    return {
-      inputSetting: {
-        ...inputDefaultSetting,
-        ...this.item.inputSetting,
-        ...this.item.setting,
-      },
-    };
-  },
-  // created() {
-  //   console.log("new", this.item);
-  //   console.log("new", this.inputSetting);
-  // },
-  methods: {
-    currentInputComponent() {
-      return "input-archive";
-    },
-  },
-  // watch: {
-  //   item(val) {
-  //     console.log("item", val);
-  //   },
-  //   size(val) {
-  //     console.log(val);
-  //   },
-  // },
-});
-</script>
-
-<style></style>

package/src/components/VBasic/input-number/index.vue

@@ -1,31 +0,0 @@
-<!--
- * @Author: 陈德立*******419287484@qq.com
- * @Date: 2023-11-08 18:03:42
- * @LastEditTime: 2023-11-14 15:35:38
- * @LastEditors: 陈德立*******419287484@qq.com
- * @Github: https://github.com/Alan1034
- * @Description: 
- * @FilePath: \GeneralBasicForm\src\components\VBasic\input-number\index.vue
- * 
--->
-<script setup lang="ts">
-import { inputDefaultSetting } 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 inputSetting = ref({
-  ...inputDefaultSetting,
-  ...item.inputSetting,
-  ...item.setting,
-});
-</script>
-
-<template>
-  <el-input-number
-    v-model="queryParams[item.prop]"
-    :size="size"
-    v-bind="inputSetting"
-  />
-</template>

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

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

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

@@ -1,37 +0,0 @@
-<!--
- * @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

@@ -1,28 +0,0 @@
-/*
- * @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

@@ -1,30 +0,0 @@
-/**
- * @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

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

package/src/types/basicFrom.ts

@@ -1,63 +0,0 @@
-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

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

package/src/types/componentsProps.ts

@@ -1,18 +0,0 @@
-
-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

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

package/vite.config.js

@@ -1,123 +0,0 @@
-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]',
-      //   },
-      // },
-    },
-  }
-})