@ecan-bi/datav 1.1.16 → 1.1.18

package/es/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":["AModal"],"mappings":";;;;;;;;;;;;;AA8CA,MAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IAAA,QACVA;AAAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,GAAG;AAAA,EACL;AAAA,EACA,MAAO,OAAO;AACZ,UAAM,eAAe,MAAM,SAAS,eAAe,gBAAgB,KAAK,SAAS;AAC3E,UAAA,aAAa,SAAS,MAAM;AAChC,YAAM,WAAW,MAAM;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,QAAQ,MAAM;AACpB,UAAM,SAAS,MAAM;AACrB,UAAM,gBAAgB,MAAM;AAC5B,UAAM,iBAAiB,MAAM;AACvB,UAAA,aAAa,SAAS,MAAM,WAAW,KAAK,IAAI,WAAW,aAAa,CAAC;AACzE,UAAA,cAAc,SAAS,MAAM,WAAW,MAAM,IAAI,WAAW,cAAc,CAAC;AAElF,UAAM,YAAY,SAAS,MAAM,GAAG,MAAM,UAAU,IAAI,MAAM;AAE9D,UAAM,cAAc,SAAS,MAAM,SAAS,KAAK,WAAW;AAC5D,UAAM,eAAe,SAAS,MAAM,SAAS,KAAK,YAAY;AACxD,UAAA,eAAe,SAAS,MAAM,MAAM,WAAW,IAAI,MAAM,UAAU,CAAC;AACpE,UAAA,gBAAgB,SAAS,MAAM,MAAM,YAAY,IAAI,MAAM,WAAW,CAAC;AACvE,UAAA,eAAe,SAAS,OAAO;AAAA,MACnC,OAAO,GAAG,MAAM,YAAY;AAAA,MAC5B,QAAQ,GAAG,MAAM,aAAa;AAAA,IAC9B,EAAA;AACI,UAAA,QAAQ,sBAAsB,KAAK;AACnC,UAAA,eAAe,SAAS,OAAO;AAAA,MACnC,GAAG,MAAM,KAAK;AAAA,MACd,iBAAiB,aAAa,MAAM,iBAA2B,IAAI;AAAA,MACnE,WAAW,SAAS,MAAM,YAAY,IAAI,WAAW,KAAK,KAAK,MAAM,aAAa,IAAI,WAAW,MAAM;AAAA,IACvG,EAAA;AACF,UAAM,cAAc,SAAS,MAAM,MAAM,UAAU,KAAK,CAAC;AACzD,UAAM,cAAc,SAAS,MAAM,MAAM,SAAS;AAC5C,UAAA,gBAAgB,SAAS,MAAM;AACnC,UAAI,YAAY;AAChB,UAAI,MAAM,WAAW;AAAgB,qBAAA;AACrC,UAAI,MAAM,WAAW;AAAgB,qBAAA;AAC9B,aAAA;AAAA,IAAA,CACR;AACK,UAAA,UAAU,IAAI,KAAK;AACzB,UAAM,UAAU;AAChB,UAAM,EAAE,aAAA,IAAiB,OAAO,eAAe;AAAA;AAAA;AAAA,MAG7C,cAAc,MAAM;AAAA,IAAA,CACrB;AACD,UAAM,YAAY,MAAM;AACtB,cAAQ,QAAQ;AAChB,eAAS,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;AAGZ,eAAW,OAAO;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/es/container/modal/Modal.vue3.js

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

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

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

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

@@ -0,0 +1,5 @@
+const Modal_vue_vue_type_style_index_1_lang = "";
+export {
+  Modal_vue_vue_type_style_index_1_lang as default
+};
+//# sourceMappingURL=Modal.vue4.js.map

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

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

package/es/container/modal/index.js

@@ -0,0 +1,12 @@
+import { withInstall } from "../../utils/withInstall.js";
+import Modal from "./Modal.vue.js";
+import { modalComponentProps, modalEvents, modalProps } from "./props.js";
+const EcanModal = withInstall(Modal);
+export {
+  EcanModal,
+  EcanModal as default,
+  modalComponentProps,
+  modalEvents,
+  modalProps
+};
+//# sourceMappingURL=index.js.map

package/es/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":[],"mappings":";;;AAEa,MAAA,YAAY,YAAY,KAAK;"}

package/es/container/modal/props.js

@@ -0,0 +1,28 @@
+import { transformToComponentProps } from "../../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 = transformToComponentProps(modalProps);
+const modalEvents = ["showModal"];
+export {
+  modalComponentProps,
+  modalEvents,
+  modalProps
+};
+//# sourceMappingURL=props.js.map

package/es/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":[],"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,sBAAsB,0BAA0B,UAAU;AAE1D,MAAA,cAAc,CAAC,WAAW;"}

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

@@ -0,0 +1,49 @@
+import _sfc_main from "./Tabs.vue2.js";
+import { openBlock, createElementBlock, normalizeStyle, createElementVNode, Fragment, renderList, withModifiers, toDisplayString } from "vue";
+import "./Tabs.vue3.js";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _hoisted_1 = ["onClick"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: "ecan-tabs",
+    style: normalizeStyle(_ctx.style)
+  }, [
+    createElementVNode("div", {
+      class: "tabs-header",
+      style: normalizeStyle({
+        fontSize: _ctx.tabFontSize,
+        alignItems: _ctx.tabAlignItems,
+        justifyContent: _ctx.tabJustifyContent,
+        flexDirection: _ctx.tabFlexDirection
+      })
+    }, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.myData, (tab, index) => {
+        return openBlock(), createElementBlock("div", {
+          class: "tab",
+          style: 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: withModifiers(($event) => _ctx.tabChange(tab, index), ["prevent", "stop"])
+        }, [
+          createElementVNode("div", {
+            class: "tab-inner",
+            style: normalizeStyle({
+              borderBottom: !_ctx.activeTabBackgroundImage && !_ctx.tabBackgroundImage ? `1px solid ${_ctx.isActive(index) ? _ctx.activeTabColor : "transparent"}` : ""
+            })
+          }, toDisplayString(tab.title), 5)
+        ], 12, _hoisted_1);
+      }), 128))
+    ], 4)
+  ], 4);
+}
+const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3db5a989"]]);
+export {
+  Tabs as default
+};
+//# sourceMappingURL=Tabs.vue.js.map

package/es/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,UAAO,GAAAC,mBAAA,OAAA;AAAA,IAAA,OAAA;AAAA,IAClC,OAgCMC,eAAA,KAAA,KAAA;AAAA,EAAA,GAAA;AAAA,IA9BEC,mBAAA,OAAA;AAAA,MAAA,OAAA;AAAA,MAAuD,OAAAD,eAAA;AAAA,QAAA,UAAA,KAAA;AAAA,QAAiF,YAAA,KAAA;AAAA,QAAA,gBAAA,KAAA;AAAA;;;iBAQtI,IAAK,GAAAD,mBAAAG,UAAA,MAAAC,WAAA,KAAA,QAAA,CAAA,KAAA,UAAA;AACL,eAAAL,UAAA,GAAAC,mBAAA,OAAA;AAAA,UAAA,OAAA;AAAA,iBAAuEC,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,cAAA,CAAA,WAAA,KAAA,UAAA,KAAA,KAAA,GAAA,CAAA,WAAA,MAAA,CAAA;AAAA,QAAA,GAAA;AAAA,UALEH,mBAAA,OAAA;AAAA,YAAA,OAAA;AAAA;kCAIJ,4BAAS,CAAA,KAAA,qBAAA,aAAA,KAAA,SAAA,KAAA,IAAA,KAAA,iBAAA,kBAAA;AAAA,YAAA,CAAA;AAAA;;;;;;;"}

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

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

package/es/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":[],"mappings":";;;;;;;;;;;AA2CA,MAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,GAAG;AAAA,EACL;AAAA,EACA,MAAO,OAAO;;AACN,UAAA,QAAQ,sBAAsB,KAAK;AACnC,UAAA,YAAY,IAAI,CAAC;AACvB,UAAM,MAAM,MAAM,WAAW,CAAC,QAAQ;AACpC,gBAAU,QAAQ;AAAA,IAAA,GACjB;AAAA,MACD,WAAW;AAAA,IAAA,CACZ;AACK,UAAA,SAAS,IAA8B,CAAA,CAAE;AAC/C,UAAM,MAAM,MAAM,MAAM,CAAC,SAAmC;AAC1D,aAAO,QAAQ;AAAA,IAAA,GACd;AAAA,MACD,WAAW;AAAA,MACX,MAAM;AAAA,IAAA,CACP;AACD,UAAM,WAAW,CAAC,UAAkB,UAAU,UAAU;AACxD,UAAM,UAAU,IAAI,MAAM,SAAU,MAAM,MAAM,EAAE,CAAC,OAAK,WAAM,MAAM,EAAE,CAAC,MAAf,mBAAkB,UAAU,EAAE;AAEhF,UAAA,YAAY,aAAa,KAAK;AACpC,UAAM,EAAE,eAAA,IAAmB,OAAO,cAAc;AAAA;AAAA;AAAA,MAG9C,gBAAgB,CAAC,KAAa,UAAe;AAAA,IAAA,CAC9C;AAED,mBAAe,MAAM,IAAc;AAAA,MACjC,OAAO;AAAA,MACP;AAAA,IAAA,CACD;AAED,UAAM,EAAE,gBAAA,IAAoB,OAAO,cAAc;AAAA;AAAA,MAE/C,iBAAiB,MAAM;AAAA,IAAA,CACxB;AAED,UAAM,YAAY,UAAU,aAAa,CAAC,KAA0B,UAAkB;AAChF,UAAA,UAAU,MAAM,SAAS,GAAG;AACtB,gBAAA,SAAQ,2BAAK,UAAS;AAC9B,kBAAU,QAAQ;AACF;MAClB;AAAA,IAAA,CACD;AACD,eAAW,OAAO;AAAA,MAChB;AAAA,IAAA,CACD;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

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

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

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

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

package/es/container/tabs/index.js

@@ -0,0 +1,12 @@
+import Tabs from "./Tabs.vue.js";
+import { withInstall } from "../../utils/withInstall.js";
+import { tabsComponentProps, tabsEvents, tabsProps } from "./props.js";
+const EcanTabs = withInstall(Tabs);
+export {
+  EcanTabs,
+  EcanTabs as default,
+  tabsComponentProps,
+  tabsEvents,
+  tabsProps
+};
+//# sourceMappingURL=index.js.map

package/es/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":[],"mappings":";;;AAEa,MAAA,WAAW,YAAY,IAAI;"}

package/es/container/tabs/props.js

@@ -0,0 +1,43 @@
+import { transformToComponentProps, props } from "../../utils/props.js";
+const tabsProps = {
+  ...props,
+  tabHorizontalPadding: "0px",
+  type: "ecanTabs",
+  name: "标签页",
+  keyName: "标签页",
+  width: "500px",
+  height: "400px",
+  tabFontSize: "14px",
+  backgroundColor: "#ffffff",
+  activeTabColor: "#1890ff",
+  tabBackgroundImage: "",
+  activeTabBackgroundImage: "",
+  tabColor: "#333",
+  tabBarGutter: "24px",
+  tabFontWeight: 400,
+  value: "",
+  activeKey: 0,
+  contains: [],
+  tabFlexDirection: "row",
+  data: [
+    {
+      title: "标签1"
+    },
+    {
+      title: "标签2"
+    },
+    {
+      title: "标签3"
+    }
+  ],
+  tabAlignItems: "flex-start",
+  tabJustifyContent: "flex-start"
+};
+const tabsComponentProps = transformToComponentProps(tabsProps);
+const tabsEvents = ["tabChange"];
+export {
+  tabsComponentProps,
+  tabsEvents,
+  tabsProps
+};
+//# sourceMappingURL=props.js.map

package/es/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  tabFontWeight: number\n  tabAlignItems: 'flex-start' | 'center' | 'flex-end'\n  tabJustifyContent: 'flex-start' | 'center' | 'flex-end',\n  tabFlexDirection: 'row' | 'column'\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  tabFontWeight: 400,\n  value: '',\n  activeKey: 0,\n  contains: [],\n  tabFlexDirection: 'row',\n  data: [\n    {\n      title: '标签1'\n    },\n    {\n      title: '标签2'\n    },\n    {\n      title: '标签3'\n    }\n  ],\n  tabAlignItems: 'flex-start',\n  tabJustifyContent: 'flex-start'\n}\n\nexport const tabsComponentProps = transformToComponentProps(tabsProps)\n\nexport const tabsEvents = ['tabChange']\n"],"names":[],"mappings":";AA0BO,MAAM,YAAuB;AAAA,EAClC,GAAG;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,eAAe;AAAA,EACf,OAAO;AAAA,EACP,WAAW;AAAA,EACX,UAAU,CAAC;AAAA,EACX,kBAAkB;AAAA,EAClB,MAAM;AAAA,IACJ;AAAA,MACE,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,IACT;AAAA,IACA;AAAA,MACE,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,eAAe;AAAA,EACf,mBAAmB;AACrB;AAEa,MAAA,qBAAqB,0BAA0B,SAAS;AAExD,MAAA,aAAa,CAAC,WAAW;"}

package/es/control/button/Button.vue.js

@@ -0,0 +1,36 @@
+import _sfc_main from "./Button.vue2.js";
+import { resolveComponent, openBlock, createElementBlock, normalizeStyle, createVNode, withCtx, createElementVNode, toDisplayString } from "vue";
+import "./Button.vue3.js";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_button = resolveComponent("a-button");
+  return openBlock(), createElementBlock("div", {
+    class: "ecan-button",
+    style: normalizeStyle(_ctx.style)
+  }, [
+    createVNode(_component_a_button, {
+      block: "",
+      onClick: _ctx.click,
+      type: _ctx.mode,
+      danger: _ctx.danger,
+      shape: _ctx.shape,
+      href: _ctx.myHref,
+      target: _ctx.myTarget
+    }, {
+      default: withCtx(() => [
+        createElementVNode("span", {
+          style: normalizeStyle({
+            fontSize: _ctx.fontSize,
+            fontWeight: _ctx.fontWeight
+          })
+        }, toDisplayString(_ctx.myText), 5)
+      ]),
+      _: 1
+    }, 8, ["onClick", "type", "danger", "shape", "href", "target"])
+  ], 4);
+}
+const Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  Button as default
+};
+//# sourceMappingURL=Button.vue.js.map

package/es/control/button/Button.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.vue.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 '@/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      // 打开链接\n      const url = unref(myHref)\n      if (url && 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":["_resolveComponent","_openBlock","_createElementBlock","_normalizeStyle","_withCtx","_createElementVNode"],"mappings":";;;;;8BACEA,iBAsBM,UAAA;SApBEC,UAAO,GAAAC,mBAAA,OAAA;AAAA,IAAA,OAAA;AAAA,IAEb,OAiBWC,eAAA,KAAA,KAAA;AAAA,EAAA,GAAA;AAAA,gBAfD,qBAAK;AAAA,MACZ,OAAM;AAAA,MACN,SAAQ,KAAA;AAAA,MACR,MAAK,KAAE;AAAA,MACP,QAAM,KAAA;AAAA,MACN,OAAM,KAAE;AAAA,MAAA,MAAA,KAAA;AAAA;;MAGD,SAAAC,QAAA,MAAA;AAAA,QAAAC,mBAAc,QAAQ;AAAA,UAAY,OAAAF,eAAA;AAAA,YAAA,UAAA,KAAA;AAAA;;;;;;;;;"}

package/es/control/button/Button.vue2.js

@@ -0,0 +1,59 @@
+import { defineComponent, unref, computed } from "vue";
+import { usePickComponentStyle } from "../../hooks/usePickComponentStyle.js";
+import "../../utils/constant.js";
+import { useEmitEvent } from "../../hooks/useEmitEvent.js";
+import "lodash-es";
+import "../../node_modules/axios/index.js";
+import { useVariablesInText } from "../../hooks/useVariablesInText.js";
+import "../../utils/request.js";
+import { Button } from "ant-design-vue";
+import "../../node_modules/ant-design-vue/es/style/default.less.js";
+import "../../node_modules/ant-design-vue/es/button/style/index.less.js";
+import { buttonComponentProps } from "./props.js";
+const _sfc_main = defineComponent({
+  name: "EcanButton",
+  components: {
+    AButton: Button
+  },
+  props: {
+    ...buttonComponentProps
+  },
+  setup(props) {
+    const style = usePickComponentStyle(props);
+    const emitEvent = useEmitEvent(props);
+    const click = emitEvent("click", () => {
+      const url = unref(myHref);
+      if (url && props.target === "event") {
+        window.parent.postMessage({
+          type: "openPage",
+          url
+        }, "*");
+      }
+    });
+    const myText = computed(() => useVariablesInText(props.text));
+    const myHref = computed(() => useVariablesInText(props.href) || null);
+    const myTarget = computed(() => {
+      const target = props.target;
+      if (target === "event" || unref(myHref) == null) {
+        return void 0;
+      } else {
+        const map = {
+          self: "_self",
+          blank: "_blank"
+        };
+        return map[target];
+      }
+    });
+    return {
+      style,
+      click,
+      myText,
+      myHref,
+      myTarget
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Button.vue2.js.map

package/es/control/button/Button.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.vue2.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 '@/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      // 打开链接\n      const url = unref(myHref)\n      if (url && 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":["AButton"],"mappings":";;;;;;;;;;;;AAgCA,MAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IAAA,SACVA;AAAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,GAAG;AAAA,EACL;AAAA,EACA,MAAO,OAAO;AACN,UAAA,QAAQ,sBAAsB,KAAK;AAEnC,UAAA,YAAY,aAAa,KAAK;AAE9B,UAAA,QAAQ,UAAU,SAAS,MAAM;AAE/B,YAAA,MAAM,MAAM,MAAM;AACpB,UAAA,OAAO,MAAM,WAAW,SAAS;AACnC,eAAO,OAAO,YAAY;AAAA,UACxB,MAAM;AAAA,UACN;AAAA,WACC,GAAG;AAAA,MACR;AAAA,IAAA,CACD;AAED,UAAM,SAAS,SAAS,MAAM,mBAAmB,MAAM,IAAc,CAAC;AAEtE,UAAM,SAAS,SAAS,MAAM,mBAAmB,MAAM,IAAc,KAAK,IAAI;AACxE,UAAA,WAAW,SAAS,MAAM;AAC9B,YAAM,SAAS,MAAM;AACrB,UAAI,WAAW,WAAW,MAAM,MAAM,KAAK,MAAM;AACxC,eAAA;AAAA,MAAA,OACF;AACL,cAAM,MAAM;AAAA,UACV,MAAM;AAAA,UACN,OAAO;AAAA,QAAA;AAET,eAAO,IAAI,MAAM;AAAA,MACnB;AAAA,IAAA,CACD;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/es/control/button/Button.vue3.js

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

package/es/control/button/Button.vue3.js.map

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

package/es/control/button/index.js

@@ -0,0 +1,12 @@
+import { withInstall } from "../../utils/withInstall.js";
+import Button from "./Button.vue.js";
+import { buttonComponentProps, buttonEvents, buttonProps } from "./props.js";
+const EcanButton = withInstall(Button);
+export {
+  EcanButton,
+  buttonComponentProps,
+  buttonEvents,
+  buttonProps,
+  EcanButton as default
+};
+//# sourceMappingURL=index.js.map

package/es/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":[],"mappings":";;;AAEa,MAAA,aAAa,YAAY,MAAM;"}

package/es/control/button/props.js

@@ -0,0 +1,24 @@
+import { transformToComponentProps, props } from "../../utils/props.js";
+const buttonProps = {
+  ...props,
+  width: "200px",
+  name: "按钮",
+  keyName: "按钮",
+  type: "ecanButton",
+  text: "按钮",
+  mode: "default",
+  danger: false,
+  shape: "default",
+  href: "",
+  target: "self",
+  fontSize: "14px",
+  fontWeight: 400
+};
+const buttonComponentProps = transformToComponentProps(buttonProps);
+const buttonEvents = ["click"];
+export {
+  buttonComponentProps,
+  buttonEvents,
+  buttonProps
+};
+//# sourceMappingURL=props.js.map

package/es/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":[],"mappings":";AAiBO,MAAM,cAA2B;AAAA,EACtC,GAAG;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,uBAAuB,0BAA0B,WAAW;AAE5D,MAAA,eAAe,CAAC,OAAO;"}

package/es/control/checkbox/Checkbox.vue.js

@@ -0,0 +1,23 @@
+import _sfc_main from "./Checkbox.vue2.js";
+import { resolveComponent, openBlock, createElementBlock, normalizeStyle, createVNode } from "vue";
+import "./Checkbox.vue3.js";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_checkbox_group = resolveComponent("a-checkbox-group");
+  return openBlock(), createElementBlock("div", {
+    class: "ecan-checkbox",
+    style: normalizeStyle(_ctx.style)
+  }, [
+    createVNode(_component_a_checkbox_group, {
+      options: _ctx.myOption,
+      value: _ctx.myValue,
+      "onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.myValue = $event),
+      onChange: _ctx.checkboxChange
+    }, null, 8, ["options", "value", "onChange"])
+  ], 4);
+}
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  Checkbox as default
+};
+//# sourceMappingURL=Checkbox.vue.js.map

package/es/control/checkbox/Checkbox.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.vue.js","sources":["../../../src/control/checkbox/Checkbox.vue"],"sourcesContent":["<template>\n  <div class=\"ecan-checkbox\" :style=\"style\">\n    <a-checkbox-group\n      :options=\"myOption\"\n      v-model:value=\"myValue\"\n      @change=\"checkboxChange\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, ref, unref, watch } from 'vue'\nimport { CheckboxGroup as ACheckboxGroup } from 'ant-design-vue'\nimport 'ant-design-vue/es/checkbox/style'\nimport { checkboxComponentProps, CheckboxOptions } from './props'\nimport { useEmitEvent, usePickComponentStyle, useRequestData } from '@/hooks'\nimport { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from '@/utils/constant'\nimport { RequestModalParam } from '@/utils/types'\nexport default defineComponent({\n  name: 'EcanCheckbox',\n  components: {\n    ACheckboxGroup\n  },\n  props: {\n    ...checkboxComponentProps\n  },\n  setup (props) {\n    const style = usePickComponentStyle(props)\n    const myOption = ref<CheckboxOptions>([])\n    const myValue = ref<string []>([])\n    const handleDataAndOption = (data) => {\n      const value = props.value\n      let _value = [] as string []\n      data.forEach((item) => {\n        if (item.checked) {\n          _value.push(item.value)\n        }\n      })\n      if (typeof value === 'string' && value !== '') {\n        _value = _value.concat(value.split(','))\n      } else if (Array.isArray(value)) {\n        _value = _value.concat(value)\n      }\n      myOption.value = data\n      myValue.value = _value\n    }\n    watch(() => [props.data, props.value], ([data]: [CheckboxOptions, string | string []]) => {\n      handleDataAndOption(data)\n    }, {\n      immediate: true,\n      deep: true\n    })\n    const requestData = useRequestData(props)\n    const { pageMode } = inject(GLOBAL_CONFIG, {\n      pageMode: 'normal'\n    })\n    const handleRequestData = async () => {\n      if (props.dataType !== 'request' || unref(pageMode) === 'design') return\n      const res = await requestData()\n      const data = res?.data?.data?.rows || []\n      handleDataAndOption(data)\n    }\n    const id = props.id as string\n    const { getGlobalModel, setGlobalModel } = inject(GLOBAL_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      getGlobalModel: (key: string) => void 0,\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: myValue\n    })\n    // 注册函数触发事件拦截器\n    const emitEvent = useEmitEvent(props)\n    const checkboxChange = emitEvent('checkboxChange', () => {\n      const modal = getGlobalModel(id)\n      // 约定获取数据\n      setGlobalModel(id, { ...modal, RECORD: myValue })\n    })\n    const { setRequest } = inject(REQUEST_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setRequest: ({ id, sortNum, requestFn }: RequestModalParam) => void 0\n    })\n    setRequest({\n      id: props.id as string,\n      requestFn: handleRequestData,\n      sortNum: props.requestSort as number\n    })\n    return {\n      myOption,\n      style,\n      myValue,\n      checkboxChange\n    }\n  }\n})\n</script>\n\n<style lang=\"less\">\n.ecan-checkbox {\n  .ant-checkbox-group {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    justify-content: space-between;\n    align-content: space-between;\n    flex-wrap: wrap;\n  }\n}\n</style>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeStyle"],"mappings":";;;;;sCACEA,iBAMM,kBAAA;SAN2BC,UAAO,GAAAC,mBAAA,OAAA;AAAA,IAAA,OAAA;AAAA,IACtC,OAIEC,eAAA,KAAA,KAAA;AAAA,EAAA,GAAA;AAAA,gBAFe,6BAAO;AAAA,MAAA,SAAA,KAAA;AAAA,MACrB,OAAQ,KAAA;AAAA,MAAA,kBAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAA,KAAA,UAAA;AAAA;;;;;"}

package/es/control/checkbox/Checkbox.vue2.js

@@ -0,0 +1,97 @@
+import { defineComponent, ref, watch, inject, unref } from "vue";
+import { CheckboxGroup } from "ant-design-vue";
+import "../../node_modules/ant-design-vue/es/style/default.less.js";
+import "../../node_modules/ant-design-vue/es/checkbox/style/index.less.js";
+import { checkboxComponentProps } from "./props.js";
+import { usePickComponentStyle } from "../../hooks/usePickComponentStyle.js";
+import { GLOBAL_CONFIG, GLOBAL_MODEL, REQUEST_MODEL } from "../../utils/constant.js";
+import { useEmitEvent } from "../../hooks/useEmitEvent.js";
+import "lodash-es";
+import { useRequestData } from "../../hooks/useRequestData.js";
+import "../../utils/request.js";
+const _sfc_main = defineComponent({
+  name: "EcanCheckbox",
+  components: {
+    ACheckboxGroup: CheckboxGroup
+  },
+  props: {
+    ...checkboxComponentProps
+  },
+  setup(props) {
+    const style = usePickComponentStyle(props);
+    const myOption = ref([]);
+    const myValue = ref([]);
+    const handleDataAndOption = (data) => {
+      const value = props.value;
+      let _value = [];
+      data.forEach((item) => {
+        if (item.checked) {
+          _value.push(item.value);
+        }
+      });
+      if (typeof value === "string" && value !== "") {
+        _value = _value.concat(value.split(","));
+      } else if (Array.isArray(value)) {
+        _value = _value.concat(value);
+      }
+      myOption.value = data;
+      myValue.value = _value;
+    };
+    watch(() => [props.data, props.value], ([data]) => {
+      handleDataAndOption(data);
+    }, {
+      immediate: true,
+      deep: true
+    });
+    const requestData = useRequestData(props);
+    const { pageMode } = inject(GLOBAL_CONFIG, {
+      pageMode: "normal"
+    });
+    const handleRequestData = async () => {
+      var _a, _b;
+      if (props.dataType !== "request" || unref(pageMode) === "design")
+        return;
+      const res = await requestData();
+      const data = ((_b = (_a = res == null ? void 0 : res.data) == null ? void 0 : _a.data) == null ? void 0 : _b.rows) || [];
+      handleDataAndOption(data);
+    };
+    const id = props.id;
+    const { getGlobalModel, setGlobalModel } = inject(GLOBAL_MODEL, {
+      // @ts-ignore
+      // eslint-disable-next-line no-void
+      getGlobalModel: (key) => void 0,
+      // @ts-ignore
+      // eslint-disable-next-line no-void
+      setGlobalModel: (key, value) => void 0
+    });
+    setGlobalModel(props.id, {
+      type: props.type,
+      value: myValue
+    });
+    const emitEvent = useEmitEvent(props);
+    const checkboxChange = emitEvent("checkboxChange", () => {
+      const modal = getGlobalModel(id);
+      setGlobalModel(id, { ...modal, RECORD: myValue });
+    });
+    const { setRequest } = inject(REQUEST_MODEL, {
+      // @ts-ignore
+      // eslint-disable-next-line no-void
+      setRequest: ({ id: id2, sortNum, requestFn }) => void 0
+    });
+    setRequest({
+      id: props.id,
+      requestFn: handleRequestData,
+      sortNum: props.requestSort
+    });
+    return {
+      myOption,
+      style,
+      myValue,
+      checkboxChange
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Checkbox.vue2.js.map