@ecan-bi/datav 1.0.84 → 1.0.85

package/lib/container/modal/Modal.js

@@ -0,0 +1,167 @@
+"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.js");
+require("../../node_modules/ant-design-vue/es/modal/style/index.js");
+require("../../node_modules/ant-design-vue/es/button/style/index.js");
+const usePickComponentStyle = require("../../_utils/hooks/usePickComponentStyle.js");
+const useOnEvent = require("../../_utils/hooks/useOnEvent.js");
+require("lodash-es");
+const constant = require("../../_utils/constant.js");
+require("../../node_modules/axios/index.js");
+const useImagePath = require("../../_utils/hooks/useImagePath.js");
+require("../../_utils/request.js");
+require("./Modal.vue_vue_type_style_index_0_scoped_true_lang.js");
+require("./Modal.vue_vue_type_style_index_1_lang.js");
+const pluginVue_exportHelper = require("../../_virtual/plugin-vue_export-helper.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, {
+      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
+    };
+  }
+});
+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),
+    bodyStyle: {
+      background: "red"
+    },
+    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(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-378919f0"]]);
+exports.default = Modal;
+//# sourceMappingURL=Modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.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    :bodyStyle=\"{\n      background: 'red'\n    }\"\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 '@/_utils/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","_createBlock","_normalizeStyle","_createSlots","_createElementVNode","_openBlock","_createElementBlock","_Fragment","_renderList","_resolveDynamicComponent","_mergeProps","_withCtx"],"mappings":"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"}

package/lib/container/modal/Modal.vue_vue_type_style_index_0_scoped_true_lang.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_true_lang = "";
+exports.default = Modal_vue_vue_type_style_index_0_scoped_true_lang;
+//# sourceMappingURL=Modal.vue_vue_type_style_index_0_scoped_true_lang.js.map

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

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

package/lib/container/modal/Modal.vue_vue_type_style_index_1_lang.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.vue_vue_type_style_index_1_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.vue_vue_type_style_index_1_lang.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.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.defineProperties(exports, { __esModule: { value: true }, [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: "\u5F39\u7A97",
+  componentList: [],
+  fullModal: false,
+  destroyOnClose: false,
+  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: false,\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.js

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const props = require("./props.js");
+const usePickComponentStyle = require("../../_utils/hooks/usePickComponentStyle.js");
+const useOnEvent = require("../../_utils/hooks/useOnEvent.js");
+const useEmitEvent = require("../../_utils/hooks/useEmitEvent.js");
+require("lodash-es");
+require("../../node_modules/axios/index.js");
+const constant = require("../../_utils/constant.js");
+const useImagePath = require("../../_utils/hooks/useImagePath.js");
+require("../../_utils/request.js");
+require("ant-design-vue");
+require("./Tabs.vue_vue_type_style_index_0_scoped_true_lang.js");
+const pluginVue_exportHelper = require("../../_virtual/plugin-vue_export-helper.js");
+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, {
+      setGlobalModel: (key, value) => void 0
+    });
+    setGlobalModel(props2.id, {
+      value: myValue,
+      activeKey
+    });
+    const { emitRefreshPage } = vue.inject(constant.REFRESH_PAGE, {
+      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
+    };
+  }
+});
+const _withScopeId = (n) => (vue.pushScopeId("data-v-0becf31e"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "tabs-content" }, null, -1));
+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
+      })
+    }, [
+      (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),
+            paddingRight: _ctx.tabBarGutter
+          }),
+          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),
+    _hoisted_2
+  ], 4);
+}
+const Tabs = /* @__PURE__ */ pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-0becf31e"]]);
+exports.default = Tabs;
+//# sourceMappingURL=Tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.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      }\"\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          paddingRight: tabBarGutter\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 class=\"tabs-content\"></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 '@/_utils/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  flex-direction: column;\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-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","_createElementVNode","_createElementBlock","_normalizeStyle","_openBlock","_Fragment","_renderList","_withModifiers","_toDisplayString"],"mappings":"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"}

package/lib/container/tabs/Tabs.vue_vue_type_style_index_0_scoped_true_lang.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_true_lang = "";
+exports.default = Tabs_vue_vue_type_style_index_0_scoped_true_lang;
+//# sourceMappingURL=Tabs.vue_vue_type_style_index_0_scoped_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.vue_vue_type_style_index_0_scoped_true_lang.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.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;;;;;;"}

package/lib/container/tabs/props.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const props = require("../../_utils/props.js");
+const tabsProps = {
+  ...props.props,
+  tabHorizontalPadding: "0px",
+  type: "ecanTabs",
+  name: "\u6807\u7B7E\u9875",
+  keyName: "\u6807\u7B7E\u9875",
+  width: "500px",
+  height: "400px",
+  tabFontSize: "14px",
+  backgroundColor: "#ffffff",
+  activeTabColor: "#1890ff",
+  tabBackgroundImage: "",
+  activeTabBackgroundImage: "",
+  tabColor: "#333",
+  tabBarGutter: "24px",
+  value: "",
+  activeKey: 0,
+  contains: [],
+  data: [
+    {
+      title: "\u6807\u7B7E1"
+    },
+    {
+      title: "\u6807\u7B7E2"
+    },
+    {
+      title: "\u6807\u7B7E3"
+    }
+  ]
+};
+const tabsComponentProps = props.transformToComponentProps(tabsProps);
+const tabsEvents = ["tabChange"];
+exports.tabsComponentProps = tabsComponentProps;
+exports.tabsEvents = tabsEvents;
+exports.tabsProps = tabsProps;
+//# sourceMappingURL=props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../src/container/tabs/props.ts"],"sourcesContent":["import {\n  Props,\n  props,\n  transformToComponentProps\n} from '@/_utils/props'\n\nexport interface TabsProps extends Props {\n  data: { [key:string]: any } []\n  backgroundColor: string\n  tabFontSize: string\n  tabColor: string\n  activeTabColor: string\n  tabBackgroundImage: string\n  tabBarGutter: string\n  activeTabBackgroundImage\n  value: string\n  activeKey: number\n  tabHorizontalPadding: string\n  // 包含组件id\n  contains: string []\n}\n\nexport const tabsProps: TabsProps = {\n  ...props,\n  tabHorizontalPadding: '0px',\n  type: 'ecanTabs',\n  name: '标签页',\n  keyName: '标签页',\n  width: '500px',\n  height: '400px',\n  tabFontSize: '14px',\n  backgroundColor: '#ffffff',\n  activeTabColor: '#1890ff',\n  tabBackgroundImage: '',\n  activeTabBackgroundImage: '',\n  tabColor: '#333',\n  tabBarGutter: '24px',\n  value: '',\n  activeKey: 0,\n  contains: [],\n  data: [\n    {\n      title: '标签1'\n    },\n    {\n      title: '标签2'\n    },\n    {\n      title: '标签3'\n    }\n  ]\n}\n\nexport const tabsComponentProps = transformToComponentProps(tabsProps)\n\nexport const tabsEvents = ['tabChange']\n"],"names":["props","transformToComponentProps"],"mappings":";;;AAsBO,MAAM,YAAuB;AAAA,EAClC,GAAGA,MAAA;AAAA,EACH,sBAAsB;AAAA,EACtB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,0BAA0B;AAAA,EAC1B,UAAU;AAAA,EACV,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU,CAAC;AAAA,EACX,MAAM;AAAA,IACJ;AAAA,MACE,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,IACT;AAAA,EACF;AACF;AAEa,MAAA,qBAAqBC,gCAA0B,SAAS;AAExD,MAAA,aAAa,CAAC,WAAW;;;;"}

package/lib/control/button/Button.js

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const usePickComponentStyle = require("../../_utils/hooks/usePickComponentStyle.js");
+require("../../_utils/constant.js");
+const useEmitEvent = require("../../_utils/hooks/useEmitEvent.js");
+require("lodash-es");
+require("../../node_modules/axios/index.js");
+const useVariablesInText = require("../../_utils/hooks/useVariablesInText.js");
+require("../../_utils/request.js");
+const antDesignVue = require("ant-design-vue");
+require("../../node_modules/ant-design-vue/es/style/default.js");
+require("../../node_modules/ant-design-vue/es/button/style/index.js");
+const props = require("./props.js");
+require("./Button.vue_vue_type_style_index_0_lang.js");
+const pluginVue_exportHelper = require("../../_virtual/plugin-vue_export-helper.js");
+const _sfc_main = vue.defineComponent({
+  name: "EcanButton",
+  components: {
+    AButton: antDesignVue.Button
+  },
+  props: {
+    ...props.buttonComponentProps
+  },
+  setup(props2) {
+    const style = usePickComponentStyle.usePickComponentStyle(props2);
+    const emitEvent = useEmitEvent.useEmitEvent(props2);
+    const click = emitEvent("click", () => {
+      const url = vue.unref(myHref);
+      if (props2.target === "event") {
+        window.parent.postMessage({
+          type: "openPage",
+          url
+        }, "*");
+      }
+    });
+    const myText = vue.computed(() => useVariablesInText.useVariablesInText(props2.text));
+    const myHref = vue.computed(() => useVariablesInText.useVariablesInText(props2.href) || null);
+    const myTarget = vue.computed(() => {
+      const target = props2.target;
+      if (target === "event" || vue.unref(myHref) == null) {
+        return void 0;
+      } else {
+        const map = {
+          self: "_self",
+          blank: "_blank"
+        };
+        return map[target];
+      }
+    });
+    return {
+      style,
+      click,
+      myText,
+      myHref,
+      myTarget
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_button = vue.resolveComponent("a-button");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: "ecan-button",
+    style: vue.normalizeStyle(_ctx.style)
+  }, [
+    vue.createVNode(_component_a_button, {
+      block: "",
+      onClick: _ctx.click,
+      type: _ctx.mode,
+      danger: _ctx.danger,
+      shape: _ctx.shape,
+      href: _ctx.myHref,
+      target: _ctx.myTarget
+    }, {
+      default: vue.withCtx(() => [
+        vue.createElementVNode("span", {
+          style: vue.normalizeStyle({
+            fontSize: _ctx.fontSize,
+            fontWeight: _ctx.fontWeight
+          })
+        }, vue.toDisplayString(_ctx.myText), 5)
+      ]),
+      _: 1
+    }, 8, ["onClick", "type", "danger", "shape", "href", "target"])
+  ], 4);
+}
+const Button = /* @__PURE__ */ pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
+exports.default = Button;
+//# sourceMappingURL=Button.js.map

package/lib/control/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../src/control/button/Button.vue"],"sourcesContent":["<template>\n  <div\n    class=\"ecan-button\"\n    :style=\"style\"\n  >\n    <a-button\n      block\n      @click=\"click\"\n      :type=\"mode\"\n      :danger=\"danger\"\n      :shape=\"shape\"\n      :href=\"myHref\"\n      :target=\"myTarget\"\n    >\n      <span\n        :style=\"{\n          fontSize,\n          fontWeight\n        }\"\n      >\n        {{ myText }}\n      </span>\n    </a-button>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, unref } from 'vue'\nimport { usePickComponentStyle, useEmitEvent, useVariablesInText } from '@/_utils/hooks'\nimport { Button as AButton } from 'ant-design-vue'\nimport 'ant-design-vue/es/button/style'\nimport { buttonComponentProps } from './props'\nexport default defineComponent({\n  name: 'EcanButton',\n  components: {\n    AButton\n  },\n  props: {\n    ...buttonComponentProps\n  },\n  setup (props) {\n    const style = usePickComponentStyle(props)\n    // 拦截触发事件\n    const emitEvent = useEmitEvent(props)\n    // click 是 event 名称\n    const click = emitEvent('click', () => {\n      const url = unref(myHref)\n      if (props.target === 'event') {\n        window.parent.postMessage({\n          type: 'openPage',\n          url\n        }, '*')\n      }\n    })\n\n    const myText = computed(() => useVariablesInText(props.text as string))\n    // 空字符串会刷新页面\n    const myHref = computed(() => useVariablesInText(props.href as string) || null)\n    const myTarget = computed(() => {\n      const target = props.target as 'self' | 'blank' | 'event'\n      if (target === 'event' || unref(myHref) == null) {\n        return undefined\n      } else {\n        const map = {\n          self: '_self',\n          blank: '_blank'\n        }\n        return map[target]\n      }\n    })\n    return {\n      style,\n      click,\n      myText,\n      myHref,\n      myTarget\n    }\n  }\n})\n</script>\n\n<style lang=\"less\">\n.ecan-button  {\n  .ant-btn {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n}\n</style>\n"],"names":["defineComponent","AButton","buttonComponentProps","props","usePickComponentStyle","useEmitEvent","unref","computed","useVariablesInText","_createElementBlock","_normalizeStyle","_createVNode","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;;AAgCA,MAAK,YAAaA,IAAAA,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IAAA,SACVC,aAAA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,GAAGC,MAAA;AAAA,EACL;AAAA,EACA,MAAOC,QAAO;AACN,UAAA,QAAQC,4CAAsBD,MAAK;AAEnC,UAAA,YAAYE,0BAAaF,MAAK;AAE9B,UAAA,QAAQ,UAAU,SAAS,MAAM;AAC/B,YAAA,MAAMG,UAAM,MAAM;AACpB,UAAAH,OAAM,WAAW,SAAS;AAC5B,eAAO,OAAO,YAAY;AAAA,UACxB,MAAM;AAAA,UACN;AAAA,WACC,GAAG;AAAA,MACR;AAAA,IAAA,CACD;AAED,UAAM,SAASI,IAAAA,SAAS,MAAMC,mBAAmB,mBAAAL,OAAM,IAAc,CAAC;AAEtE,UAAM,SAASI,IAAAA,SAAS,MAAMC,mBAAAA,mBAAmBL,OAAM,IAAc,KAAK,IAAI;AACxE,UAAA,WAAWI,IAAAA,SAAS,MAAM;AAC9B,YAAM,SAASJ,OAAM;AACrB,UAAI,WAAW,WAAWG,IAAM,MAAA,MAAM,KAAK,MAAM;AACxC,eAAA;AAAA,MAAA,OACF;AACL,cAAM,MAAM;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA,QAAA;AAET,eAAO,IAAI;AAAA,MACb;AAAA,IAAA,CACD;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;;0BA7ECG,IAsBM,mBAAA,OAAA;AAAA,IArBJ,OAAM;AAAA,IACL,OAAKC,IAAAA,eAAE,KAAK,KAAA;AAAA,EAAA,GAAA;AAAA,IAEbC,IAAAA,YAiBW,qBAAA;AAAA,MAhBT,OAAA;AAAA,MACC,SAAO,KAAA;AAAA,MACP,MAAM,KAAA;AAAA,MACN,QAAQ,KAAA;AAAA,MACR,OAAO,KAAA;AAAA,MACP,MAAM,KAAA;AAAA,MACN,QAAQ,KAAA;AAAA,IAAA,GAAA;AAAA,2BAET,MAOO;AAAA,QAPPC,IAAAA,mBAOO,QAAA;AAAA,UANJ,OAAKF,IAAAA,eAAA;AAAA,YAAc,UAAA,KAAA;AAAA,YAAoB,YAAA,KAAA;AAAA,UAAA,CAAA;AAAA,+BAKrC,KAAM,MAAA,GAAA,CAAA;AAAA,MAAA,CAAA;AAAA;;;;;;"}

package/lib/control/button/Button.vue_vue_type_style_index_0_lang.js

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

package/lib/control/button/Button.vue_vue_type_style_index_0_lang.js.map

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

package/lib/control/button/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 Button = require("./Button.js");
+const props = require("./props.js");
+const EcanButton = withInstall.withInstall(Button.default);
+exports.buttonComponentProps = props.buttonComponentProps;
+exports.buttonEvents = props.buttonEvents;
+exports.buttonProps = props.buttonProps;
+exports.EcanButton = EcanButton;
+exports.default = EcanButton;
+//# sourceMappingURL=index.js.map

package/lib/control/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/control/button/index.ts"],"sourcesContent":["import { withInstall } from '@/_utils/withInstall'\nimport Button from './Button.vue'\nexport const EcanButton = withInstall(Button)\nexport default EcanButton\nexport * from './props'\n"],"names":["withInstall","Button"],"mappings":";;;;;AAEa,MAAA,aAAaA,wBAAYC,OAAM,OAAA;;;;;;"}

package/lib/control/button/props.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const props = require("../../_utils/props.js");
+const buttonProps = {
+  ...props.props,
+  width: "200px",
+  name: "\u6309\u94AE",
+  keyName: "\u6309\u94AE",
+  type: "ecanButton",
+  text: "\u6309\u94AE",
+  mode: "default",
+  danger: false,
+  shape: "default",
+  href: "",
+  target: "self",
+  fontSize: "14px",
+  fontWeight: 400
+};
+const buttonComponentProps = props.transformToComponentProps(buttonProps);
+const buttonEvents = ["click"];
+exports.buttonComponentProps = buttonComponentProps;
+exports.buttonEvents = buttonEvents;
+exports.buttonProps = buttonProps;
+//# sourceMappingURL=props.js.map

package/lib/control/button/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../src/control/button/props.ts"],"sourcesContent":["import {\n  Props,\n  props,\n  transformToComponentProps\n} from '@/_utils/props'\n\nexport interface ButtonProps extends Props {\n  text: string\n  mode: 'primary' | 'dashed' | 'link' | 'text' | 'default'\n  danger: boolean\n  shape: 'default' | 'circle' | 'round'\n  href: string\n  target: 'self' | 'blank' | 'event'\n  fontSize: string\n  fontWeight: number\n}\n\nexport const buttonProps: ButtonProps = {\n  ...props,\n  width: '200px',\n  name: '按钮',\n  keyName: '按钮',\n  type: 'ecanButton',\n  text: '按钮',\n  mode: 'default',\n  danger: false,\n  shape: 'default',\n  href: '',\n  target: 'self',\n  fontSize: '14px',\n  fontWeight: 400\n}\n\n// 转化默认属性\nexport const buttonComponentProps = transformToComponentProps(buttonProps)\n\nexport const buttonEvents = ['click']\n"],"names":["props","transformToComponentProps"],"mappings":";;;AAiBO,MAAM,cAA2B;AAAA,EACtC,GAAGA,MAAA;AAAA,EACH,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,YAAY;AACd;AAGa,MAAA,uBAAuBC,gCAA0B,WAAW;AAE5D,MAAA,eAAe,CAAC,OAAO;;;;"}