ol-base-components 2.4.1 → 2.5.1

package/src/api/api.js

@@ -1,4 +1,4 @@
-#!/usr/bin/env node
+#!/usr/bin/env node
 const fs = require("fs");
 const path = require("path");
 const SwaggerClient = require("swagger-client");
@@ -14,7 +14,6 @@ let defaultRemark = `/**
  * ⚠️  警告：此文件由脚本自动生成，请勿手动编辑！
  * ��  如需修改，请重新运行生成脚本
  * 📅  生成时间: ${new Date().toLocaleString()}
- * 
  */\n\n`;
 const spinnerChars = ["|", "/", "-", "\\"];
 let spinnerIndex = 0;

package/src/api/run.js

@@ -1,4 +1,4 @@
-#!/usr/bin/env node
+#!/usr/bin/env node
 const http = require("http");
 const fs = require("fs");
 const path = require("path");
@@ -10,6 +10,11 @@ const swaggerUrl = process.argv[2]
   : "";
 const outputPath = process.argv[3] || "src/api/swagger.js";
 
+let defaultRemark = `/**
+ * ⚠️  警告：此文件由脚本自动生成，请勿手动编辑！
+ * ��  如需修改，请重新运行生成脚本
+ * 📅  生成时间: ${new Date().toLocaleString()}
+ */\n\n`;
 const spinnerChars = ["|", "/", "-", "\\"];
 let spinnerIndex = 0;
 let dotCount = 0;
@@ -131,12 +136,7 @@ const generateApiModules = (swagger) => {
   }
 
   // 生成最终的输出字符串
-  let output = `/**
- * ⚠️  警告：此文件由脚本自动生成，请勿手动编辑！
- * ��  如需修改，请重新运行生成脚本
- * 📅  生成时间: ${new Date().toLocaleString()}
- * 
- */\n\n`;
+  let output = defaultRemark;
   for (const [moduleName, methods] of Object.entries(apiModules)) {
     const description = tags.find((e) => e.name === moduleName).description;
     output += `// ${description}\n`;

package/src/component/countCom.vue

@@ -0,0 +1,105 @@
+<template>
+  <div class="quantity-control">
+    <transition name="slide-fade">
+      <div
+        v-if="quantity > 0"
+        class="quantity-wrapper"
+      >
+        <button
+          class="btn minus"
+          @click="decrease"
+        >-</button>
+        <span class="quantity">{{ quantity }}</span>
+      </div>
+    </transition>
+    <button
+      class="btn plus addBtn"
+      @click="increase"
+    >+</button>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'QuantityControl',
+  props: {
+    value: {
+      type: Number,
+      default: 0
+    }
+  },
+  data() {
+    return {
+      quantity: this.value
+    };
+  },
+  watch: {
+    value(newVal) {
+      this.quantity = newVal;
+    },
+    quantity(newVal) {
+      this.$emit('input', newVal);
+    }
+  },
+  methods: {
+    increase() {
+      this.quantity++;
+    },
+    decrease() {
+      if (this.quantity > 0) {
+        this.quantity--;
+      }
+    }
+  }
+};
+</script>
+
+<style scoped>
+.quantity-control {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+.btn {
+  width: 30px;
+  height: 30px;
+  border: 1px solid #ccc;
+  background-color: #eee;
+  cursor: pointer;
+  font-size: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: background-color 0.3s ease;
+}
+
+.btn:hover {
+  background-color: #f0f0f0;
+}
+
+.addBtn {
+  z-index: 1000;
+}
+.quantity-wrapper {
+  display: flex;
+  align-items: center;
+}
+
+.quantity {
+  margin: 0 10px;
+  font-size: 16px;
+}
+
+/* 动画效果 */
+.slide-fade-enter-active,
+.slide-fade-leave-active {
+  transition: all 0.1s ease;
+}
+
+.slide-fade-enter,
+.slide-fade-leave-to {
+  opacity: 0;
+  transform: translateX(30px);
+}
+</style>

package/src/package/formSearch/src/index.vue

@@ -149,14 +149,15 @@
             size="small"
             type="primary"
             @click="handleSearch('formSearch')"
-          >查询
+            >查询
           </el-button>
           <el-button
             v-if="formSearchData.reset"
             plain
             size="small"
             @click="handleReset('formSearch')"
-          >重置</el-button>
+            >重置</el-button
+          >
           <el-button
             v-if="formSearchData.expendShow"
             plain
@@ -164,7 +165,8 @@
             :icon="expend ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"
             @click="handleExpend('formSearch')"
           >
-            {{ expend ? "收起" : "展开" }}</el-button>
+            {{ expend ? "收起" : "展开" }}</el-button
+          >
         </el-form-item>
       </el-form>
     </div>
@@ -187,7 +189,7 @@
 </template>
 
 <script>
-import { getData } from '../../index.js'
+import { getData } from "../../index.js";
 
 export default {
   name: "search",
@@ -252,7 +254,7 @@ export default {
   props: {
     url: {
       type: String,
-      default: '',
+      default: "",
     },
     formSearchData: {
       type: Object,
@@ -300,7 +302,7 @@ export default {
     };
   },
   async created() {
-    this.init()
+    this.init();
   },
   watch: {
     "formSearchData.value": {
@@ -317,43 +319,51 @@ export default {
   },
   methods: {
     async init() {
-      const swaggerData = await getData()
-      const swaggersearchColumns = swaggerData.paths[this.url].get.parameters || []
+      const swaggerData = await getData();
+      const swaggersearchColumns =
+        swaggerData.paths[this.url].get.parameters || [];
       swaggersearchColumns.forEach((item) => {
-        let tempItem = this.formSearchData.tableSearch.find(e => e.value.toLowerCase() === item.name.toLowerCase())
+        let tempItem = this.formSearchData.tableSearch.find(
+          (e) => e.value.toLowerCase() === item.name.toLowerCase()
+        );
         if (tempItem) {
           // 匹配到
-          tempItem = { ...item, ...tempItem }
+          tempItem = { ...item, ...tempItem };
         } else if (item.description) {
           // 未匹配到
           const pushItem = {
             value: item.name,
             label: item.description,
-            inputType: 'text',
-            props: {}
-          }
+            inputType: "text",
+            props: {},
+          };
           if (item.schema.enum && Array.isArray(item.schema.enum)) {
             //枚举值
-            pushItem.inputType = 'select'
-            pushItem.children = item.schema.enum.map(e => ({ key: e, value: e }))
-          } else if (item.schema.format === 'date-time') {
+            pushItem.inputType = "select";
+            pushItem.children = item.schema.enum.map((e) => ({
+              key: e,
+              value: e,
+            }));
+          } else if (item.schema.format === "date-time") {
             //日期
-            pushItem.inputType = 'picker'
-            pushItem.props.valueFormat = 'yyyy-MM-dd'
-            pushItem.props.format = 'yyyy/MM/dd'
-          } else if (item.schema && item.schema.type === 'string') {
-            pushItem.inputType = 'text'
+            pushItem.inputType = "picker";
+            pushItem.props.valueFormat = "yyyy-MM-dd";
+            pushItem.props.format = "yyyy/MM/dd";
+          } else if (item.schema && item.schema.type === "string") {
+            pushItem.inputType = "text";
           }
-          this.formSearchData.tableSearch.push(pushItem)
+          this.formSearchData.tableSearch.push(pushItem);
         }
-      })
+      });
 
-      const tableHasCreatedTime = this.formSearchData.tableSearch.some((e) => e.value === 'createdTime')
+      const tableHasCreatedTime = this.formSearchData.tableSearch.some(
+        (e) => e.value === "createdTime"
+      );
       if (!tableHasCreatedTime) {
         //  单独处理创建时间 就是BeginTime，EndTime
-        const requiredNames = ['BeginTime', 'EndTime'];
-        const hseCreatedTime = requiredNames.every(name =>
-          swaggersearchColumns.some(item => item.name === name)
+        const requiredNames = ["BeginTime", "EndTime"];
+        const hseCreatedTime = requiredNames.every((name) =>
+          swaggersearchColumns.some((item) => item.name === name)
         );
         if (hseCreatedTime) {
           this.formSearchData.tableSearch.push({
@@ -366,15 +376,19 @@ export default {
               endPlaceholder: "结束时间",
               placeholder: "选择时间范围",
               valueFormat: "yyyy-MM-dd HH:mm:ss",
-              format: "yyyy/MM/dd HH:mm:ss"
-            }
-          })
+              format: "yyyy/MM/dd HH:mm:ss",
+            },
+          });
         }
       }
-      this.findTableSearch = this.formSearchData.tableSearch.length > this.tableSearchSlice
-        ? this.formSearchData.tableSearch.slice(0, this.tableSearchSlice)
-        : this.formSearchData.tableSearch
-      console.log(`\x1b[36m\x1b[4mol插件-搜索框渲染`, this.formSearchData.tableSearch)
+      this.findTableSearch =
+        this.formSearchData.tableSearch.length > this.tableSearchSlice
+          ? this.formSearchData.tableSearch.slice(0, this.tableSearchSlice)
+          : this.formSearchData.tableSearch;
+      console.log(
+        `\x1b[36m\x1b[4mol插件-搜索框渲染`,
+        this.formSearchData.tableSearch
+      );
     },
     // 树形下拉
     getValue(val) {
@@ -389,7 +403,7 @@ export default {
         this.formSearch.BeginTime = null;
         this.formSearch.EndTime = null;
       }
-      const tempFormSearch = Object.assign({}, this.formSearch)
+      const tempFormSearch = Object.assign({}, this.formSearch);
       if (this.formSearchData.rules) {
         return this.$refs[formName].validate((valid) => {
           if (!valid) return false;
@@ -397,8 +411,7 @@ export default {
         });
       }
       this.$emit("handleSearch", tempFormSearch, item);
-      console.log(`\x1b[36m\x1b[4mol插件-搜索框查询`, tempFormSearch)
-
+      console.log(`\x1b[36m\x1b[4mol插件-搜索框查询`, tempFormSearch);
     },
     loadmore(obj) {
       this.$emit("loadmore", obj);
@@ -446,9 +459,9 @@ export default {
       this.expend = !this.expend; // 展开和收起
       this.findTableSearch = this.expend
         ? this.formSearchData.tableSearch.slice(
-          0,
-          this.formSearchData.tableSearch.length
-        )
+            0,
+            this.formSearchData.tableSearch.length
+          )
         : this.formSearchData.tableSearch.slice(0, this.tableSearchSlice);
 
       this.$emit("btnHandleExpend", this.expend);

package/src/package/table/src/TableColumn.vue

@@ -0,0 +1,80 @@
+<!-- src/package/table/src/TableColumn.vue -->
+<template>
+  <el-table-column
+    :key="`${column.prop}-${column.show}`"
+    v-if="shouldShow"
+    :label="column.label"
+    :prop="column.prop"
+    :min-width="column.minWidth || '150px'"
+    :show-overflow-tooltip="column.overHidden || true"
+    :type="column.type || 'normal'"
+    v-bind="{
+      align: 'center',
+      width: column.width,
+      fixed: column.fixed || false,
+      sortable: column.sortable || false,
+      ...column.attrs,
+    }"
+  >
+    <!-- 表头插槽 -->
+    <template v-slot:header>
+      <el-tooltip
+        v-if="column.prop"
+        :content="`${column.label} ${column.prop} ${column.show}`"
+        placement="top"
+      >
+        <span>{{ column.label }}</span>
+      </el-tooltip>
+      <!-- 多级表头无prop无需提示 -->
+      <span v-else>{{ column.label }}</span>
+    </template>
+
+    <!-- 递归渲染子列 -->
+    <template v-if="column.children && column.children.length">
+      <TableColumn v-for="(child, idx) in column.children" :key="idx" :column="child">
+        <!-- 透传插槽 -->
+        <template v-for="(slotFn, name) in $scopedSlots" v-slot:[name]="slotProps">
+          <slot :name="name" v-bind="slotProps" />
+        </template>
+      </TableColumn>
+    </template>
+    <!-- 内容插槽：自定义渲染 -->
+    <template v-else-if="column.render" v-slot="scope">
+      <render-dom :render="() => column.render(scope.row)" />
+    </template>
+    <template v-else-if="column.renderSlot" v-slot="scope">
+      <slot :row="scope.row" :name="column.prop" />
+    </template>
+  </el-table-column>
+</template>
+<script>
+  export default {
+    name: "TableColumn",
+    components: {
+      renderDom: {
+        functional: true,
+        props: { render: Function },
+        render(h, ctx) {
+          return <div>{ctx.props.render()}</div>;
+        },
+      },
+      TableColumn: null, // 递归自身，见下方
+    },
+    props: {
+      column: { type: Object, required: true },
+    },
+    data() {
+      return {};
+    },
+    // beforeCreate() {
+    //   // 递归注册自身
+    //   this.$options.components.TableColumn = require("./TableColumn.vue").default;
+    // },
+    computed: {
+      shouldShow() {
+        if (this.column.hasOwnProperty("show")) return this.column.show;
+        return true;
+      },
+    },
+  };
+</script>