@ecan-bi/datav 1.1.16 → 1.1.17

package/es/common/spin/Spin.vue3.js

@@ -0,0 +1,22 @@
+import _sfc_main from "./Spin.vue.js";
+import { resolveComponent, openBlock, createElementBlock, createBlock, renderSlot } from "vue";
+import "./Spin.vue2.js";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = { class: "spin-wrapper" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_spin = resolveComponent("a-spin");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    _ctx.spinning ? (openBlock(), createBlock(_component_a_spin, {
+      key: 0,
+      class: "spin",
+      spinning: _ctx.spinning,
+      indicator: _ctx.indicator,
+      tip: "加载中..."
+    }, null, 8, ["spinning", "indicator"])) : renderSlot(_ctx.$slots, "default", { key: 1 })
+  ]);
+}
+const Spin = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  Spin as default
+};
+//# sourceMappingURL=Spin.vue3.js.map

package/es/common/spin/Spin.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spin.vue3.js","sources":["../../../src/common/spin/Spin.vue"],"sourcesContent":["<template>\n  <div class=\"spin-wrapper\">\n    <a-spin\n      class=\"spin\"\n      :spinning=\"spinning\"\n      v-if=\"spinning\"\n      :indicator=\"indicator\"\n      tip=\"加载中...\"\n    >\n    </a-spin>\n    <slot v-else></slot>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { Spin as ASpin } from 'ant-design-vue'\nimport { LoadingOutlined } from '@ant-design/icons-vue'\nimport { defineComponent, h } from 'vue'\nimport 'ant-design-vue/es/spin/style'\nexport default defineComponent({\n  props: {\n    spinning: {\n      type: Boolean,\n      default: false\n    }\n  },\n  components: {\n    ASpin\n  },\n  setup () {\n    const indicator = h(LoadingOutlined, {\n      style: {\n        fontSize: '24px',\n        color: '#1890ff'\n      },\n      spin: true\n    })\n    return {\n      indicator\n    }\n  }\n})\n</script>\n\n<style>\n.spin-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n.spin {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n</style>\n"],"names":["_resolveComponent","_createElementBlock","_openBlock","_createBlock","_renderSlot"],"mappings":";;;;;;AACE,QAAA,oBAAAA,iBAUM,QAVN;sBACEC,mBAOS,OAAA,YAAA;AAAA,IAAA,KAAA,YAAAC,aANKC,YAAA,mBAAA;AAAA,MACX,KAAA;AAAA,MAEA,OAAA;AAAA,MACD,UAAI,KAAQ;AAAA,MAAA,WAAA,KAAA;AAAA,MAGd,KAAA;AAAA,IAAA,GAAA,MAAA,GAAA,CAAA,YAAA,WAAA,CAAA,KAAAC,WAAA,KAAA,QAAA,WAAA,EAAA,KAAA,EAAA,CAAA;AAAA;;;"}

package/es/common/spin/index.js

@@ -0,0 +1,5 @@
+import Spin from "./Spin.vue3.js";
+export {
+  Spin as default
+};
+//# sourceMappingURL=index.js.map

package/es/common/spin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/components.js

@@ -0,0 +1,153 @@
+import "./common/echarts/Echarts.js";
+import "./common/spin/Spin.vue.js";
+import "vue";
+import "./common/spin/Spin.vue2.js";
+import "./common/skeleton/Skeleton.vue.js";
+import { EcanPageConfig } from "./setting/page-config/index.js";
+import { EcanProviderConfig } from "./setting/provider-config/index.js";
+import { EcanText } from "./text/text/index.js";
+import { EcanScrollText } from "./text/scroll-text/index.js";
+import { EcanTimeDisplay } from "./text/time-display/index.js";
+import { EcanList } from "./text/list/index.js";
+import { EcanProportion } from "./text/proportion/index.js";
+import { EcanInput } from "./control/input/index.js";
+import { EcanDatePicker } from "./control/date-picker/index.js";
+import { EcanSelect } from "./control/select/index.js";
+import { EcanRangePicker } from "./control/range-picker/index.js";
+import { EcanButton } from "./control/button/index.js";
+import { EcanCheckbox } from "./control/checkbox/index.js";
+import { EcanPie } from "./graph/pie/index.js";
+import { EcanLine } from "./graph/line/index.js";
+import { EcanBar } from "./graph/bar/index.js";
+import { EcanScatter } from "./graph/scatter/index.js";
+import { EcanCustomGraph } from "./graph/custom-graph/index.js";
+import { EcanComboGraph } from "./graph/combo-graph/index.js";
+import { EcanBorder } from "./container/border/index.js";
+import { EcanModal } from "./container/modal/index.js";
+import { EcanTabs } from "./container/tabs/index.js";
+import { EcanImage } from "./media/image/index.js";
+import { EcanIframe } from "./media/iframe/index.js";
+import { EcanTable } from "./table/table/index.js";
+import { EcanMap } from "./map/map/index.js";
+import { pageConfig, pageConfigComponentProps } from "./setting/page-config/props.js";
+import { providerConfig, providerConfigComponentProps } from "./setting/provider-config/props.js";
+import { textComponentProps, textEvents, textProps } from "./text/text/props.js";
+import { timeDisplayComponentProps, timeDisplayProps } from "./text/time-display/props.js";
+import { listComponentProps, listEvents, listProps } from "./text/list/props.js";
+import { proportionComponentProps, proportionEvents, proportionProps } from "./text/proportion/props.js";
+import { inputComponentProps, inputEvents, inputProps } from "./control/input/props.js";
+import { datePickerComponentProps, datePickerEvents, datePickerProps } from "./control/date-picker/props.js";
+import { selectComponentProps, selectEvents, selectProps } from "./control/select/props.js";
+import { rangePickerComponentProps, rangePickerEvents, rangePickerProps } from "./control/range-picker/props.js";
+import { buttonComponentProps, buttonEvents, buttonProps } from "./control/button/props.js";
+import { checkboxComponentProps, checkboxEvents, checkboxProps } from "./control/checkbox/props.js";
+import { pieComponentProps, pieEvents, pieProps } from "./graph/pie/props.js";
+import { lineComponentProps, lineEvents, lineProps } from "./graph/line/props.js";
+import { barComponentProps, barEvents, barProps } from "./graph/bar/props.js";
+import { scatterComponentProps, scatterEvents, scatterProps } from "./graph/scatter/props.js";
+import { customGraphComponentProps, customGraphProps } from "./graph/custom-graph/props.js";
+import { comboGraphComponentProps, comboGraphEvents, comboGraphProps } from "./graph/combo-graph/props.js";
+import { borderComponentProps, borderEvents, borderProps } from "./container/border/props.js";
+import { modalComponentProps, modalEvents, modalProps } from "./container/modal/props.js";
+import { tabsComponentProps, tabsEvents, tabsProps } from "./container/tabs/props.js";
+import { imageComponentProps, imageProps } from "./media/image/props.js";
+import { iframeComponentProps, iframeProps } from "./media/iframe/props.js";
+import { tableComponentProps, tableEvents, tableProps } from "./table/table/props.js";
+import { mapComponentProps, mapProps } from "./map/map/props.js";
+export {
+  EcanBar,
+  EcanBorder,
+  EcanButton,
+  EcanCheckbox,
+  EcanComboGraph,
+  EcanCustomGraph,
+  EcanDatePicker,
+  EcanIframe,
+  EcanImage,
+  EcanInput,
+  EcanLine,
+  EcanList,
+  EcanMap,
+  EcanModal,
+  EcanPageConfig,
+  EcanPie,
+  EcanProportion,
+  EcanProviderConfig,
+  EcanRangePicker,
+  EcanScatter,
+  EcanScrollText,
+  EcanSelect,
+  EcanTable,
+  EcanTabs,
+  EcanText,
+  EcanTimeDisplay,
+  barComponentProps,
+  barEvents,
+  barProps,
+  borderComponentProps,
+  borderEvents,
+  borderProps,
+  buttonComponentProps,
+  buttonEvents,
+  buttonProps,
+  checkboxComponentProps,
+  checkboxEvents,
+  checkboxProps,
+  comboGraphComponentProps,
+  comboGraphEvents,
+  comboGraphProps,
+  customGraphComponentProps,
+  customGraphProps,
+  datePickerComponentProps,
+  datePickerEvents,
+  datePickerProps,
+  iframeComponentProps,
+  iframeProps,
+  imageComponentProps,
+  imageProps,
+  inputComponentProps,
+  inputEvents,
+  inputProps,
+  lineComponentProps,
+  lineEvents,
+  lineProps,
+  listComponentProps,
+  listEvents,
+  listProps,
+  mapComponentProps,
+  mapProps,
+  modalComponentProps,
+  modalEvents,
+  modalProps,
+  pageConfig,
+  pageConfigComponentProps,
+  pieComponentProps,
+  pieEvents,
+  pieProps,
+  proportionComponentProps,
+  proportionEvents,
+  proportionProps,
+  providerConfig,
+  providerConfigComponentProps,
+  rangePickerComponentProps,
+  rangePickerEvents,
+  rangePickerProps,
+  scatterComponentProps,
+  scatterEvents,
+  scatterProps,
+  selectComponentProps,
+  selectEvents,
+  selectProps,
+  tableComponentProps,
+  tableEvents,
+  tableProps,
+  tabsComponentProps,
+  tabsEvents,
+  tabsProps,
+  textComponentProps,
+  textEvents,
+  textProps,
+  timeDisplayComponentProps,
+  timeDisplayProps
+};
+//# sourceMappingURL=components.js.map

package/es/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/container/border/Border.vue.js

@@ -0,0 +1,78 @@
+import _sfc_main from "./Border.vue2.js";
+import { openBlock, createElementBlock, normalizeStyle, Fragment, createCommentVNode, createElementVNode, toDisplayString, pushScopeId, popScopeId } from "vue";
+import _imports_0 from "../../assets/border-title-decoration-left.png.js";
+import _imports_1 from "../../assets/border-title-decoration-right.png.js";
+import "./Border.vue3.js";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _withScopeId = (n) => (pushScopeId("data-v-f3fc1305"), n = n(), popScopeId(), n);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "top-left border-item" }, null, -1));
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "top-right border-item" }, null, -1));
+const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "bottom-left border-item" }, null, -1));
+const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "bottom-right border-item" }, null, -1));
+const _hoisted_5 = { class: "title-item-wrapper" };
+const _hoisted_6 = { class: "title-item" };
+const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
+  class: "title-decoration-left",
+  src: _imports_0
+}, null, -1));
+const _hoisted_8 = { class: "title" };
+const _hoisted_9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
+  class: "title-decoration-right",
+  src: _imports_1
+}, null, -1));
+const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "top-left border-item" }, null, -1));
+const _hoisted_11 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "top-right border-item" }, null, -1));
+const _hoisted_12 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "bottom-left border-item" }, null, -1));
+const _hoisted_13 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "bottom-right border-item" }, null, -1));
+const _hoisted_14 = {
+  key: 2,
+  class: "left-title"
+};
+const _hoisted_15 = { class: "title" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: "ecan-border",
+    style: normalizeStyle(_ctx.style),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.click && _ctx.click(...args))
+  }, [
+    _ctx.mode === "no-title" ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: "no-title",
+      style: normalizeStyle(_ctx.borderStyle)
+    }, [
+      _ctx.useBorderModify ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        _hoisted_1,
+        _hoisted_2,
+        _hoisted_3,
+        _hoisted_4
+      ], 64)) : createCommentVNode("", true)
+    ], 4)) : createCommentVNode("", true),
+    _ctx.mode === "top-title" ? (openBlock(), createElementBlock("div", {
+      key: 1,
+      class: "top-title",
+      style: normalizeStyle(_ctx.borderStyle)
+    }, [
+      createElementVNode("div", _hoisted_5, [
+        createElementVNode("div", _hoisted_6, [
+          _hoisted_7,
+          createElementVNode("div", _hoisted_8, toDisplayString(_ctx.title), 1),
+          _hoisted_9
+        ])
+      ]),
+      _hoisted_10,
+      _hoisted_11,
+      _hoisted_12,
+      _hoisted_13
+    ], 4)) : createCommentVNode("", true),
+    _ctx.mode === "left-title" ? (openBlock(), createElementBlock("div", _hoisted_14, [
+      createElementVNode("div", _hoisted_15, [
+        createElementVNode("span", null, toDisplayString(_ctx.title), 1)
+      ])
+    ])) : createCommentVNode("", true)
+  ], 4);
+}
+const Border = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-f3fc1305"]]);
+export {
+  Border as default
+};
+//# sourceMappingURL=Border.vue.js.map

package/es/container/border/Border.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Border.vue.js","sources":["../../../src/container/border/Border.vue"],"sourcesContent":["<template>\n  <div class=\"ecan-border\" :style=\"style\" @click=\"click\">\n    <div\n      class=\"no-title\"\n      :style=\"borderStyle\"\n      v-if=\"mode === 'no-title'\"\n    >\n      <template v-if=\"useBorderModify\">\n        <div class=\"top-left border-item\"/>\n        <div class=\"top-right border-item\"/>\n        <div class=\"bottom-left border-item\"/>\n        <div class=\"bottom-right border-item\"/>\n      </template>\n    </div>\n    <div class=\"top-title\" :style=\"borderStyle\" v-if=\"mode === 'top-title'\">\n      <div class=\"title-item-wrapper\">\n        <div class=\"title-item\">\n          <img\n            class=\"title-decoration-left\"\n            src=\"../../assets/border-title-decoration-left.png\"\n          >\n          <div class=\"title\">{{ title }}</div>\n          <img\n            class=\"title-decoration-right\"\n            src=\"../../assets/border-title-decoration-right.png\"\n          >\n        </div>\n      </div>\n      <div class=\"top-left border-item\"/>\n      <div class=\"top-right border-item\"/>\n      <div class=\"bottom-left border-item\"/>\n      <div class=\"bottom-right border-item\"/>\n    </div>\n    <div class=\"left-title\" v-if=\"mode === 'left-title'\">\n      <div class=\"title\">\n        <span>{{ title }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, ref, watch } from 'vue'\nimport { borderComponentProps } from './props'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle } from '@/hooks'\nimport { GLOBAL_CONFIG, GLOBAL_MODEL } from '@/utils/constant'\nexport default defineComponent({\n  name: 'EcanBorder',\n  props: {\n    ...borderComponentProps\n  },\n  setup (props) {\n    const style = usePickComponentStyle(props, ['background'])\n    const { theme } = inject(GLOBAL_CONFIG, {\n      theme: 'light'\n    })\n    const borderStyle = computed(() => {\n      return {\n        // borderWidth: props.borderWidth,\n        // borderStyle: props.borderStyle,\n        // borderRadius: props.borderRadius,\n        // borderColor: props.borderColor,\n        // backgroundColor: props.backgroundColor,\n        width: '100%',\n        height: '100%'\n      }\n    })\n    const emitEvent = useEmitEvent(props)\n    const click = emitEvent('click', () => {})\n    const myData = ref<{ [key:string]: any } []>([])\n    watch(() => props.data, (data: { [key:string]: any } []) => {\n      myData.value = data\n    }, {\n      immediate: true,\n      deep: true\n    })\n    useOnEvent(props, {\n      click\n    })\n    const { setGlobalModel } = inject(GLOBAL_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setGlobalModel: (key: string, value: any) => void 0\n    })\n    // 初始化设置值\n    setGlobalModel(props.id as string, {\n      type: props.type,\n      value: myData\n    })\n    return {\n      style,\n      click,\n      borderStyle,\n      theme\n    }\n  }\n})\n</script>\n\n<style scoped lang=\"less\">\n.top-title, .no-title {\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  .border-item {\n    position: absolute;\n    z-index: 2;\n    border-color: #50FCFC;\n    border-style: solid;\n    width: 13px;\n    height: 11px;\n  }\n  .top-left {\n    top: 0;\n    left: 0;\n    border-top-width: 1px;\n    border-right-width: 0;\n    border-bottom-width: 0;\n    border-left-width: 1px;\n  }\n  .top-right {\n    top: 0;\n    right: -2px;\n    border-top-width: 1px;\n    border-right-width: 1px;\n    border-bottom-width: 0;\n    border-left-width: 0;\n  }\n  .bottom-left {\n    bottom: -2px;\n    left: 0;\n    border-top-width: 0;\n    border-right-width: 0;\n    border-bottom-width: 1px;\n    border-left-width: 1px;\n  }\n  .bottom-right {\n    bottom: -2px;\n    right: -2px;\n    border-top-width: 0;\n    border-right-width: 1px;\n    border-bottom-width: 1px;\n    border-left-width: 0;\n  }\n  .title-item-wrapper {\n    width: 100%;\n    padding: 5px 0;\n    background-image: url(\"../../assets/border-title-background.png\");\n    background-size: cover;\n    display: grid;\n    place-content: center;\n  }\n  .title-item {\n    display: flex;\n    align-items: center;\n  }\n  .title {\n    padding: 0 17px;\n    color: #d5fdfd;\n    background: linear-gradient(0deg,#01aaff,#00eaff);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n  .title-decoration-left {\n    width: 58px;\n    height: 14px;\n  }\n  .title-decoration-right {\n    width: 58px;\n    height: 14px;\n  }\n}\n\n.left-title {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  border: 2px solid #375A8899;\n  border-radius: 0;\n  .title {\n    position: absolute;\n    left: -33px;\n    top: -14px;\n    width: 33px;\n    min-height: 194px;\n    padding-top: 33px;\n    padding-bottom: 31px;\n    background-image: url(\"../../assets/border-left-title.png\");\n    background-repeat: no-repeat;\n    background-size: 100% 100%;\n    color: #fff;\n    font-weight: 500;\n    text-align: center;\n    span {\n      writing-mode: vertical-lr;\n    }\n  }\n}\n</style>\n"],"names":["_pushScopeId","_popScopeId","_createElementVNode","_openBlock","_createElementBlock","_normalizeStyle","_Fragment","_createCommentVNode","_toDisplayString"],"mappings":";;;;;;AASQ,MAAA,eAAA,CAAA,OAAAA,YAAA,iBAAA,GAAA,IAAA,KAAAC,cAAA;sDACsCC,mCAAA,OAAA,EAAjC,OAAM,0BAAyB,MAAA,EAAA,CAAA;sDACGA,mCAAA,OAAA,EAAlC,OAAM,2BAA0B,MAAA,EAAA,CAAA;mBAIR,6BAAA,MAAAA,mCAAA,OAAA,EAAA,OAAA,6BAAA,MAAA,EAAA,CAAA;mBACN,6BAAA,MAAAA,mCAAA,OAAA,EAAA,OAAA,8BAAA,MAAA,EAAA,CAAA;;AAEnB,MAAA,aAAM,EAAuB,OAAA;AACsB,MAAA,aAAA,6BAAA,MAAAA,mCAAA,OAAA;AAAA,EAAA,OAAA;AAAA;;AAInD,MAAA,aAAM,EAAwB,OAAA;AACsB,MAAA,aAAA,6BAAA,MAAAA,mCAAA,OAAA;AAAA,EAAA,OAAA;AAAA;;uDAMpBA,mCAAA,OAAA,EAAjC,OAAM,0BAAyB,MAAA,EAAA,CAAA;uDACGA,mCAAA,OAAA,EAAlC,OAAM,2BAA0B,MAAA,EAAA,CAAA;;;MAElC,cAAM;AAAA,EAAA,KAAA;AAAA;;;AAhCH,SAAA,YAAC,MAAa,QAAA,QAAA,QAAA,OAAA,UAAA;SAAOC,UAAO,GAAAC,mBAAA,OAAA;AAAA,IAAG,OAAK;AAAA,IAAA,OAAAC,eAAA,KAAA,KAAA;AAAA,aAIpC,OAAI,CAAA,MAAA,OAAA,CAAA,IAAA,IAAA,SAAA,KAAA,SAAA,KAAA,MAAA,GAAA,IAAA;AAAA,EAAA,GAAA;AAAA,6CAFMD,mBAAA,OAAA;AAAA,MACf,KAAK;AAAA,MAAA,OAAA;AAAA,aAGUC,eAAe,KAAA,WAAA;AAAA,IAAA,GAAA;AAAA,WAC7B,mBACoCF,aAAAC,mBAAAE,UAAA,EAAA,KAAA,KAAA;AAAA,QACpC;AAAA,QACA;AAAA,QAAA;AAAA;;IAGJ,GAAA,CAAA,KAAAC,mBAAA,IAAA,IAAA;AAAA,IAAA,KAAA,SAAA,eAAAJ,UAAA,GAAsBC,mBAAA,OAAA;AAAA,MAAE,KAAK;AAAA,MAAA,OAAA;AAAA,MAC3B,OAAAC,eAYM,KAZN,WAYM;AAAA,IAAA,GAAA;AAAA,MAPDH,mBAAA,OAAA,YAAA;AAAA,QAAAA,mBACD,OAAoC,YAAA;AAAA,UACpC;AAAA,UAAAA,mBAAA,OAAA,YAAAM,gBAAA,KAAA,KAAA,GAAA,CAAA;AAAA;QAMJ,CAAA;AAAA,MAAA,CACA;AAAA,MACA;AAAA,MACA;AAAA,MAAA;AAAA;IAEF,GAAA,CAAA,KAAAD,mBAAA,IAAA,IAAA;AAAA,IACE,KAAA,SAAA,gBAAAJ,gCAC0B,OAAf,aAAA;AAAA,MAAAD,mBAAA,OAAA,aAAA;AAAA;;;;;;"}

package/es/container/border/Border.vue2.js

@@ -0,0 +1,65 @@
+import { defineComponent, inject, computed, ref, watch } from "vue";
+import { borderComponentProps } from "./props.js";
+import { usePickComponentStyle } from "../../hooks/usePickComponentStyle.js";
+import { useOnEvent } from "../../hooks/useOnEvent.js";
+import { useEmitEvent } from "../../hooks/useEmitEvent.js";
+import "lodash-es";
+import "../../node_modules/axios/index.js";
+import { GLOBAL_CONFIG, GLOBAL_MODEL } from "../../utils/constant.js";
+import "../../utils/request.js";
+import "ant-design-vue";
+const _sfc_main = defineComponent({
+  name: "EcanBorder",
+  props: {
+    ...borderComponentProps
+  },
+  setup(props) {
+    const style = usePickComponentStyle(props, ["background"]);
+    const { theme } = inject(GLOBAL_CONFIG, {
+      theme: "light"
+    });
+    const borderStyle = computed(() => {
+      return {
+        // borderWidth: props.borderWidth,
+        // borderStyle: props.borderStyle,
+        // borderRadius: props.borderRadius,
+        // borderColor: props.borderColor,
+        // backgroundColor: props.backgroundColor,
+        width: "100%",
+        height: "100%"
+      };
+    });
+    const emitEvent = useEmitEvent(props);
+    const click = emitEvent("click", () => {
+    });
+    const myData = ref([]);
+    watch(() => props.data, (data) => {
+      myData.value = data;
+    }, {
+      immediate: true,
+      deep: true
+    });
+    useOnEvent(props, {
+      click
+    });
+    const { setGlobalModel } = inject(GLOBAL_MODEL, {
+      // @ts-ignore
+      // eslint-disable-next-line no-void
+      setGlobalModel: (key, value) => void 0
+    });
+    setGlobalModel(props.id, {
+      type: props.type,
+      value: myData
+    });
+    return {
+      style,
+      click,
+      borderStyle,
+      theme
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Border.vue2.js.map

package/es/container/border/Border.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Border.vue2.js","sources":["../../../src/container/border/Border.vue"],"sourcesContent":["<template>\n  <div class=\"ecan-border\" :style=\"style\" @click=\"click\">\n    <div\n      class=\"no-title\"\n      :style=\"borderStyle\"\n      v-if=\"mode === 'no-title'\"\n    >\n      <template v-if=\"useBorderModify\">\n        <div class=\"top-left border-item\"/>\n        <div class=\"top-right border-item\"/>\n        <div class=\"bottom-left border-item\"/>\n        <div class=\"bottom-right border-item\"/>\n      </template>\n    </div>\n    <div class=\"top-title\" :style=\"borderStyle\" v-if=\"mode === 'top-title'\">\n      <div class=\"title-item-wrapper\">\n        <div class=\"title-item\">\n          <img\n            class=\"title-decoration-left\"\n            src=\"../../assets/border-title-decoration-left.png\"\n          >\n          <div class=\"title\">{{ title }}</div>\n          <img\n            class=\"title-decoration-right\"\n            src=\"../../assets/border-title-decoration-right.png\"\n          >\n        </div>\n      </div>\n      <div class=\"top-left border-item\"/>\n      <div class=\"top-right border-item\"/>\n      <div class=\"bottom-left border-item\"/>\n      <div class=\"bottom-right border-item\"/>\n    </div>\n    <div class=\"left-title\" v-if=\"mode === 'left-title'\">\n      <div class=\"title\">\n        <span>{{ title }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, ref, watch } from 'vue'\nimport { borderComponentProps } from './props'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle } from '@/hooks'\nimport { GLOBAL_CONFIG, GLOBAL_MODEL } from '@/utils/constant'\nexport default defineComponent({\n  name: 'EcanBorder',\n  props: {\n    ...borderComponentProps\n  },\n  setup (props) {\n    const style = usePickComponentStyle(props, ['background'])\n    const { theme } = inject(GLOBAL_CONFIG, {\n      theme: 'light'\n    })\n    const borderStyle = computed(() => {\n      return {\n        // borderWidth: props.borderWidth,\n        // borderStyle: props.borderStyle,\n        // borderRadius: props.borderRadius,\n        // borderColor: props.borderColor,\n        // backgroundColor: props.backgroundColor,\n        width: '100%',\n        height: '100%'\n      }\n    })\n    const emitEvent = useEmitEvent(props)\n    const click = emitEvent('click', () => {})\n    const myData = ref<{ [key:string]: any } []>([])\n    watch(() => props.data, (data: { [key:string]: any } []) => {\n      myData.value = data\n    }, {\n      immediate: true,\n      deep: true\n    })\n    useOnEvent(props, {\n      click\n    })\n    const { setGlobalModel } = inject(GLOBAL_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setGlobalModel: (key: string, value: any) => void 0\n    })\n    // 初始化设置值\n    setGlobalModel(props.id as string, {\n      type: props.type,\n      value: myData\n    })\n    return {\n      style,\n      click,\n      borderStyle,\n      theme\n    }\n  }\n})\n</script>\n\n<style scoped lang=\"less\">\n.top-title, .no-title {\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  .border-item {\n    position: absolute;\n    z-index: 2;\n    border-color: #50FCFC;\n    border-style: solid;\n    width: 13px;\n    height: 11px;\n  }\n  .top-left {\n    top: 0;\n    left: 0;\n    border-top-width: 1px;\n    border-right-width: 0;\n    border-bottom-width: 0;\n    border-left-width: 1px;\n  }\n  .top-right {\n    top: 0;\n    right: -2px;\n    border-top-width: 1px;\n    border-right-width: 1px;\n    border-bottom-width: 0;\n    border-left-width: 0;\n  }\n  .bottom-left {\n    bottom: -2px;\n    left: 0;\n    border-top-width: 0;\n    border-right-width: 0;\n    border-bottom-width: 1px;\n    border-left-width: 1px;\n  }\n  .bottom-right {\n    bottom: -2px;\n    right: -2px;\n    border-top-width: 0;\n    border-right-width: 1px;\n    border-bottom-width: 1px;\n    border-left-width: 0;\n  }\n  .title-item-wrapper {\n    width: 100%;\n    padding: 5px 0;\n    background-image: url(\"../../assets/border-title-background.png\");\n    background-size: cover;\n    display: grid;\n    place-content: center;\n  }\n  .title-item {\n    display: flex;\n    align-items: center;\n  }\n  .title {\n    padding: 0 17px;\n    color: #d5fdfd;\n    background: linear-gradient(0deg,#01aaff,#00eaff);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n  .title-decoration-left {\n    width: 58px;\n    height: 14px;\n  }\n  .title-decoration-right {\n    width: 58px;\n    height: 14px;\n  }\n}\n\n.left-title {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  border: 2px solid #375A8899;\n  border-radius: 0;\n  .title {\n    position: absolute;\n    left: -33px;\n    top: -14px;\n    width: 33px;\n    min-height: 194px;\n    padding-top: 33px;\n    padding-bottom: 31px;\n    background-image: url(\"../../assets/border-left-title.png\");\n    background-repeat: no-repeat;\n    background-size: 100% 100%;\n    color: #fff;\n    font-weight: 500;\n    text-align: center;\n    span {\n      writing-mode: vertical-lr;\n    }\n  }\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;AA8CA,MAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,GAAG;AAAA,EACL;AAAA,EACA,MAAO,OAAO;AACZ,UAAM,QAAQ,sBAAsB,OAAO,CAAC,YAAY,CAAC;AACzD,UAAM,EAAE,MAAA,IAAU,OAAO,eAAe;AAAA,MACtC,OAAO;AAAA,IAAA,CACR;AACK,UAAA,cAAc,SAAS,MAAM;AAC1B,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAML,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,IACV,CACD;AACK,UAAA,YAAY,aAAa,KAAK;AAC9B,UAAA,QAAQ,UAAU,SAAS,MAAM;AAAA,IAAA,CAAE;AACnC,UAAA,SAAS,IAA8B,CAAA,CAAE;AAC/C,UAAM,MAAM,MAAM,MAAM,CAAC,SAAmC;AAC1D,aAAO,QAAQ;AAAA,IAAA,GACd;AAAA,MACD,WAAW;AAAA,MACX,MAAM;AAAA,IAAA,CACP;AACD,eAAW,OAAO;AAAA,MAChB;AAAA,IAAA,CACD;AACD,UAAM,EAAE,eAAA,IAAmB,OAAO,cAAc;AAAA;AAAA;AAAA,MAG9C,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AAED,mBAAe,MAAM,IAAc;AAAA,MACjC,MAAM,MAAM;AAAA,MACZ,OAAO;AAAA,IAAA,CACR;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/es/container/border/Border.vue3.js

@@ -0,0 +1,5 @@
+const Border_vue_vue_type_style_index_0_scoped_f3fc1305_lang = "";
+export {
+  Border_vue_vue_type_style_index_0_scoped_f3fc1305_lang as default
+};
+//# sourceMappingURL=Border.vue3.js.map

package/es/container/border/Border.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Border.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/container/border/index.js

@@ -0,0 +1,12 @@
+import { withInstall } from "../../utils/withInstall.js";
+import Border from "./Border.vue.js";
+import { borderComponentProps, borderEvents, borderProps } from "./props.js";
+const EcanBorder = withInstall(Border);
+export {
+  EcanBorder,
+  borderComponentProps,
+  borderEvents,
+  borderProps,
+  EcanBorder as default
+};
+//# sourceMappingURL=index.js.map

package/es/container/border/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/container/border/index.ts"],"sourcesContent":["import { withInstall } from '@/utils/withInstall'\nimport Border from './Border.vue'\nexport const EcanBorder = withInstall(Border)\nexport default EcanBorder\nexport * from './props'\n"],"names":[],"mappings":";;;AAEa,MAAA,aAAa,YAAY,MAAM;"}

package/es/container/border/props.js

@@ -0,0 +1,31 @@
+import { transformToComponentProps, props } from "../../utils/props.js";
+const borderProps = {
+  ...props,
+  name: "边框",
+  keyName: "边框",
+  type: "ecanBorder",
+  width: "300px",
+  height: "300px",
+  zIndex: 0,
+  fontSize: "16px",
+  fontFamily: "",
+  fontWeight: 700,
+  title: "标题",
+  mode: "no-title",
+  borderColor: "#eee",
+  borderRadius: "5px",
+  borderStyle: "solid",
+  borderWidth: "2px",
+  backgroundColor: "#ffffff",
+  useBorderModify: false,
+  textShadow: "",
+  data: {}
+};
+const borderComponentProps = transformToComponentProps(borderProps);
+const borderEvents = ["click"];
+export {
+  borderComponentProps,
+  borderEvents,
+  borderProps
+};
+//# sourceMappingURL=props.js.map

package/es/container/border/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../src/container/border/props.ts"],"sourcesContent":["import {\n  Props,\n  props,\n  transformToComponentProps\n} from '@/utils/props'\n\nexport interface BorderProps extends Props {\n  fontSize: string // 字体大小\n  fontFamily: string // 字体\n  fontWeight: number // 字体的粗细程度\n  title: string\n  mode: 'top-title' | 'no-title' | 'left-top'\n  borderColor: string\n  borderRadius: string\n  borderStyle: string\n  borderWidth: string\n  backgroundColor: string\n  useBorderModify: boolean\n  textShadow: string\n  data: { [key:string]: any }\n}\n\nexport const borderProps: BorderProps = {\n  ...props,\n  name: '边框',\n  keyName: '边框',\n  type: 'ecanBorder',\n  width: '300px',\n  height: '300px',\n  zIndex: 0,\n  fontSize: '16px',\n  fontFamily: '',\n  fontWeight: 700,\n  title: '标题',\n  mode: 'no-title',\n  borderColor: '#eee',\n  borderRadius: '5px',\n  borderStyle: 'solid',\n  borderWidth: '2px',\n  backgroundColor: '#ffffff',\n  useBorderModify: false,\n  textShadow: '',\n  data: {}\n}\n\nexport const borderComponentProps = transformToComponentProps(borderProps)\n\nexport const borderEvents = ['click']\n"],"names":[],"mappings":";AAsBO,MAAM,cAA2B;AAAA,EACtC,GAAG;AAAA,EACH,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,MAAM;AAAA,EACN,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,MAAM,CAAC;AACT;AAEa,MAAA,uBAAuB,0BAA0B,WAAW;AAE5D,MAAA,eAAe,CAAC,OAAO;"}

package/es/container/modal/Modal.vue.js

@@ -0,0 +1,59 @@
+import _sfc_main from "./Modal.vue2.js";
+import { resolveComponent, openBlock, createBlock, normalizeStyle, createSlots, withCtx, createElementVNode, createElementBlock, Fragment, renderList, resolveDynamicComponent, mergeProps, toDisplayString } from "vue";
+import "./Modal.vue3.js";
+import "./Modal.vue4.js";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_modal = resolveComponent("a-modal");
+  return openBlock(), createBlock(_component_a_modal, {
+    getContainer: _ctx.getContainer,
+    wrapClassName: _ctx.wrapClassName,
+    centered: "",
+    visible: _ctx.visible,
+    footer: null,
+    width: _ctx.isFullModal || _ctx.isFullWidth ? "100%" : _ctx.modalWith,
+    destroyOnClose: _ctx.destroyOnClose,
+    style: normalizeStyle(_ctx.modalStyle),
+    onOk: _ctx.onOk,
+    onCancel: _ctx.onCancel
+  }, createSlots({
+    default: withCtx(() => [
+      createElementVNode("div", {
+        class: "contain",
+        ref: "contain",
+        style: normalizeStyle(_ctx.containStyle)
+      }, [
+        createElementVNode("div", {
+          class: "content",
+          style: normalizeStyle(_ctx.contentStyle)
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.componentList, (component, index) => {
+            return openBlock(), createBlock(resolveDynamicComponent(component.type), mergeProps({
+              key: component.id + index
+            }, component), null, 16);
+          }), 128))
+        ], 4)
+      ], 4)
+    ]),
+    _: 2
+  }, [
+    _ctx.title ? {
+      name: "title",
+      fn: withCtx(() => [
+        createElementVNode("div", {
+          style: normalizeStyle({
+            fontSize: _ctx.titleFontSize,
+            color: _ctx.titleColor,
+            backgroundColor: _ctx.backgroundColor,
+            padding: "16px 24px"
+          })
+        }, toDisplayString(_ctx.title), 5)
+      ])
+    } : void 0
+  ]), 1032, ["getContainer", "wrapClassName", "visible", "width", "destroyOnClose", "style", "onOk", "onCancel"]);
+}
+const Modal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-aeb20a2b"]]);
+export {
+  Modal as default
+};
+//# sourceMappingURL=Modal.vue.js.map

package/es/container/modal/Modal.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.vue.js","sources":["../../../src/container/modal/Modal.vue"],"sourcesContent":["<template>\n  <!-- centered +  style 中的 verticalAlign 调整弹窗位置 -->\n  <a-modal\n    :getContainer=\"getContainer\"\n    :wrapClassName=\"wrapClassName\"\n    centered\n    :visible=\"visible\"\n    :footer=\"null\"\n    :width=\"isFullModal || isFullWidth ? '100%' : modalWith\"\n    :destroyOnClose=\"destroyOnClose\"\n    :style=\"modalStyle\"\n    @ok=\"onOk\"\n    @cancel=\"onCancel\"\n  >\n    <template #title v-if=\"title\" >\n      <div\n        :style=\"{\n          fontSize: titleFontSize,\n          color: titleColor,\n          backgroundColor,\n          padding: '16px 24px'\n        }\"\n      >\n        {{ title }}\n      </div>\n    </template>\n    <div class=\"contain\" ref=\"contain\" :style=\"containStyle\">\n      <div class=\"content\" :style=\"contentStyle\">\n        <component\n          v-for=\"(component, index) in componentList\"\n          :key=\"(component.id) + index\"\n          :is=\"component.type\"\n          v-bind=\"component\"\n        />\n      </div>\n    </div>\n  </a-modal>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, nextTick, ref, unref } from 'vue'\nimport { modalComponentProps, ModalPosition } from './props'\nimport { Modal as AModal } from 'ant-design-vue'\nimport 'ant-design-vue/es/modal/style'\nimport { useOnEvent, usePickComponentStyle, useImagePath } from '@/hooks'\nimport { REQUEST_MODEL } from '@/utils/constant'\nexport default defineComponent({\n  name: 'EcanModal',\n  components: {\n    AModal\n  },\n  props: {\n    ...modalComponentProps\n  },\n  setup (props) {\n    const getContainer = () => document.getElementById('ProviderConfig') || document.body\n    const modalStyle = computed(() => {\n      const position = props.position as ModalPosition\n      const map = {\n        default: '',\n        top: 'top',\n        center: 'middle',\n        bottom: 'bottom'\n      }\n      return {\n        verticalAlign: map[position]\n      }\n    })\n    const width = props.width as string\n    const height = props.height as string\n    const originalWidth = props.originalWidth as string\n    const originalHeight = props.originalHeight as string\n    const scaleWidth = computed(() => parseFloat(width) / parseFloat(originalWidth))\n    const scaleHeight = computed(() => parseFloat(height) / parseFloat(originalHeight))\n    // 弹窗适配\n    const modalWith = computed(() => `${unref(scaleWidth) * 100}%`)\n    // const modalHeight = computed(() => `${scaleHeight.value * 100}%`)\n    const screenWidth = computed(() => document.body.offsetWidth)\n    const screenHeight = computed(() => document.body.offsetHeight)\n    const containWidth = computed(() => unref(screenWidth) * unref(scaleWidth))\n    const containHeight = computed(() => unref(screenHeight) * unref(scaleHeight))\n    const containStyle = computed(() => ({\n      width: `${unref(containWidth)}px`,\n      height: `${unref(containHeight)}px`\n    }))\n    const style = usePickComponentStyle(props)\n    const contentStyle = computed(() => ({\n      ...unref(style),\n      backgroundImage: useImagePath(props.backgroundImage as string, true),\n      transform: `scale(${unref(containWidth) / parseFloat(width)},${unref(containHeight) / parseFloat(height)})`\n    }))\n    const isFullWidth = computed(() => unref(scaleWidth) >= 1)\n    const isFullModal = computed(() => props.fullModal)\n    const wrapClassName = computed(() => {\n      let className = 'ecan-modal'\n      if (unref(isFullWidth)) className += ' ecan-full-width-modal'\n      if (unref(isFullModal)) className += ' ecan-full-modal'\n      return className\n    })\n    const visible = ref(false)\n    const contain = ref<HTMLElement>()\n    const { touchRequest } = inject(REQUEST_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      touchRequest: () => void 0\n    })\n    const showModal = () => {\n      visible.value = true\n      nextTick(() => {\n        touchRequest()\n      })\n    }\n    const hideModal = () => {\n      visible.value = false\n    }\n    const onOk = () => {\n      hideModal()\n    }\n    const onCancel = () => {\n      hideModal()\n    }\n    // 注册\n    useOnEvent(props, {\n      showModal\n    })\n\n    return {\n      contain,\n      containStyle,\n      contentStyle,\n      getContainer,\n      modalStyle,\n      modalWith,\n      isFullModal,\n      style,\n      visible,\n      showModal,\n      onOk,\n      onCancel,\n      isFullWidth,\n      wrapClassName\n    }\n  }\n})\n</script>\n\n<style scoped lang=\"less\">\n.contain {\n  position: relative;\n  overflow: hidden;\n}\n.content {\n  transform-origin: left top;\n  z-index: 999;\n}\n</style>\n\n<style lang=\"less\">\n.ecan-modal {\n  .ant-modal-body {\n    padding: 0;\n  }\n  .ant-modal-header {\n    padding: 0;\n    border-bottom: none;\n    background: none;\n  }\n}\n\n.ecan-full-width-modal {\n  .ant-modal {\n    max-width: 100%;\n    top: 0;\n    padding-bottom: 0;\n    margin: 0;\n  }\n  .ant-modal-content {\n    display: flex;\n    flex-direction: column;\n  }\n  .ant-modal-body {\n    flex: 1;\n  }\n}\n\n.ecan-full-modal {\n  .ant-modal {\n    max-width: 100%;\n    top: 0;\n    padding-bottom: 0;\n    margin: 0;\n  }\n  .ant-modal-content {\n    display: flex;\n    flex-direction: column;\n    height: calc(100vh);\n  }\n  .ant-modal-body {\n    flex: 1;\n  }\n}\n\n[datav-theme='darkBlue'] .ecan-modal {\n  .anticon-close > svg > path {\n    fill: #fff;\n  }\n}\n</style>\n"],"names":["_resolveComponent","_openBlock","_createBlock","_normalizeStyle","_createSlots","_withCtx","_createElementVNode","_createElementBlock","_Fragment","_renderList","_resolveDynamicComponent","_mergeProps"],"mappings":";;;;;;6BAEEA,iBAkCU,SAAA;AAhCP,SAAAC,UAAA,GAA4BC,YAAA,oBAAA;AAAA,IAC7B,cAAQ,KAAA;AAAA,IACP,eAAS,KAAA;AAAA,IACT,UAAQ;AAAA,IACR,SAAO,KAAA;AAAA,IACP,QAAA;AAAA,IACA,OAAK,oBAAE,KAAU,cAAA,SAAA,KAAA;AAAA,IACjB,gBAAQ,KAAA;AAAA,IACR,OAAgBC,eAAA,KAAA,UAAA;AAAA,IAAA,MAAA,KAAA;AAAA;EAcjB,GAAAC,YAAA;AAAA,IAAA,SAAUC,QAAC,MAAS;AAAA,MAAcC,mBAAA,OAAA;AAAA,QAAE,OAAK;AAAA,QAAA,KAAA;AAAA,QACvC,OAOMH,eAAA,KAAA,YAAA;AAAA,MAAA,GAAA;AAAA,2BAPqB,OAAE;AAAA,UAAA,OAAA;AAAA,gCAC3B,KAKE,YAAA;AAAA,QAAA,GAAA;AAAA,WAHOF,UAAA,IAAA,GAASM,mBAAYC,UAAA,MAAAC,WAAA,KAAA,eAAA,CAAA,WAAA,UAAA;mBAEpBR,UAAS,GAAAC,YAAAQ,wBAAA,UAAA,IAAA,GAAAC,WAAA;AAAA,cAAA,KAAA,UAAA,KAAA;AAAA;;;;;IAlBA,GAAA;AAAA,EAAA,GAAA;AAAA;MACrB,MAAA;AAAA,MAAA,IACGN,QAAK,MAAA;AAAA,QAAAC,mBAAwB,OAAa;AAAA,UAAA,OAAmBH,eAAU;AAAA,YAAA,UAAA,KAAA;AAAA;;;;;;;;;;"}

package/es/container/modal/Modal.vue2.js

@@ -0,0 +1,113 @@
+import { defineComponent, computed, unref, ref, inject, nextTick } from "vue";
+import { modalComponentProps } from "./props.js";
+import { Modal } from "ant-design-vue";
+import "../../node_modules/ant-design-vue/es/style/default.less.js";
+import "../../node_modules/ant-design-vue/es/modal/style/index.less.js";
+import "../../node_modules/ant-design-vue/es/button/style/index.less.js";
+import { usePickComponentStyle } from "../../hooks/usePickComponentStyle.js";
+import { useOnEvent } from "../../hooks/useOnEvent.js";
+import "lodash-es";
+import { REQUEST_MODEL } from "../../utils/constant.js";
+import "../../node_modules/axios/index.js";
+import { useImagePath } from "../../hooks/useImagePath.js";
+import "../../utils/request.js";
+const _sfc_main = defineComponent({
+  name: "EcanModal",
+  components: {
+    AModal: Modal
+  },
+  props: {
+    ...modalComponentProps
+  },
+  setup(props) {
+    const getContainer = () => document.getElementById("ProviderConfig") || document.body;
+    const modalStyle = computed(() => {
+      const position = props.position;
+      const map = {
+        default: "",
+        top: "top",
+        center: "middle",
+        bottom: "bottom"
+      };
+      return {
+        verticalAlign: map[position]
+      };
+    });
+    const width = props.width;
+    const height = props.height;
+    const originalWidth = props.originalWidth;
+    const originalHeight = props.originalHeight;
+    const scaleWidth = computed(() => parseFloat(width) / parseFloat(originalWidth));
+    const scaleHeight = computed(() => parseFloat(height) / parseFloat(originalHeight));
+    const modalWith = computed(() => `${unref(scaleWidth) * 100}%`);
+    const screenWidth = computed(() => document.body.offsetWidth);
+    const screenHeight = computed(() => document.body.offsetHeight);
+    const containWidth = computed(() => unref(screenWidth) * unref(scaleWidth));
+    const containHeight = computed(() => unref(screenHeight) * unref(scaleHeight));
+    const containStyle = computed(() => ({
+      width: `${unref(containWidth)}px`,
+      height: `${unref(containHeight)}px`
+    }));
+    const style = usePickComponentStyle(props);
+    const contentStyle = computed(() => ({
+      ...unref(style),
+      backgroundImage: useImagePath(props.backgroundImage, true),
+      transform: `scale(${unref(containWidth) / parseFloat(width)},${unref(containHeight) / parseFloat(height)})`
+    }));
+    const isFullWidth = computed(() => unref(scaleWidth) >= 1);
+    const isFullModal = computed(() => props.fullModal);
+    const wrapClassName = computed(() => {
+      let className = "ecan-modal";
+      if (unref(isFullWidth))
+        className += " ecan-full-width-modal";
+      if (unref(isFullModal))
+        className += " ecan-full-modal";
+      return className;
+    });
+    const visible = ref(false);
+    const contain = ref();
+    const { touchRequest } = inject(REQUEST_MODEL, {
+      // @ts-ignore
+      // eslint-disable-next-line no-void
+      touchRequest: () => void 0
+    });
+    const showModal = () => {
+      visible.value = true;
+      nextTick(() => {
+        touchRequest();
+      });
+    };
+    const hideModal = () => {
+      visible.value = false;
+    };
+    const onOk = () => {
+      hideModal();
+    };
+    const onCancel = () => {
+      hideModal();
+    };
+    useOnEvent(props, {
+      showModal
+    });
+    return {
+      contain,
+      containStyle,
+      contentStyle,
+      getContainer,
+      modalStyle,
+      modalWith,
+      isFullModal,
+      style,
+      visible,
+      showModal,
+      onOk,
+      onCancel,
+      isFullWidth,
+      wrapClassName
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Modal.vue2.js.map