@xq-labs/data-ui-v2 0.2.0 → 0.2.1

package/es/with-install-befebea5.js

@@ -1,411 +0,0 @@
-import { init } from 'echarts/core';
-
-//
-//
-//
-//
-
-var script$1 = {
-  name: 'BaseEmpty',
-  props: {
-    text: {
-      type: String,
-      "default": '暂无数据'
-    }
-  }
-};
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z$1 = "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n";
-styleInject(css_248z$1);
-
-function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
-    if (typeof shadowMode !== 'boolean') {
-        createInjectorSSR = createInjector;
-        createInjector = shadowMode;
-        shadowMode = false;
-    }
-    // Vue.extend constructor export interop.
-    const options = typeof script === 'function' ? script.options : script;
-    // render functions
-    if (template && template.render) {
-        options.render = template.render;
-        options.staticRenderFns = template.staticRenderFns;
-        options._compiled = true;
-        // functional template
-        if (isFunctionalTemplate) {
-            options.functional = true;
-        }
-    }
-    // scopedId
-    if (scopeId) {
-        options._scopeId = scopeId;
-    }
-    let hook;
-    if (moduleIdentifier) {
-        // server build
-        hook = function (context) {
-            // 2.3 injection
-            context =
-                context || // cached call
-                    (this.$vnode && this.$vnode.ssrContext) || // stateful
-                    (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext); // functional
-            // 2.2 with runInNewContext: true
-            if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-                context = __VUE_SSR_CONTEXT__;
-            }
-            // inject component styles
-            if (style) {
-                style.call(this, createInjectorSSR(context));
-            }
-            // register component module identifier for async chunk inference
-            if (context && context._registeredComponents) {
-                context._registeredComponents.add(moduleIdentifier);
-            }
-        };
-        // used by ssr in case component is cached and beforeCreate
-        // never gets called
-        options._ssrRegister = hook;
-    }
-    else if (style) {
-        hook = shadowMode
-            ? function (context) {
-                style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));
-            }
-            : function (context) {
-                style.call(this, createInjector(context));
-            };
-    }
-    if (hook) {
-        if (options.functional) {
-            // register for functional component in vue file
-            const originalRender = options.render;
-            options.render = function renderWithStyleInjection(h, context) {
-                hook.call(context);
-                return originalRender(h, context);
-            };
-        }
-        else {
-            // inject component registration as beforeCreate hook
-            const existing = options.beforeCreate;
-            options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
-        }
-    }
-    return script;
-}
-
-/* script */
-var __vue_script__$1 = script$1;
-/* template */
-var __vue_render__$1 = function __vue_render__() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "base-empty"
-  }, [_vm._v(_vm._s(_vm.text))]);
-};
-var __vue_staticRenderFns__$1 = [];
-__vue_render__$1._withStripped = true;
-
-/* style */
-var __vue_inject_styles__$1 = undefined;
-/* scoped */
-var __vue_scope_id__$1 = "data-v-5b935462";
-/* module identifier */
-var __vue_module_identifier__$1 = undefined;
-/* functional template */
-var __vue_is_functional_template__$1 = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-var __vue_component__$1 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$1,
-  staticRenderFns: __vue_staticRenderFns__$1
-}, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
-var BaseEmpty = __vue_component__$1;
-
-//
-//
-//
-//
-//
-//
-//
-
-var script = {
-  name: 'BaseChart',
-  components: {
-    BaseEmpty: BaseEmpty
-  },
-  props: {
-    /**
-     * 已构建完成的 ECharts option。
-     * 上层业务图表组件只负责生成 option，真正渲染由 BaseChart 统一完成。
-     */
-    option: {
-      type: Object,
-      "default": function _default() {
-        return {};
-      }
-    },
-    /**
-     * 是否展示 loading。
-     * 当图表实例已初始化时，会同步调用 showLoading / hideLoading。
-     */
-    loading: {
-      type: Boolean,
-      "default": false
-    },
-    /**
-     * 是否进入空态。
-     * 为空时不渲染画布，而是显示统一空状态组件。
-     */
-    empty: {
-      type: Boolean,
-      "default": false
-    },
-    /**
-     * 空态文本。
-     * 由 BaseEmpty 组件直接展示。
-     */
-    emptyText: {
-      type: String,
-      "default": '暂无数据'
-    },
-    /**
-     * 图表容器高度。
-     * 数字按 px 处理，字符串则原样作为 CSS 高度使用。
-     */
-    height: {
-      type: [String, Number],
-      "default": 320
-    }
-  },
-  /**
-   * 维护组件内部唯一的 ECharts 实例引用。
-   * 所有渲染、loading、resize 与销毁逻辑都围绕该实例展开。
-   */
-  data: function data() {
-    return {
-      chart: null
-    };
-  },
-  computed: {
-    /**
-     * 统一计算容器高度样式，保证外层容器和内部 canvas 高度一致。
-     */
-    chartStyle: function chartStyle() {
-      return {
-        height: typeof this.height === 'number' ? "".concat(this.height, "px") : this.height
-      };
-    }
-  },
-  watch: {
-    /**
-     * 监听外部 option 变化，并在实例已存在时立即覆盖渲染。
-     */
-    option: {
-      deep: true,
-      handler: function handler(value) {
-        this.applyOption(value);
-      }
-    },
-    /**
-     * 监听 loading 状态变化，并同步到底层 ECharts 实例。
-     */
-    loading: function loading(value) {
-      this.syncLoading(value);
-    },
-    /**
-     * 监听空态切换。
-     * 进入空态时立即销毁实例；退出空态时重新初始化并恢复渲染。
-     */
-    empty: function empty(value) {
-      var _this = this;
-      if (value) {
-        // 共享运行时核心逻辑：空态出现时立即释放图表实例与窗口监听，避免内存泄漏。
-        window.removeEventListener('resize', this.handleResize);
-        this.disposeChart();
-        return;
-      }
-      this.$nextTick(function () {
-        _this.ensureChart();
-        _this.applyOption(_this.option);
-        _this.syncLoading(_this.loading);
-      });
-    }
-  },
-  /**
-   * 组件挂载后按需初始化图表，并同步初始 option / loading。
-   */
-  mounted: function mounted() {
-    if (this.empty) {
-      return;
-    }
-    this.ensureChart();
-    this.applyOption(this.option);
-    this.syncLoading(this.loading);
-  },
-  /**
-   * 组件销毁前释放图表实例与窗口监听，避免内存泄漏。
-   */
-  beforeDestroy: function beforeDestroy() {
-    window.removeEventListener('resize', this.handleResize);
-    this.disposeChart();
-  },
-  methods: {
-    /**
-     * 按需初始化 ECharts 实例。
-     * 仅在：
-     * - 当前还没有实例
-     * - 不处于空态
-     * - canvas 已挂载
-     * 三个条件同时满足时执行。
-     */
-    ensureChart: function ensureChart() {
-      var _this2 = this;
-      if (this.chart || this.empty || !this.$refs.canvas) {
-        return;
-      }
-
-      // 共享运行时核心逻辑：统一通过 echarts/core 的 init 创建实例，供各业务图表复用。
-      this.chart = init(this.$refs.canvas);
-      this.chart.on('click', function (params) {
-        _this2.$emit('chart-click', params);
-      });
-      this.$emit('ready', this.chart);
-      window.addEventListener('resize', this.handleResize);
-    },
-    /**
-     * 将最新 option 应用到图表实例。
-     * 统一使用 notMerge=true 覆盖渲染，避免旧配置残留。
-     */
-    applyOption: function applyOption(option) {
-      if (!this.chart || this.empty) {
-        return;
-      }
-      this.chart.setOption(option || {}, true);
-    },
-    /**
-     * 同步 loading 状态到图表实例。
-     */
-    syncLoading: function syncLoading(value) {
-      if (!this.chart) {
-        return;
-      }
-      if (value) {
-        this.chart.showLoading();
-        return;
-      }
-      this.chart.hideLoading();
-    },
-    /**
-     * 窗口尺寸变化时触发图表自适应。
-     */
-    handleResize: function handleResize() {
-      if (this.chart) {
-        this.chart.resize();
-      }
-    },
-    /**
-     * 销毁当前图表实例并释放引用。
-     * 由 empty 切换、组件销毁等场景统一复用。
-     */
-    disposeChart: function disposeChart() {
-      if (!this.chart) {
-        return;
-      }
-      this.chart.dispose();
-      this.chart = null;
-    }
-  }
-};
-
-var css_248z = "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n";
-styleInject(css_248z);
-
-/* script */
-var __vue_script__ = script;
-/* template */
-var __vue_render__ = function __vue_render__() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "base-chart",
-    style: _vm.chartStyle
-  }, [_vm.empty && !_vm.loading ? _c("BaseEmpty", {
-    attrs: {
-      text: _vm.emptyText
-    }
-  }) : _c("div", {
-    ref: "canvas",
-    staticClass: "base-chart__canvas",
-    style: _vm.chartStyle
-  })], 1);
-};
-var __vue_staticRenderFns__ = [];
-__vue_render__._withStripped = true;
-
-/* style */
-var __vue_inject_styles__ = undefined;
-/* scoped */
-var __vue_scope_id__ = "data-v-4419fdfb";
-/* module identifier */
-var __vue_module_identifier__ = undefined;
-/* functional template */
-var __vue_is_functional_template__ = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-var __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
-var BaseChart = __vue_component__;
-
-// 为公开组件补齐 install，供组件级发布入口复用统一注册语义。
-var withInstall = function withInstall(component) {
-  if (!component.install) {
-    component.install = function (Vue) {
-      Vue.component(component.name, component);
-    };
-  }
-  return component;
-};
-var withInstall$1 = withInstall;
-
-export { BaseChart as B, normalizeComponent as n, styleInject as s, withInstall$1 as w };