@ecan-bi/datav 1.1.15 → 1.1.17

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

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

package/lib/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":["defineComponent","borderComponentProps","props","usePickComponentStyle","inject","GLOBAL_CONFIG","computed","useEmitEvent","ref","watch","useOnEvent","GLOBAL_MODEL"],"mappings":";;;;;;;;;;;;AA8CA,MAAA,YAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,GAAGC,MAAA;AAAA,EACL;AAAA,EACA,MAAOC,QAAO;AACZ,UAAM,QAAQC,sBAAA,sBAAsBD,QAAO,CAAC,YAAY,CAAC;AACzD,UAAM,EAAE,MAAA,IAAUE,IAAA,OAAOC,wBAAe;AAAA,MACtC,OAAO;AAAA,IAAA,CACR;AACK,UAAA,cAAcC,IAAAA,SAAS,MAAM;AAC1B,aAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAML,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,IACV,CACD;AACK,UAAA,YAAYC,0BAAaL,MAAK;AAC9B,UAAA,QAAQ,UAAU,SAAS,MAAM;AAAA,IAAA,CAAE;AACnC,UAAA,SAASM,QAA8B,CAAA,CAAE;AAC/CC,QAAAA,MAAM,MAAMP,OAAM,MAAM,CAAC,SAAmC;AAC1D,aAAO,QAAQ;AAAA,IAAA,GACd;AAAA,MACD,WAAW;AAAA,MACX,MAAM;AAAA,IAAA,CACP;AACDQ,eAAAA,WAAWR,QAAO;AAAA,MAChB;AAAA,IAAA,CACD;AACD,UAAM,EAAE,eAAA,IAAmBE,IAAA,OAAOO,uBAAc;AAAA;AAAA;AAAA,MAG9C,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AAED,mBAAeT,OAAM,IAAc;AAAA,MACjC,MAAMA,OAAM;AAAA,MACZ,OAAO;AAAA,IAAA,CACR;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Border_vue_vue_type_style_index_0_scoped_f3fc1305_lang = "";
+exports.default = Border_vue_vue_type_style_index_0_scoped_f3fc1305_lang;
+//# sourceMappingURL=Border.vue3.js.map

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

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

package/lib/container/border/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const withInstall = require("../../utils/withInstall.js");
+const Border = require("./Border.vue.js");
+const props = require("./props.js");
+const EcanBorder = withInstall.withInstall(Border.default);
+exports.borderComponentProps = props.borderComponentProps;
+exports.borderEvents = props.borderEvents;
+exports.borderProps = props.borderProps;
+exports.EcanBorder = EcanBorder;
+exports.default = EcanBorder;
+//# sourceMappingURL=index.js.map

package/lib/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":["withInstall","Border"],"mappings":";;;;;AAEa,MAAA,aAAaA,wBAAYC,OAAM,OAAA;;;;;;"}

package/lib/container/border/props.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const props = require("../../utils/props.js");
+const borderProps = {
+  ...props.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 = props.transformToComponentProps(borderProps);
+const borderEvents = ["click"];
+exports.borderComponentProps = borderComponentProps;
+exports.borderEvents = borderEvents;
+exports.borderProps = borderProps;
+//# sourceMappingURL=props.js.map

package/lib/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":["props","transformToComponentProps"],"mappings":";;;AAsBO,MAAM,cAA2B;AAAA,EACtC,GAAGA,MAAA;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,uBAAuBC,gCAA0B,WAAW;AAE5D,MAAA,eAAe,CAAC,OAAO;;;;"}

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

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Modal_vue_vue_type_script_lang = require("./Modal.vue2.js");
+const vue = require("vue");
+require("./Modal.vue3.js");
+require("./Modal.vue4.js");
+const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_modal = vue.resolveComponent("a-modal");
+  return vue.openBlock(), vue.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: vue.normalizeStyle(_ctx.modalStyle),
+    onOk: _ctx.onOk,
+    onCancel: _ctx.onCancel
+  }, vue.createSlots({
+    default: vue.withCtx(() => [
+      vue.createElementVNode("div", {
+        class: "contain",
+        ref: "contain",
+        style: vue.normalizeStyle(_ctx.containStyle)
+      }, [
+        vue.createElementVNode("div", {
+          class: "content",
+          style: vue.normalizeStyle(_ctx.contentStyle)
+        }, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.componentList, (component, index) => {
+            return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(component.type), vue.mergeProps({
+              key: component.id + index
+            }, component), null, 16);
+          }), 128))
+        ], 4)
+      ], 4)
+    ]),
+    _: 2
+  }, [
+    _ctx.title ? {
+      name: "title",
+      fn: vue.withCtx(() => [
+        vue.createElementVNode("div", {
+          style: vue.normalizeStyle({
+            fontSize: _ctx.titleFontSize,
+            color: _ctx.titleColor,
+            backgroundColor: _ctx.backgroundColor,
+            padding: "16px 24px"
+          })
+        }, vue.toDisplayString(_ctx.title), 5)
+      ])
+    } : void 0
+  ]), 1032, ["getContainer", "wrapClassName", "visible", "width", "destroyOnClose", "style", "onOk", "onCancel"]);
+}
+const Modal = /* @__PURE__ */ _pluginVue_exportHelper.default(Modal_vue_vue_type_script_lang.default, [["render", _sfc_render], ["__scopeId", "data-v-aeb20a2b"]]);
+exports.default = Modal;
+//# sourceMappingURL=Modal.vue.js.map

package/lib/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,qBAkCU,SAAA;AAhCP,SAAAC,IAAA,UAAA,GAA4BC,IAAA,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,IAAAA,eAAA,KAAA,UAAA;AAAA,IAAA,MAAA,KAAA;AAAA;EAcjB,GAAAC,gBAAA;AAAA,IAAA,SAAUC,YAAC,MAAS;AAAA,MAAcC,IAAAA,mBAAA,OAAA;AAAA,QAAE,OAAK;AAAA,QAAA,KAAA;AAAA,QACvC,OAOMH,IAAAA,eAAA,KAAA,YAAA;AAAA,MAAA,GAAA;AAAA,+BAPqB,OAAE;AAAA,UAAA,OAAA;AAAA,oCAC3B,KAKE,YAAA;AAAA,QAAA,GAAA;AAAA,WAHOF,IAAAA,UAAA,IAAA,GAASM,IAAY,mBAAAC,cAAA,MAAAC,IAAA,WAAA,KAAA,eAAA,CAAA,WAAA,UAAA;mBAEpBR,IAAAA,UAAS,GAAAC,gBAAAQ,IAAAA,wBAAA,UAAA,IAAA,GAAAC,eAAA;AAAA,cAAA,KAAA,UAAA,KAAA;AAAA;;;;;IAlBA,GAAA;AAAA,EAAA,GAAA;AAAA;MACrB,MAAA;AAAA,MAAA,IACGN,IAAK,QAAA,MAAA;AAAA,QAAAC,IAAAA,mBAAwB,OAAa;AAAA,UAAA,OAAmBH,IAAAA,eAAU;AAAA,YAAA,UAAA,KAAA;AAAA;;;;;;;;;;;"}

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

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

package/lib/container/modal/Modal.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.vue2.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":["defineComponent","AModal","modalComponentProps","props","computed","unref","usePickComponentStyle","useImagePath","ref","inject","REQUEST_MODEL","nextTick","useOnEvent"],"mappings":";;;;;;;;;;;;;;;AA8CA,MAAA,YAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IAAA,QACVC,aAAA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,GAAGC,MAAA;AAAA,EACL;AAAA,EACA,MAAOC,QAAO;AACZ,UAAM,eAAe,MAAM,SAAS,eAAe,gBAAgB,KAAK,SAAS;AAC3E,UAAA,aAAaC,IAAAA,SAAS,MAAM;AAChC,YAAM,WAAWD,OAAM;AACvB,YAAM,MAAM;AAAA,QACV,SAAS;AAAA,QACT,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,QAAQ;AAAA,MAAA;AAEH,aAAA;AAAA,QACL,eAAe,IAAI,QAAQ;AAAA,MAAA;AAAA,IAC7B,CACD;AACD,UAAM,QAAQA,OAAM;AACpB,UAAM,SAASA,OAAM;AACrB,UAAM,gBAAgBA,OAAM;AAC5B,UAAM,iBAAiBA,OAAM;AACvB,UAAA,aAAaC,aAAS,MAAM,WAAW,KAAK,IAAI,WAAW,aAAa,CAAC;AACzE,UAAA,cAAcA,aAAS,MAAM,WAAW,MAAM,IAAI,WAAW,cAAc,CAAC;AAElF,UAAM,YAAYA,aAAS,MAAM,GAAGC,IAAAA,MAAM,UAAU,IAAI,MAAM;AAE9D,UAAM,cAAcD,IAAAA,SAAS,MAAM,SAAS,KAAK,WAAW;AAC5D,UAAM,eAAeA,IAAAA,SAAS,MAAM,SAAS,KAAK,YAAY;AACxD,UAAA,eAAeA,aAAS,MAAMC,IAAA,MAAM,WAAW,IAAIA,IAAA,MAAM,UAAU,CAAC;AACpE,UAAA,gBAAgBD,aAAS,MAAMC,IAAA,MAAM,YAAY,IAAIA,IAAA,MAAM,WAAW,CAAC;AACvE,UAAA,eAAeD,IAAAA,SAAS,OAAO;AAAA,MACnC,OAAO,GAAGC,IAAAA,MAAM,YAAY;AAAA,MAC5B,QAAQ,GAAGA,IAAAA,MAAM,aAAa;AAAA,IAC9B,EAAA;AACI,UAAA,QAAQC,4CAAsBH,MAAK;AACnC,UAAA,eAAeC,IAAAA,SAAS,OAAO;AAAA,MACnC,GAAGC,IAAAA,MAAM,KAAK;AAAA,MACd,iBAAiBE,aAAA,aAAaJ,OAAM,iBAA2B,IAAI;AAAA,MACnE,WAAW,SAASE,IAAAA,MAAM,YAAY,IAAI,WAAW,KAAK,KAAKA,IAAAA,MAAM,aAAa,IAAI,WAAW,MAAM;AAAA,IACvG,EAAA;AACF,UAAM,cAAcD,IAAAA,SAAS,MAAMC,IAAM,MAAA,UAAU,KAAK,CAAC;AACzD,UAAM,cAAcD,IAAA,SAAS,MAAMD,OAAM,SAAS;AAC5C,UAAA,gBAAgBC,IAAAA,SAAS,MAAM;AACnC,UAAI,YAAY;AAChB,UAAIC,IAAAA,MAAM,WAAW;AAAgB,qBAAA;AACrC,UAAIA,IAAAA,MAAM,WAAW;AAAgB,qBAAA;AAC9B,aAAA;AAAA,IAAA,CACR;AACK,UAAA,UAAUG,QAAI,KAAK;AACzB,UAAM,UAAUA,IAAAA;AAChB,UAAM,EAAE,aAAA,IAAiBC,IAAA,OAAOC,wBAAe;AAAA;AAAA;AAAA,MAG7C,cAAc,MAAM;AAAA,IAAA,CACrB;AACD,UAAM,YAAY,MAAM;AACtB,cAAQ,QAAQ;AAChBC,UAAAA,SAAS,MAAM;AACA;MAAA,CACd;AAAA,IAAA;AAEH,UAAM,YAAY,MAAM;AACtB,cAAQ,QAAQ;AAAA,IAAA;AAElB,UAAM,OAAO,MAAM;AACP;IAAA;AAEZ,UAAM,WAAW,MAAM;AACX;IAAA;AAGZC,eAAAA,WAAWT,QAAO;AAAA,MAChB;AAAA,IAAA,CACD;AAEM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

package/lib/container/modal/Modal.vue3.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Modal_vue_vue_type_style_index_0_scoped_aeb20a2b_lang = "";
+exports.default = Modal_vue_vue_type_style_index_0_scoped_aeb20a2b_lang;
+//# sourceMappingURL=Modal.vue3.js.map

package/lib/container/modal/Modal.vue3.js.map

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

package/lib/container/modal/Modal.vue4.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Modal_vue_vue_type_style_index_1_lang = "";
+exports.default = Modal_vue_vue_type_style_index_1_lang;
+//# sourceMappingURL=Modal.vue4.js.map

package/lib/container/modal/Modal.vue4.js.map

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

package/lib/container/modal/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const withInstall = require("../../utils/withInstall.js");
+const Modal = require("./Modal.vue.js");
+const props = require("./props.js");
+const EcanModal = withInstall.withInstall(Modal.default);
+exports.modalComponentProps = props.modalComponentProps;
+exports.modalEvents = props.modalEvents;
+exports.modalProps = props.modalProps;
+exports.EcanModal = EcanModal;
+exports.default = EcanModal;
+//# sourceMappingURL=index.js.map

package/lib/container/modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/container/modal/index.ts"],"sourcesContent":["import { withInstall } from '@/utils/withInstall'\nimport Modal from './Modal.vue'\nexport const EcanModal = withInstall(Modal)\nexport default EcanModal\nexport * from './props'\n"],"names":["withInstall","Modal"],"mappings":";;;;;AAEa,MAAA,YAAYA,wBAAYC,MAAK,OAAA;;;;;;"}

package/lib/container/modal/props.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const props = require("../../utils/props.js");
+const modalProps = {
+  id: "",
+  type: "ecanModal",
+  title: "",
+  titleFontSize: "14px",
+  titleColor: "",
+  width: "1000px",
+  height: "800px",
+  originalWidth: "1920px",
+  originalHeight: "1080px",
+  backgroundColor: "#fff",
+  backgroundImage: "",
+  backgroundSize: "100% 100%",
+  keyName: "弹窗",
+  componentList: [],
+  fullModal: false,
+  destroyOnClose: true,
+  position: "default"
+};
+const modalComponentProps = props.transformToComponentProps(modalProps);
+const modalEvents = ["showModal"];
+exports.modalComponentProps = modalComponentProps;
+exports.modalEvents = modalEvents;
+exports.modalProps = modalProps;
+//# sourceMappingURL=props.js.map

package/lib/container/modal/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../src/container/modal/props.ts"],"sourcesContent":["import { transformToComponentProps } from '@/utils/props'\n\nexport type ModalPosition = 'default' | 'top' | 'center' | 'bottom'\n\nexport interface ModalProps {\n  id: string\n  type: string\n  width: string\n  height: string\n  title: string\n  titleFontSize: string\n  titleColor: string\n  backgroundColor: string\n  backgroundImage: string\n  backgroundSize: string\n  keyName: string\n  componentList: { [key: string]: any } []\n  fullModal: boolean // 是否充满全屏\n  originalWidth: string // 设计稿宽\n  originalHeight: string // 设计稿长\n  destroyOnClose: boolean\n  position: ModalPosition\n}\n\nexport const modalProps: ModalProps = {\n  id: '',\n  type: 'ecanModal',\n  title: '',\n  titleFontSize: '14px',\n  titleColor: '',\n  width: '1000px',\n  height: '800px',\n  originalWidth: '1920px',\n  originalHeight: '1080px',\n  backgroundColor: '#fff',\n  backgroundImage: '',\n  backgroundSize: '100% 100%',\n  keyName: '弹窗',\n  componentList: [],\n  fullModal: false,\n  destroyOnClose: true,\n  position: 'default'\n}\n\nexport const modalComponentProps = transformToComponentProps(modalProps)\n\nexport const modalEvents = ['showModal']\n"],"names":["transformToComponentProps"],"mappings":";;;AAwBO,MAAM,aAAyB;AAAA,EACpC,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,OAAO;AAAA,EACP,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,eAAe,CAAC;AAAA,EAChB,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,UAAU;AACZ;AAEa,MAAA,sBAAsBA,gCAA0B,UAAU;AAE1D,MAAA,cAAc,CAAC,WAAW;;;;"}

package/lib/container/tabs/Tabs.vue.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Tabs_vue_vue_type_script_lang = require("./Tabs.vue2.js");
+const vue = require("vue");
+require("./Tabs.vue3.js");
+const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
+const _hoisted_1 = ["onClick"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: "ecan-tabs",
+    style: vue.normalizeStyle(_ctx.style)
+  }, [
+    vue.createElementVNode("div", {
+      class: "tabs-header",
+      style: vue.normalizeStyle({
+        fontSize: _ctx.tabFontSize,
+        alignItems: _ctx.tabAlignItems,
+        justifyContent: _ctx.tabJustifyContent,
+        flexDirection: _ctx.tabFlexDirection
+      })
+    }, [
+      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.myData, (tab, index) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: "tab",
+          style: vue.normalizeStyle({
+            padding: `5px ${_ctx.tabHorizontalPadding}`,
+            color: _ctx.isActive(index) ? _ctx.activeTabColor : _ctx.tabColor,
+            backgroundImage: _ctx.isActive(index) ? _ctx.useImagePath(_ctx.activeTabBackgroundImage, true) : _ctx.useImagePath(_ctx.tabBackgroundImage, true),
+            marginRight: _ctx.tabFlexDirection === "row" ? _ctx.tabBarGutter : null,
+            marginBottom: _ctx.tabFlexDirection === "column" ? _ctx.tabBarGutter : null,
+            fontWeight: _ctx.tabFontWeight
+          }),
+          key: index,
+          onClick: vue.withModifiers(($event) => _ctx.tabChange(tab, index), ["prevent", "stop"])
+        }, [
+          vue.createElementVNode("div", {
+            class: "tab-inner",
+            style: vue.normalizeStyle({
+              borderBottom: !_ctx.activeTabBackgroundImage && !_ctx.tabBackgroundImage ? `1px solid ${_ctx.isActive(index) ? _ctx.activeTabColor : "transparent"}` : ""
+            })
+          }, vue.toDisplayString(tab.title), 5)
+        ], 12, _hoisted_1);
+      }), 128))
+    ], 4)
+  ], 4);
+}
+const Tabs = /* @__PURE__ */ _pluginVue_exportHelper.default(Tabs_vue_vue_type_script_lang.default, [["render", _sfc_render], ["__scopeId", "data-v-3db5a989"]]);
+exports.default = Tabs;
+//# sourceMappingURL=Tabs.vue.js.map

package/lib/container/tabs/Tabs.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.vue.js","sources":["../../../src/container/tabs/Tabs.vue"],"sourcesContent":["<template>\n  <div class=\"ecan-tabs\" :style=\"style\">\n    <div\n      class=\"tabs-header\"\n      :style=\"{\n        fontSize: tabFontSize,\n        alignItems: tabAlignItems,\n        justifyContent: tabJustifyContent,\n        flexDirection: tabFlexDirection\n      }\"\n    >\n      <div\n        class=\"tab\"\n        :style=\"{\n          padding: `5px ${tabHorizontalPadding}`,\n          color: isActive(index) ? activeTabColor : tabColor,\n          backgroundImage: isActive(index) ? useImagePath(activeTabBackgroundImage, true) : useImagePath(tabBackgroundImage, true),\n          marginRight: tabFlexDirection === 'row' ? tabBarGutter : null,\n          marginBottom: tabFlexDirection === 'column' ? tabBarGutter : null,\n          fontWeight: tabFontWeight\n        }\"\n        v-for=\"(tab, index) in myData\"\n        :key=\"index\"\n        @click.prevent.stop=\"tabChange(tab, index)\"\n      >\n        <div\n          class=\"tab-inner\"\n          :style=\"{\n            borderBottom: !activeTabBackgroundImage &&  !tabBackgroundImage ? `1px solid ${isActive(index) ? activeTabColor : 'transparent'}` : ''\n          }\"\n        >\n          {{tab.title}}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, unref, watch } from 'vue'\nimport { tabsComponentProps } from './props'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle, useImagePath } from '@/hooks'\nimport { GLOBAL_MODEL, REFRESH_PAGE } from '@/utils/constant'\nexport default defineComponent({\n  name: 'EcanTabs',\n  props: {\n    ...tabsComponentProps\n  },\n  setup (props) {\n    const style = usePickComponentStyle(props)\n    const activeKey = ref(0)\n    watch(() => props.activeKey, (key) => {\n      activeKey.value = key\n    }, {\n      immediate: true\n    })\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    const isActive = (index: number) => activeKey.value === index\n    const myValue = ref(props.value || (unref(myData)[0] && unref(myData)[0]?.value) || '')\n    // 注册函数触发事件拦截器\n    const emitEvent = useEmitEvent(props)\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      value: myValue,\n      activeKey\n    })\n\n    const { emitRefreshPage } = inject(REFRESH_PAGE, {\n      // eslint-disable-next-line no-void\n      emitRefreshPage: () => void 0\n    })\n\n    const tabChange = emitEvent('tabChange', (tab:{ [key:string]:any }, index: number) => {\n      if (index !== unref(activeKey)) {\n        myValue.value = tab?.value || ''\n        activeKey.value = index\n        emitRefreshPage()\n      }\n    })\n    useOnEvent(props, {\n      tabChange\n    })\n    return {\n      style,\n      activeKey,\n      isActive,\n      tabChange,\n      myData,\n      useImagePath\n    }\n  }\n})\n</script>\n\n<style scoped lang=\"less\">\n.ecan-tabs {\n  display: flex;\n}\n\n.tabs-header {\n  width: 100%;\n  color: #333333;\n  display: flex;\n  padding: 0 10px;\n}\n\n.tab {\n  background-size: 100% 100%;\n  background-repeat: no-repeat;\n  cursor: default;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.tab:last-child {\n  margin-bottom: 0 !important;\n  margin-right: 0 !important;\n}\n\n.tabs-content {\n  flex:1;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_normalizeStyle","_createElementVNode","_Fragment","_renderList","_withModifiers"],"mappings":";;;;;;;AACY,SAAA,YAAC,MAAW,QAAA,QAAA,QAAA,OAAA,UAAA;SAAOA,IAAO,UAAA,GAAAC,IAAA,mBAAA,OAAA;AAAA,IAAA,OAAA;AAAA,IAClC,OAgCMC,IAAAA,eAAA,KAAA,KAAA;AAAA,EAAA,GAAA;AAAA,IA9BEC,IAAAA,mBAAA,OAAA;AAAA,MAAA,OAAA;AAAA,MAAuD,OAAAD,IAAAA,eAAA;AAAA,QAAA,UAAA,KAAA;AAAA,QAAiF,YAAA,KAAA;AAAA,QAAA,gBAAA,KAAA;AAAA;;;qBAQtI,IAAK,GAAAD,IAAA,mBAAAG,cAAA,MAAAC,IAAA,WAAA,KAAA,QAAA,CAAA,KAAA,UAAA;AACL,eAAAL,IAAA,UAAA,GAAAC,IAAA,mBAAA,OAAA;AAAA,UAAA,OAAA;AAAA,iBAAuEC,IAAAA,eAAS;AAAA,YAA+D,SAAA,OAAA,KAAA;AAAA,YAAA,OAAA,KAAA,SAAgI,cAAgB,iBAAa,KAAA;AAAA,YAA6C,iBAAA,KAAA,SAAA,KAAgB,sBAAgB,KAAY,0BAAA,IAAA,IAAA,KAAA,aAAA,KAAA,oBAAA,IAAA;AAAA,YAAA,aAA+B,KAAa,qBAAA,QAAA,KAAA,eAAA;AAAA,YAAA,cAAA,KAAA,qBAAA,WAAA,KAAA,eAAA;AAAA,YAStb,YAAU,KAAA;AAAA,UAAA,CAAA;AAAA;UAGX,SAOMI,IAAA,cAAA,CAAA,WAAA,KAAA,UAAA,KAAA,KAAA,GAAA,CAAA,WAAA,MAAA,CAAA;AAAA,QAAA,GAAA;AAAA,UALEH,IAAAA,mBAAA,OAAA;AAAA,YAAA,OAAA;AAAA;kCAIJ,4BAAS,CAAA,KAAA,qBAAA,aAAA,KAAA,SAAA,KAAA,IAAA,KAAA,iBAAA,kBAAA;AAAA,YAAA,CAAA;AAAA;;;;;;;;"}

package/lib/container/tabs/Tabs.vue2.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const props = require("./props.js");
+const usePickComponentStyle = require("../../hooks/usePickComponentStyle.js");
+const useOnEvent = require("../../hooks/useOnEvent.js");
+const useEmitEvent = require("../../hooks/useEmitEvent.js");
+require("lodash-es");
+require("../../node_modules/axios/index.js");
+const constant = require("../../utils/constant.js");
+const useImagePath = require("../../hooks/useImagePath.js");
+require("../../utils/request.js");
+require("ant-design-vue");
+const _sfc_main = vue.defineComponent({
+  name: "EcanTabs",
+  props: {
+    ...props.tabsComponentProps
+  },
+  setup(props2) {
+    var _a;
+    const style = usePickComponentStyle.usePickComponentStyle(props2);
+    const activeKey = vue.ref(0);
+    vue.watch(() => props2.activeKey, (key) => {
+      activeKey.value = key;
+    }, {
+      immediate: true
+    });
+    const myData = vue.ref([]);
+    vue.watch(() => props2.data, (data) => {
+      myData.value = data;
+    }, {
+      immediate: true,
+      deep: true
+    });
+    const isActive = (index) => activeKey.value === index;
+    const myValue = vue.ref(props2.value || vue.unref(myData)[0] && ((_a = vue.unref(myData)[0]) == null ? void 0 : _a.value) || "");
+    const emitEvent = useEmitEvent.useEmitEvent(props2);
+    const { setGlobalModel } = vue.inject(constant.GLOBAL_MODEL, {
+      // @ts-ignore
+      // eslint-disable-next-line no-void
+      setGlobalModel: (key, value) => void 0
+    });
+    setGlobalModel(props2.id, {
+      value: myValue,
+      activeKey
+    });
+    const { emitRefreshPage } = vue.inject(constant.REFRESH_PAGE, {
+      // eslint-disable-next-line no-void
+      emitRefreshPage: () => void 0
+    });
+    const tabChange = emitEvent("tabChange", (tab, index) => {
+      if (index !== vue.unref(activeKey)) {
+        myValue.value = (tab == null ? void 0 : tab.value) || "";
+        activeKey.value = index;
+        emitRefreshPage();
+      }
+    });
+    useOnEvent.useOnEvent(props2, {
+      tabChange
+    });
+    return {
+      style,
+      activeKey,
+      isActive,
+      tabChange,
+      myData,
+      useImagePath: useImagePath.useImagePath
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=Tabs.vue2.js.map

package/lib/container/tabs/Tabs.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.vue2.js","sources":["../../../src/container/tabs/Tabs.vue"],"sourcesContent":["<template>\n  <div class=\"ecan-tabs\" :style=\"style\">\n    <div\n      class=\"tabs-header\"\n      :style=\"{\n        fontSize: tabFontSize,\n        alignItems: tabAlignItems,\n        justifyContent: tabJustifyContent,\n        flexDirection: tabFlexDirection\n      }\"\n    >\n      <div\n        class=\"tab\"\n        :style=\"{\n          padding: `5px ${tabHorizontalPadding}`,\n          color: isActive(index) ? activeTabColor : tabColor,\n          backgroundImage: isActive(index) ? useImagePath(activeTabBackgroundImage, true) : useImagePath(tabBackgroundImage, true),\n          marginRight: tabFlexDirection === 'row' ? tabBarGutter : null,\n          marginBottom: tabFlexDirection === 'column' ? tabBarGutter : null,\n          fontWeight: tabFontWeight\n        }\"\n        v-for=\"(tab, index) in myData\"\n        :key=\"index\"\n        @click.prevent.stop=\"tabChange(tab, index)\"\n      >\n        <div\n          class=\"tab-inner\"\n          :style=\"{\n            borderBottom: !activeTabBackgroundImage &&  !tabBackgroundImage ? `1px solid ${isActive(index) ? activeTabColor : 'transparent'}` : ''\n          }\"\n        >\n          {{tab.title}}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, unref, watch } from 'vue'\nimport { tabsComponentProps } from './props'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle, useImagePath } from '@/hooks'\nimport { GLOBAL_MODEL, REFRESH_PAGE } from '@/utils/constant'\nexport default defineComponent({\n  name: 'EcanTabs',\n  props: {\n    ...tabsComponentProps\n  },\n  setup (props) {\n    const style = usePickComponentStyle(props)\n    const activeKey = ref(0)\n    watch(() => props.activeKey, (key) => {\n      activeKey.value = key\n    }, {\n      immediate: true\n    })\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    const isActive = (index: number) => activeKey.value === index\n    const myValue = ref(props.value || (unref(myData)[0] && unref(myData)[0]?.value) || '')\n    // 注册函数触发事件拦截器\n    const emitEvent = useEmitEvent(props)\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      value: myValue,\n      activeKey\n    })\n\n    const { emitRefreshPage } = inject(REFRESH_PAGE, {\n      // eslint-disable-next-line no-void\n      emitRefreshPage: () => void 0\n    })\n\n    const tabChange = emitEvent('tabChange', (tab:{ [key:string]:any }, index: number) => {\n      if (index !== unref(activeKey)) {\n        myValue.value = tab?.value || ''\n        activeKey.value = index\n        emitRefreshPage()\n      }\n    })\n    useOnEvent(props, {\n      tabChange\n    })\n    return {\n      style,\n      activeKey,\n      isActive,\n      tabChange,\n      myData,\n      useImagePath\n    }\n  }\n})\n</script>\n\n<style scoped lang=\"less\">\n.ecan-tabs {\n  display: flex;\n}\n\n.tabs-header {\n  width: 100%;\n  color: #333333;\n  display: flex;\n  padding: 0 10px;\n}\n\n.tab {\n  background-size: 100% 100%;\n  background-repeat: no-repeat;\n  cursor: default;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.tab:last-child {\n  margin-bottom: 0 !important;\n  margin-right: 0 !important;\n}\n\n.tabs-content {\n  flex:1;\n}\n</style>\n"],"names":["defineComponent","tabsComponentProps","props","usePickComponentStyle","ref","watch","unref","useEmitEvent","inject","GLOBAL_MODEL","REFRESH_PAGE","useOnEvent","useImagePath"],"mappings":";;;;;;;;;;;;;AA2CA,MAAA,YAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,GAAGC,MAAA;AAAA,EACL;AAAA,EACA,MAAOC,QAAO;;AACN,UAAA,QAAQC,4CAAsBD,MAAK;AACnC,UAAA,YAAYE,QAAI,CAAC;AACvBC,QAAAA,MAAM,MAAMH,OAAM,WAAW,CAAC,QAAQ;AACpC,gBAAU,QAAQ;AAAA,IAAA,GACjB;AAAA,MACD,WAAW;AAAA,IAAA,CACZ;AACK,UAAA,SAASE,QAA8B,CAAA,CAAE;AAC/CC,QAAAA,MAAM,MAAMH,OAAM,MAAM,CAAC,SAAmC;AAC1D,aAAO,QAAQ;AAAA,IAAA,GACd;AAAA,MACD,WAAW;AAAA,MACX,MAAM;AAAA,IAAA,CACP;AACD,UAAM,WAAW,CAAC,UAAkB,UAAU,UAAU;AACxD,UAAM,UAAUE,IAAAA,IAAIF,OAAM,SAAUI,IAAAA,MAAM,MAAM,EAAE,CAAC,OAAKA,SAAAA,MAAM,MAAM,EAAE,CAAC,MAAfA,mBAAkB,UAAU,EAAE;AAEhF,UAAA,YAAYC,0BAAaL,MAAK;AACpC,UAAM,EAAE,eAAA,IAAmBM,IAAA,OAAOC,uBAAc;AAAA;AAAA;AAAA,MAG9C,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AAED,mBAAeP,OAAM,IAAc;AAAA,MACjC,OAAO;AAAA,MACP;AAAA,IAAA,CACD;AAED,UAAM,EAAE,gBAAA,IAAoBM,IAAA,OAAOE,uBAAc;AAAA;AAAA,MAE/C,iBAAiB,MAAM;AAAA,IAAA,CACxB;AAED,UAAM,YAAY,UAAU,aAAa,CAAC,KAA0B,UAAkB;AAChF,UAAA,UAAUJ,UAAM,SAAS,GAAG;AACtB,gBAAA,SAAQ,2BAAK,UAAS;AAC9B,kBAAU,QAAQ;AACF;MAClB;AAAA,IAAA,CACD;AACDK,eAAAA,WAAWT,QAAO;AAAA,MAChB;AAAA,IAAA,CACD;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAAA,cACAU,aAAA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;"}

package/lib/container/tabs/Tabs.vue3.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Tabs_vue_vue_type_style_index_0_scoped_3db5a989_lang = "";
+exports.default = Tabs_vue_vue_type_style_index_0_scoped_3db5a989_lang;
+//# sourceMappingURL=Tabs.vue3.js.map

package/lib/container/tabs/Tabs.vue3.js.map

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

package/lib/container/tabs/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Tabs = require("./Tabs.vue.js");
+const withInstall = require("../../utils/withInstall.js");
+const props = require("./props.js");
+const EcanTabs = withInstall.withInstall(Tabs.default);
+exports.tabsComponentProps = props.tabsComponentProps;
+exports.tabsEvents = props.tabsEvents;
+exports.tabsProps = props.tabsProps;
+exports.EcanTabs = EcanTabs;
+exports.default = EcanTabs;
+//# sourceMappingURL=index.js.map

package/lib/container/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/container/tabs/index.ts"],"sourcesContent":["import Tabs from './Tabs.vue'\nimport { withInstall } from '../../utils/withInstall'\nexport const EcanTabs = withInstall(Tabs)\nexport default EcanTabs\nexport * from './props'\n"],"names":["withInstall","Tabs"],"mappings":";;;;;AAEa,MAAA,WAAWA,wBAAYC,KAAI,OAAA;;;;;;"}