@weitutech/by-components 1.1.87 → 1.1.89

package/lib/by-components.common.js

@@ -60506,6 +60506,8 @@ __webpack_require__.d(__webpack_exports__, {
   ByCommonSelector: function() { return /* reexport */ ByCommonSelector; },
   ByCustomDatePicker: function() { return /* reexport */ custom_date_picker; },
   ByDatePickerRange: function() { return /* reexport */ date_picker_range; },
+  ByDialog: function() { return /* reexport */ ByDialog; },
+  ByDialogService: function() { return /* reexport */ by_dialog_ByDialogService; },
   ByFoldSearch: function() { return /* reexport */ fold_search; },
   ByForm: function() { return /* reexport */ form_form; },
   ByPageSearch: function() { return /* reexport */ page_search; },
@@ -76930,6 +76932,207 @@ var ByTreeSearch_component = normalizeComponent(
 )
 
 /* harmony default export */ var ByTreeSearch = (ByTreeSearch_component.exports);
+;// ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ffbc40de-vue-loader-template"}!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/by-dialog/ByDialog.vue?vue&type=template&id=0d08276a
+var ByDialogvue_type_template_id_0d08276a_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('el-dialog', _vm._g(_vm._b({
+    class: ['by-dialog', _vm.customClass],
+    attrs: {
+      "visible": _vm.dialogVisible,
+      "title": _vm.title
+    },
+    on: {
+      "update:visible": function ($event) {
+        _vm.dialogVisible = $event;
+      },
+      "close": _vm.handleClose
+    }
+  }, 'el-dialog', _vm.dialogAttrs, false), _vm.$listeners), [_c('div', {
+    staticClass: "by-dialog__body"
+  }, [_vm._t("default", function () {
+    return [_vm.content ? _c('div', {
+      staticClass: "by-dialog__content"
+    }, [_vm._v(_vm._s(_vm.content))]) : _vm._e()];
+  })], 2), _vm.showFooter ? _c('div', {
+    staticClass: "by-dialog__footer"
+  }, [_vm._t("footer", function () {
+    return [_c('div', {
+      staticClass: "by-dialog__buttons"
+    }, _vm._l(_vm.buttons, function (button, index) {
+      return _c('el-button', {
+        key: index,
+        class: button.class,
+        style: button.style,
+        attrs: {
+          "type": button.type || 'default',
+          "size": button.size || 'medium',
+          "loading": button.loading,
+          "disabled": button.disabled,
+          "icon": button.icon
+        },
+        on: {
+          "click": function ($event) {
+            return _vm.handleButtonClick(button, index);
+          }
+        }
+      }, [_vm._v(" " + _vm._s(button.text) + " ")]);
+    }), 1)];
+  })], 2) : _vm._e()]);
+};
+var ByDialogvue_type_template_id_0d08276a_staticRenderFns = [];
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/by-dialog/ByDialog.vue?vue&type=script&lang=js
+/* harmony default export */ var ByDialogvue_type_script_lang_js = ({
+  name: 'ByDialog',
+  inheritAttrs: false,
+  props: {
+    // 是否显示弹窗
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    width: {
+      type: String,
+      default: '600px'
+    },
+    // 标题
+    title: {
+      type: String,
+      default: ''
+    },
+    // 内容（当没有插槽时使用）
+    content: {
+      type: String,
+      default: ''
+    },
+    // 是否显示底部按钮区域
+    showFooter: {
+      type: Boolean,
+      default: true
+    },
+    // 是否点击模态层关闭弹窗
+    closeOnClickModal: {
+      type: Boolean,
+      default: false
+    },
+    // 按钮配置
+    buttons: {
+      type: Array,
+      default() {
+        return [{
+          text: '取消',
+          type: 'default',
+          action: 'cancel'
+        }, {
+          text: '确定',
+          type: 'primary',
+          action: 'confirm'
+        }];
+      }
+    },
+    // 自定义类名
+    customClass: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      internalVisible: false
+    };
+  },
+  computed: {
+    dialogVisible: {
+      get() {
+        return this.internalVisible;
+      },
+      set(value) {
+        this.internalVisible = value;
+        if (!value) {
+          this.$emit('update:visible', false);
+        }
+      }
+    },
+    dialogAttrs() {
+      const {
+        visible,
+        content,
+        showFooter,
+        buttons,
+        customClass,
+        closeOnClickModal,
+        ...attrs
+      } = this.$attrs;
+      return {
+        width: this.width,
+        top: '15vh',
+        closeOnClickModal: this.closeOnClickModal,
+        ...attrs
+      };
+    }
+  },
+  watch: {
+    visible: {
+      immediate: true,
+      handler(newVal) {
+        this.internalVisible = newVal;
+      }
+    }
+  },
+  methods: {
+    handleClose() {
+      this.internalVisible = false;
+      this.$emit('update:visible', false);
+      this.$emit('close');
+    },
+    handleButtonClick(button, index) {
+      const {
+        action,
+        callback
+      } = button;
+      if (callback && typeof callback === 'function') {
+        const result = callback();
+        if (result === false) {
+          return; // 阻止默认行为
+        }
+      }
+      if (action) {
+        this.$emit(action, button, index);
+      }
+
+      // 如果是确认或取消按钮，默认关闭弹窗
+      if (action === 'confirm' || action === 'cancel') {
+        this.$emit('update:visible', false);
+      }
+    }
+  }
+});
+;// ./src/components/by-dialog/ByDialog.vue?vue&type=script&lang=js
+ /* harmony default export */ var by_dialog_ByDialogvue_type_script_lang_js = (ByDialogvue_type_script_lang_js); 
+;// ./src/components/by-dialog/ByDialog.vue
+
+
+
+
+
+/* normalize component */
+;
+var ByDialog_component = normalizeComponent(
+  by_dialog_ByDialogvue_type_script_lang_js,
+  ByDialogvue_type_template_id_0d08276a_render,
+  ByDialogvue_type_template_id_0d08276a_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var ByDialog = (ByDialog_component.exports);
+// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
+var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(1719);
+var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_vue_commonjs2_vue_root_Vue_);
 ;// ./node_modules/dom-zindex/es/index.esm.js
 var winDom = null;
 var bodyEl = null;
@@ -77087,6 +77290,237 @@ var DomZIndex = {
 };
 updateVar();
 /* harmony default export */ var index_esm = (DomZIndex);
+;// ./src/components/by-dialog/ByDialogService.js
+
+
+/**
+ * @title
+ * @description ByDialogService - 弹窗服务
+ * @date 2025-09-02  
+ * @author heqican
+ * 
+ * 提供两种使用方式：
+ * 1. 模板中使用 <by-dialog> 组件
+ * 2. JavaScript 中调用 this.$byDialog.xxx() 方法
+ * 
+ * 安装：Vue.use(ByComponents)  // 会自动安装
+ * 
+ * 使用示例：
+ * this.$byDialog.alert('提示内容')
+ * this.$byDialog.confirm('确定要删除吗？')
+ * this.$byDialog.alert('内容', '标题', { width: '500px' })
+ * 
+ * API 方法：
+ * - alert(content, title, options)     - 警告弹窗
+ * - confirm(content, title, options)   - 确认弹窗
+ * - success(content, title, options)   - 成功提示弹窗
+ * - error(content, title, options)     - 错误提示弹窗
+ * - info(content, title, options)      - 信息提示弹窗
+ * - custom(options)                    - 自定义弹窗
+ * 
+ * 注意：所有方法都返回 Promise
+ * 
+ */
+
+
+
+
+
+// 延迟创建 ByDialog 构造函数，确保 Element UI 已安装
+let DialogConstructor = null;
+function getDialogConstructor() {
+  if (!DialogConstructor) {
+    DialogConstructor = external_commonjs_vue_commonjs2_vue_root_Vue_default().extend(ByDialog);
+  }
+  return DialogConstructor;
+}
+const defaultOptions = {
+  title: '',
+  content: '',
+  width: '400px',
+  top: '15vh',
+  modal: true,
+  lockScroll: true,
+  closeOnClickModal: false,
+  closeOnPressEscape: true,
+  showClose: true,
+  center: false,
+  customClass: '',
+  showFooter: true,
+  buttons: []
+};
+
+// 创建弹窗实例
+function createMessageBox(options) {
+  const Constructor = getDialogConstructor();
+  const instance = new Constructor({
+    propsData: {
+      ...defaultOptions,
+      ...options,
+      visible: true
+    }
+  });
+
+  // 设置 z-index
+  instance.$mount();
+  const zIndex = index_esm.getNext();
+  instance.$el.style.zIndex = zIndex;
+
+  // 添加到 body
+  document.body.appendChild(instance.$el);
+  return instance;
+}
+
+// 销毁弹窗实例
+function destroyMessageBox(instance) {
+  if (instance && instance.$el && instance.$el.parentNode) {
+    instance.$el.parentNode.removeChild(instance.$el);
+    instance.$destroy();
+  }
+}
+
+// 通用弹窗方法
+function showMessageBox(options) {
+  return new Promise((resolve, reject) => {
+    const instance = createMessageBox(options);
+
+    // 监听按钮点击事件
+    instance.$on('confirm', (button, index) => {
+      destroyMessageBox(instance);
+      resolve({
+        action: 'confirm',
+        button,
+        index
+      });
+    });
+    instance.$on('cancel', (button, index) => {
+      destroyMessageBox(instance);
+      resolve({
+        action: 'cancel',
+        button,
+        index
+      });
+    });
+    instance.$on('close', () => {
+      destroyMessageBox(instance);
+      resolve({
+        action: 'close'
+      });
+    });
+
+    // 监听其他自定义按钮事件
+    if (options.buttons) {
+      options.buttons.forEach((button, index) => {
+        if (button.action && button.action !== 'confirm' && button.action !== 'cancel') {
+          instance.$on(button.action, (btn, btnIndex) => {
+            destroyMessageBox(instance);
+            resolve({
+              action: button.action,
+              button: btn,
+              index: btnIndex
+            });
+          });
+        }
+      });
+    }
+  });
+}
+
+// 警告弹窗
+function ByDialogService_alert(content, title = '提示', options = {}) {
+  return showMessageBox({
+    title,
+    content,
+    buttons: [{
+      text: '确定',
+      type: 'primary',
+      action: 'confirm'
+    }],
+    ...options
+  });
+}
+
+// 确认弹窗
+function ByDialogService_confirm(content, title = '确认', options = {}) {
+  return showMessageBox({
+    title,
+    content,
+    buttons: [{
+      text: '取消',
+      type: 'default',
+      action: 'cancel'
+    }, {
+      text: '确定',
+      type: 'primary',
+      action: 'confirm'
+    }],
+    ...options
+  });
+}
+
+// 成功提示弹窗
+function success(content, title = '成功', options = {}) {
+  return showMessageBox({
+    title,
+    content,
+    buttons: [{
+      text: '确定',
+      type: 'primary',
+      action: 'confirm'
+    }],
+    ...options
+  });
+}
+
+// 错误提示弹窗
+function error(content, title = '错误', options = {}) {
+  return showMessageBox({
+    title,
+    content,
+    buttons: [{
+      text: '确定',
+      type: 'primary',
+      action: 'confirm'
+    }],
+    ...options
+  });
+}
+
+// 信息提示弹窗
+function info(content, title = '信息', options = {}) {
+  return showMessageBox({
+    title,
+    content,
+    buttons: [{
+      text: '确定',
+      type: 'primary',
+      action: 'confirm'
+    }],
+    ...options
+  });
+}
+
+// 自定义弹窗
+function custom(options) {
+  return showMessageBox(options);
+}
+
+// 创建 ByDialogService 对象
+const ByDialogService = {
+  alert: ByDialogService_alert,
+  confirm: ByDialogService_confirm,
+  success,
+  error,
+  info,
+  custom,
+  show: showMessageBox
+};
+
+// 原型注入$byDialog，使得能够使用this.$byDialog.xxx()
+ByDialogService.install = function (Vue) {
+  Vue.prototype.$byDialog = ByDialogService;
+};
+/* harmony default export */ var by_dialog_ByDialogService = (ByDialogService);
 ;// ./src/index.js
 
 
@@ -77104,6 +77538,8 @@ updateVar();
 
 
 
+
+
 const components = {
   ByPager: pager,
   ByTable: table,
@@ -77116,7 +77552,8 @@ const components = {
   ByToolBar: ByToolBar,
   ByCommonSelector: ByCommonSelector,
   ByBatchQuerySelector: BatchQuerySelector,
-  ByTreeSearch: ByTreeSearch
+  ByTreeSearch: ByTreeSearch,
+  ByDialog: ByDialog
 };
 
 // 设置当前 z-index 起始值
@@ -77127,6 +77564,9 @@ const install = Vue => {
     // 同时注册小写版本
     Vue.component(name.toLowerCase(), components[name]);
   });
+
+  // 安装 ByDialogService 插件
+  Vue.use(by_dialog_ByDialogService);
 };
 
 // 支持直接通过 script 标签引入