ol-base-components 3.4.5 → 3.4.7

package/src/package/index.js

@@ -1,243 +0,0 @@
-import OlTable, { OlDropdownPrint } from "./table";
-import OlSearch from "./formSearch";
-import OlCustomSearch from "./customSearch";
-import Dialog from "./dialog";
-import OlForm from "./form";
-import OlNumberRange from "./numberRange";
-import OlPrintModel from "./printModel";
-
-import OlPrint, { Hiprint } from "./print";
-
-import SwaggerClient from "swagger-client";
-
-const consoleTooltip = () => {
-  // 定义颜色和样式
-  const reset = "\x1b[0m"; // 重置样式
-  const green = "\x1b[32m"; // 绿色
-  const cyan = "\x1b[36m"; // 青色
-  const bold = "\x1b[1m"; // 粗体
-  const underline = "\x1b[4m"; // 下划线
-
-  // 定义图案
-  const star = "⭐";
-  const checkMark = "✔️";
-
-  // 输出成功提示
-  console.log(`
-${cyan}${bold}${star.repeat(
-    3
-  )}${green}${bold}${underline}ol-base-components 插件加载成功！ ${checkMark}
-${cyan}感谢使用我们的组件库，期待你的精彩应用！${reset}
-`);
-};
-const consoleSwagger = () => {
-  // 定义颜色和样式
-  const reset = "\x1b[0m"; // 重置样式
-  const green = "\x1b[32m"; // 绿色
-  const cyan = "\x1b[36m"; // 青色
-  const bold = "\x1b[1m"; // 粗体
-  const underline = "\x1b[4m"; // 下划线
-
-  // 定义图案
-  const star = "⭐";
-  const checkMark = "✔️";
-
-  // 输出成功提示
-  console.log(`
-${cyan}${bold}${star.repeat(
-    3
-  )}${green}${bold}${underline}ol-base-components swagger服务加载成功！ ${checkMark}
-`);
-};
-
-const DB_NAME = "SwaggerDB";
-const DB_VERSION = 1;
-const STORE_NAME = "swaggerDataStore";
-
-// 打开数据库
-function openDatabase() {
-  return new Promise((resolve, reject) => {
-    const request = indexedDB.open(DB_NAME, DB_VERSION);
-
-    request.onupgradeneeded = event => {
-      const db = event.target.result;
-      db.createObjectStore(STORE_NAME);
-    };
-
-    request.onsuccess = event => {
-      resolve(event.target.result);
-    };
-
-    request.onerror = event => {
-      reject(event.target.error);
-    };
-  });
-}
-
-// 存储数据
-function storeData(data) {
-  return openDatabase().then(db => {
-    return new Promise((resolve, reject) => {
-      const transaction = db.transaction(STORE_NAME, "readwrite");
-      const store = transaction.objectStore(STORE_NAME);
-      store.put(data, "swaggerData"); // 使用 'swaggerData' 作为键
-      transaction.oncomplete = () => resolve();
-      transaction.onerror = event => reject(event.target.error);
-    });
-  });
-}
-
-// 获取数据
-export function getData() {
-  return openDatabase().then(db => {
-    return new Promise((resolve, reject) => {
-      const transaction = db.transaction(STORE_NAME, "readonly");
-      const store = transaction.objectStore(STORE_NAME);
-      const request = store.get("swaggerData");
-
-      request.onsuccess = event => {
-        resolve(event.target.result);
-      };
-
-      request.onerror = event => {
-        reject(event.target.error);
-      };
-    });
-  });
-}
-
-// 清除数据
-function clearData() {
-  return openDatabase().then(db => {
-    return new Promise((resolve, reject) => {
-      const transaction = db.transaction(STORE_NAME, "readwrite");
-      const store = transaction.objectStore(STORE_NAME);
-      store.delete("swaggerData"); // 删除存储的数据
-      transaction.oncomplete = () => resolve();
-      transaction.onerror = event => reject(event.target.error);
-    });
-  });
-}
-
-// 注册
-const swaggerInstall = async swaggerUrl => {
-  if (!swaggerUrl) return Promise.reject(new Error("Swagger URL is required.")); // 检查 Swagger URL
-
-  // IndexedDB 获取 Swagger 数据
-  const cachedData = await getData();
-  if (cachedData) {
-    consoleSwagger();
-    return Promise.resolve(cachedData);
-  } else {
-    // 如果没有缓存数据，重新请求 Swagger 数据
-    try {
-      showLoading();
-      const client = await SwaggerClient(swaggerUrl);
-      const swaggerData = client.spec;
-      await storeData(swaggerData);
-      hideLoading();
-      consoleSwagger();
-      return Promise.resolve(swaggerData);
-    } catch (error) {
-      hideLoading();
-      console.error("获取 Swagger 数据失败:", error);
-      return Promise.reject(error);
-    }
-  }
-};
-// 销毁
-const swaggerUnload = async function () {
-  await clearData(); // 清空 IndexedDB 中的缓存数据
-};
-
-// 自定义加载指示器
-function showLoading() {
-  const style = document.createElement("style");
-  style.innerHTML = `
-     @keyframes spin {
-      0% { transform: rotate(0deg); }
-      100% { transform: rotate(360deg); }
-    }
-    #loading-spinner {
-      width: 50px; /* 调整大小 */
-      height: 50px; /* 调整大小 */
-      border: 8px solid rgba(255, 255, 255, 0.3);
-      border-top: 8px solid #a8c8e0; /* 与背景色协调的颜色 */
-      border-radius: 50%;
-      animation: spin 1s linear infinite; /* 添加旋转动画 */
-      margin-bottom: 10px; /* 图标和文本之间的间距 */
-    }
-    #loading {
-      background: linear-gradient(135deg, #a8c8e0, #f0f4f8); /* 更柔和的渐变背景 */
-      color: #333; /* 文本颜色 */
-      z-index:9999999;
-    }
-   `;
-  document.head.appendChild(style);
-
-  // 创建加载指示器
-  const loadingDiv = document.createElement("div");
-  loadingDiv.id = "loading";
-  loadingDiv.style.position = "fixed";
-  loadingDiv.style.top = "0";
-  loadingDiv.style.left = "0";
-  loadingDiv.style.width = "100%";
-  loadingDiv.style.height = "100%";
-  loadingDiv.style.display = "flex";
-  loadingDiv.style.flexDirection = "column";
-  loadingDiv.style.justifyContent = "center";
-  loadingDiv.style.alignItems = "center";
-
-  // 创建旋转的加载图标
-  const spinner = document.createElement("div");
-  spinner.id = "loading-spinner";
-  loadingDiv.appendChild(spinner);
-
-  // 添加文本
-  const loadingText = document.createElement("div");
-  loadingText.innerText = "初始化数据中，请耐心等待...";
-  loadingDiv.appendChild(loadingText);
-
-  document.body.appendChild(loadingDiv);
-}
-
-function hideLoading() {
-  const loadingDiv = document.getElementById("loading");
-  if (loadingDiv) {
-    document.body.removeChild(loadingDiv);
-  }
-}
-
-const components = [
-  OlTable,
-  OlDropdownPrint,
-  OlSearch,
-  OlCustomSearch,
-  Dialog,
-  OlForm,
-  OlNumberRange,
-  OlPrint,
-  OlPrintModel,
-];
-const install = async function (Vue, options) {
-  // 设置全局数据
-  components.map(item => {
-    Vue.component(`ol-${item.name}`, item);
-  });
-  Vue.prototype.$olBaseConfig = options || {};
-  consoleTooltip();
-};
-
-export default install;
-export {
-  OlTable,
-  OlDropdownPrint,
-  OlSearch,
-  OlCustomSearch,
-  Dialog,
-  OlForm,
-  OlNumberRange,
-  OlPrint,
-  OlPrintModel,
-};
-export { swaggerInstall, swaggerUnload, Hiprint };

package/src/package/numberRange/index.js

@@ -1,7 +0,0 @@
-import OlNumberRange from "./src/index.vue";
-
-OlNumberRange.install = function (Vue) {
-  Vue.component("ol-number-range ", OlNumberRange);
-};
-
-export default OlNumberRange;

package/src/package/numberRange/src/index.vue

@@ -1,351 +0,0 @@
-<template>
-  <div class="ol-number-range" :class="{ 'is-disabled': disabled }">
-    <el-input
-      ref="startInput"
-      v-model="startValue"
-      type="number"
-      :placeholder="startPlaceholder"
-      :min="min"
-      :max="max"
-      :disabled="disabled"
-      class="range-input start-input"
-      @blur="handleStartBlur"
-      @input="handleStartInput"
-      @keyup.enter.native="handleStartBlur"
-    />
-    <span class="range-separator">-</span>
-    <el-input
-      ref="endInput"
-      v-model="endValue"
-      type="number"
-      :placeholder="endPlaceholder"
-      :min="min"
-      :max="max"
-      :disabled="disabled"
-      class="range-input end-input"
-      @blur="handleEndBlur"
-      @input="handleEndInput"
-      @keyup.enter.native="handleEndBlur"
-    />
-    <i
-      v-if="clearable && !disabled && (startValue || endValue)"
-      class="el-icon-circle-close clear-icon"
-      @click="handleClear"
-    />
-  </div>
-</template>
-
-<script>
-export default {
-  name: "number-range",
-  props: {
-    value: {
-      type: Array,
-      default: () => [null, null],
-    },
-    min: {
-      type: Number,
-      default: 0,
-    },
-    max: {
-      type: Number,
-      default: 999999,
-    },
-    startPlaceholder: {
-      type: String,
-      default: "起始值",
-    },
-    endPlaceholder: {
-      type: String,
-      default: "终止值",
-    },
-    clearable: {
-      type: Boolean,
-      default: true,
-    },
-    // 是否启用默认填充最大最小值
-    autoFillDefault: {
-      type: Boolean,
-      default: false,
-    },
-    disabled: {
-      type: Boolean,
-      default: false,
-    },
-    // 数值精度,类似el-input-Number组件precision
-    precision: {
-      type: Number,
-      default: 0,
-      validator(val) {
-        return val === undefined || (Number.isInteger(val) && val >= 0);
-      },
-    },
-  },
-  data() {
-    return {
-      startValue: null,
-      endValue: null,
-    };
-  },
-  watch: {
-    value: {
-      handler(newVal) {
-        if (Array.isArray(newVal) && newVal.length === 2) {
-          this.startValue =
-            newVal[0] !== null && newVal[0] !== undefined
-              ? this.formatPrecision(Number(newVal[0]))
-              : null;
-          this.endValue =
-            newVal[1] !== null && newVal[1] !== undefined
-              ? this.formatPrecision(Number(newVal[1]))
-              : null;
-        } else {
-          this.startValue = null;
-          this.endValue = null;
-        }
-      },
-      immediate: true,
-      deep: true,
-    },
-  },
-  methods: {
-    // 格式化精度
-    formatPrecision(num) {
-      if (this.precision !== undefined && this.precision !== null) {
-        return Number(Number(num).toFixed(this.precision));
-      }
-      return num;
-    },
-    // 处理起始值输入
-    handleStartInput(val) {
-      if (this.disabled) return;
-      if (val === "" || val === null || val === undefined) {
-        this.startValue = null;
-      } else {
-        let num = Number(val);
-        // 限制在 min 和 max 范围内
-        if (num < this.min) {
-          num = this.min;
-        } else if (num > this.max) {
-          num = this.max;
-        }
-        // 应用精度
-        this.startValue = this.formatPrecision(num);
-      }
-      this.emitValue();
-    },
-    // 处理结束值输入
-    handleEndInput(val) {
-      if (this.disabled) return;
-      if (val === "" || val === null || val === undefined) {
-        this.endValue = null;
-      } else {
-        let num = Number(val);
-        // 限制在 min 和 max 范围内
-        if (num < this.min) {
-          num = this.min;
-        } else if (num > this.max) {
-          num = this.max;
-        }
-        // 应用精度
-        this.endValue = this.formatPrecision(num);
-      }
-      this.emitValue();
-    },
-    // 处理起始值失焦
-    handleStartBlur() {
-      if (this.disabled) return;
-      // 只有当启用自动填充默认值，且只输入了起始值，结束值才默认为最大值
-      if (this.autoFillDefault && this.startValue !== null && this.endValue === null) {
-        this.endValue = this.formatPrecision(this.max);
-      }
-      // 应用精度
-      if (this.startValue !== null) {
-        this.startValue = this.formatPrecision(this.startValue);
-      }
-      // 验证范围
-      this.validateRange();
-      this.emitValue();
-    },
-    // 处理结束值失焦
-    handleEndBlur() {
-      if (this.disabled) return;
-      // 只有当启用自动填充默认值，且只输入了结束值，起始值才默认为最小值
-      if (this.autoFillDefault && this.endValue !== null && this.startValue === null) {
-        this.startValue = this.formatPrecision(this.min);
-      }
-      // 应用精度
-      if (this.endValue !== null) {
-        this.endValue = this.formatPrecision(this.endValue);
-      }
-      // 验证范围
-      this.validateRange();
-      this.emitValue();
-    },
-    // 验证范围
-    validateRange() {
-      if (this.startValue !== null && this.endValue !== null) {
-        // 确保起始值不大于结束值
-        if (this.startValue > this.endValue) {
-          // 如果起始值大于结束值，交换它们
-          const temp = this.startValue;
-          this.startValue = this.formatPrecision(this.endValue);
-          this.endValue = this.formatPrecision(temp);
-        }
-      }
-    },
-    // 清空
-    handleClear() {
-      if (this.disabled) return;
-      this.startValue = null;
-      this.endValue = null;
-      this.emitValue();
-    },
-    // 触发 v-model 更新
-    emitValue() {
-      const result = [this.startValue, this.endValue];
-      this.$emit("input", result);
-      this.$emit("change", result);
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.ol-number-range {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  width: 100%;
-  background-color: #fff;
-  border: 1px solid #dcdfe6;
-  border-radius: 4px;
-  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  padding: 0 30px 0 10px;
-  box-sizing: border-box;
-  height: 32px;
-  line-height: 32px;
-
-  &:hover {
-    border-color: #c0c4cc;
-  }
-
-  &:focus-within {
-    border-color: #409eff;
-    outline: none;
-  }
-
-  .range-input {
-    flex: 1;
-    border: none;
-    background: transparent;
-    padding: 0;
-    height: 100%;
-    line-height: inherit;
-
-    ::v-deep .el-input__inner {
-      border: none;
-      padding: 0;
-      height: 100%;
-      line-height: inherit;
-      background: transparent;
-      text-align: center;
-      font-size: 14px;
-      color: #606266;
-
-      &:focus {
-        border: none;
-        outline: none;
-      }
-
-      &::placeholder {
-        color: #c0c4cc;
-      }
-    }
-
-    ::v-deep .el-input__inner::-webkit-outer-spin-button,
-    ::v-deep .el-input__inner::-webkit-inner-spin-button {
-      -webkit-appearance: none;
-      margin: 0;
-    }
-
-    ::v-deep .el-input__inner[type="number"] {
-      -moz-appearance: textfield;
-      appearance: textfield;
-    }
-  }
-
-  .start-input {
-    ::v-deep .el-input__inner {
-      text-align: center;
-    }
-  }
-
-  .end-input {
-    ::v-deep .el-input__inner {
-      text-align: center;
-    }
-  }
-
-  .range-separator {
-    flex-shrink: 0;
-    padding: 0 8px;
-    color: #c0c4cc;
-    font-size: 14px;
-    line-height: 1;
-  }
-
-  .clear-icon {
-    position: absolute;
-    right: 8px;
-    top: 50%;
-    transform: translateY(-50%);
-    cursor: pointer;
-    color: #c0c4cc;
-    font-size: 14px;
-    transition: color 0.2s;
-    z-index: 1;
-
-    &:hover {
-      color: #909399;
-    }
-  }
-}
-
-// 小尺寸适配
-::v-deep .el-form-item--small .ol-number-range {
-  padding: 0 30px 0 10px;
-  height: 28px;
-  line-height: 28px;
-
-  .range-input {
-    height: 28px;
-    line-height: 28px;
-
-    ::v-deep .el-input__inner {
-      height: 28px;
-      line-height: 28px;
-      font-size: 13px;
-    }
-  }
-}
-
-// 禁用状态
-.ol-number-range.is-disabled {
-  background-color: #f5f7fa;
-  border-color: #e4e7ed;
-  cursor: not-allowed;
-
-  .range-input {
-    ::v-deep .el-input__inner {
-      background-color: #f5f7fa;
-      color: #c0c4cc;
-      cursor: not-allowed;
-    }
-  }
-
-  .clear-icon {
-    display: none;
-  }
-}
-</style>

package/src/package/print/index.js

@@ -1,76 +0,0 @@
-import OlPrint from "./src/index.vue";
-
-// 方式1：组件方式注册
-OlPrint.install = function (Vue) {
-  Vue.component("ol-print", OlPrint);
-};
-
-// 方式2：插件方式注册（全局方法）
-let printInstance = null;
-let container = null;
-
-const Hiprint = {
-  install(Vue) {
-    const hiprint = function (options) {
-      const { printData, onPrintData, defaultTemplate, onSubmit, grid } = options || {};
-      // 销毁旧实例
-      if (printInstance) {
-        printInstance.$destroy();
-        if (container && container.parentNode) {
-          container.parentNode.removeChild(container);
-        }
-        printInstance = null;
-        container = null;
-      }
-
-      // 创建新实例
-      container = document.createElement("div");
-      document.body.appendChild(container);
-
-      const PrintComponent = Vue.extend(OlPrint);
-      const propsData = {
-        grid,
-      };
-      if (printData) {
-        propsData.printData = printData;
-      }
-      if (onPrintData) {
-        propsData.onPrintData = onPrintData;
-      }
-
-      if (defaultTemplate) {
-        propsData.defaultTemplate = defaultTemplate;
-      }
-
-      printInstance = new PrintComponent({
-        propsData,
-      });
-
-      // 监听 submit 事件
-      if (onSubmit && typeof onSubmit === "function") {
-        printInstance.$on("submit", json => {
-          onSubmit(json);
-        });
-      }
-
-      printInstance.$mount(container);
-
-      // 返回实例，方便外部调用
-      return printInstance;
-    };
-    Vue.prototype.$hiprint = hiprint;
-
-    // 快捷方法：直接打印
-    Vue.prototype.$hiprint.print = function (options) {
-      const instance = hiprint(options);
-      instance.print();
-      instance.$nextTick(() => {
-        instance.close();
-      });
-    };
-  },
-};
-
-// 导出组件和插件
-export { OlPrint, Hiprint };
-export default OlPrint;