orion-design 0.1.41 → 0.1.43

package/README.md

@@ -1,5 +1,5 @@
-# Vue 3 + TypeScript + Vite
-
-This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
-
-Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).

package/dist/Throne/hooks/use-throne-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-throne-context.js","sources":["../../../src/Throne/hooks/use-throne-context.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, provide, ref, unref } from 'vue'\n\nimport type { InjectionKey } from 'vue'\n\nexport const throneContextKey: InjectionKey<Ref<Record<string, any> | undefined>> = Symbol('throneContext')\n\nimport type { App, Ref } from 'vue'\nimport type { ThroneContextProviderContext } from '../../components/Throne/ThroneContextProvider'\n\n\nexport function useThroneContext(): Ref<Record<string, any> | undefined> | undefined {\n  const context = inject(throneContextKey, undefined)\n  return context\n}\n\nexport const provideThroneContext = (props: ThroneContextProviderContext) => {\n  const context = computed(() => {\n    return props.context || undefined\n  })\n\n  provide(throneContextKey, context)\n\n  return context\n}\n"],"names":["throneContextKey","useThroneContext","inject","provideThroneContext","props","context","computed","provide"],"mappings":";AAIa,MAAAA,IAAuE,OAAO,eAAe;AAMnG,SAASC,IAAqE;AAE5E,SADSC,EAAOF,GAAkB,MAAS;AAEpD;AAEa,MAAAG,IAAuB,CAACC,MAAwC;AACrE,QAAAC,IAAUC,EAAS,MAChBF,EAAM,WAAW,MACzB;AAED,SAAAG,EAAQP,GAAkBK,CAAO,GAE1BA;AACT;"}
+{"version":3,"file":"use-throne-context.js","sources":["../../../src/Throne/hooks/use-throne-context.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, provide, ref, unref } from 'vue'\r\n\r\nimport type { InjectionKey } from 'vue'\r\n\r\nexport const throneContextKey: InjectionKey<Ref<Record<string, any> | undefined>> = Symbol('throneContext')\r\n\r\nimport type { App, Ref } from 'vue'\r\nimport type { ThroneContextProviderContext } from '../../components/Throne/ThroneContextProvider'\r\n\r\n\r\nexport function useThroneContext(): Ref<Record<string, any> | undefined> | undefined {\r\n  const context = inject(throneContextKey, undefined)\r\n  return context\r\n}\r\n\r\nexport const provideThroneContext = (props: ThroneContextProviderContext) => {\r\n  const context = computed(() => {\r\n    return props.context || undefined\r\n  })\r\n\r\n  provide(throneContextKey, context)\r\n\r\n  return context\r\n}\r\n"],"names":["throneContextKey","useThroneContext","inject","provideThroneContext","props","context","computed","provide"],"mappings":";AAIa,MAAAA,IAAuE,OAAO,eAAe;AAMnG,SAASC,IAAqE;AAE5E,SADSC,EAAOF,GAAkB,MAAS;AAEpD;AAEa,MAAAG,IAAuB,CAACC,MAAwC;AACrE,QAAAC,IAAUC,EAAS,MAChBF,EAAM,WAAW,MACzB;AAED,SAAAG,EAAQP,GAAkBK,CAAO,GAE1BA;AACT;"}

package/dist/components/Modal/index.d.ts

@@ -3,3 +3,4 @@ declare const _default: import('../_util').SFCWithInstall<import('vue').DefineCo
     ModalLocator: typeof ModalLocator;
 };
 export default _default;
+export { default as useOModal } from './useModal';

package/dist/components/Modal/index.js

@@ -1,10 +1,11 @@
 import "lodash-es";
-import { defineComponent as _, inject as L, ref as o, shallowRef as P, provide as g, createVNode as f, Fragment as O, useTemplateRef as k, openBlock as E, createElementBlock as T, renderSlot as b } from "vue";
+import { defineComponent as _, inject as L, ref as o, shallowRef as O, provide as g, createVNode as v, Fragment as P, useTemplateRef as k, openBlock as E, createElementBlock as T, renderSlot as b } from "vue";
 import { withInstall as j } from "../_util/vue/install.js";
 import { ElDialog as B } from "element-plus";
 import { addUnit as I } from "../_util/dom/style.js";
 import { modalLocatorContextKey as w, modalContextKey as K } from "./types.js";
 import { _ as R } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import { default as Y } from "./useModal.js";
 const V = /* @__PURE__ */ _({
   name: "OModal",
   setup(C, {
@@ -13,21 +14,21 @@ const V = /* @__PURE__ */ _({
     emit: M,
     expose: x
   }) {
-    const r = L(w), l = o(!1), a = o(), s = P(), t = o(), u = o(), c = o(), d = o(), i = o(!0), n = o();
+    const r = L(w), l = o(!1), a = o(), s = O(), t = o(), u = o(), c = o(), d = o(), i = o(!0), n = o();
     x({
       open: async (e) => (l.value = !0, a.value = e.title, s.value = e.content, e.contentProps ? t.value = e.contentProps : t.value = {}, e.width && (u.value = e.width), e.height && (c.value = I(e.height)), e.showClose != null && e.showClose == !1 && (i.value = !1), e.locator ? n.value = e.locator : r && r.locator.value && (n.value = r.locator.value), new Promise((y, S) => {
         d.value = y;
       }))
     });
     const p = (e) => {
-      const v = d.value;
-      l.value = !1, a.value = void 0, s.value = void 0, t.value = void 0, u.value = void 0, c.value = void 0, d.value = void 0, i.value = !0, n.value = void 0, v && v(e);
+      const f = d.value;
+      l.value = !1, a.value = void 0, s.value = void 0, t.value = void 0, u.value = void 0, c.value = void 0, d.value = void 0, i.value = !0, n.value = void 0, f && f(e);
     };
     return g(K, {
       close: p
     }), () => {
       const e = s.value;
-      return l.value ? f(B, {
+      return l.value ? v(B, {
         class: a.value ? "orion-dialog" : "orion-dialog notitle",
         "modal-class": "orion-dialog-overlay",
         title: a.value,
@@ -44,8 +45,8 @@ const V = /* @__PURE__ */ _({
         },
         appendTo: n.value
       }, {
-        default: () => [f(e, t.value, null)]
-      }) : f(O, null, null);
+        default: () => [v(e, t.value, null)]
+      }) : v(P, null, null);
     };
   }
 }), A = {
@@ -65,6 +66,7 @@ const V = /* @__PURE__ */ _({
   }
 }), F = /* @__PURE__ */ R(D, [["__scopeId", "data-v-0fd5a1a9"]]), Q = j(V, { ModalLocator: F });
 export {
-  Q as default
+  Q as default,
+  Y as useOModal
 };
 //# sourceMappingURL=index.js.map

package/dist/components/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Modal/Modal.tsx","../../../src/components/Modal/ModalLocator.vue","../../../src/components/Modal/index.ts"],"sourcesContent":["import { defineComponent, inject, provide, ref, shallowRef } from 'vue'\r\nimport { ElDialog } from 'element-plus'\r\nimport { addUnit } from '../_util'\r\nimport { modalContextKey, modalLocatorContextKey, ModalOptions } from './types'\r\n\r\nconst Modal = defineComponent({\r\n  name: 'OModal',\r\n  setup(props, { slots, attrs, emit, expose }) {\r\n    const modalLocator = inject(modalLocatorContextKey)\r\n\r\n    const show = ref(false)\r\n    const title = ref<string>()\r\n    const content = shallowRef()\r\n    const contentProps = ref<Record<string, any>>()\r\n    const width = ref<number | string>()\r\n    const height = ref<number | string>()\r\n    const __resolve = ref<(value: Record<string, any> | PromiseLike<Record<string, any>>) => void>()\r\n    const showClose = ref(true)\r\n    const appendTo = ref<HTMLElement>()\r\n\r\n    const _open: (options: ModalOptions) => Promise<Record<string, any>> = async (options) => {\r\n      show.value = true\r\n      title.value = options.title\r\n      content.value = options.content\r\n      if (options.contentProps) {\r\n        contentProps.value = options.contentProps\r\n      } else {\r\n        contentProps.value = {}\r\n      }\r\n      if (options.width) {\r\n        width.value = options.width\r\n      }\r\n      if (options.height) {\r\n        height.value = addUnit(options.height)\r\n      }\r\n      if (options.showClose != undefined && options.showClose == false) {\r\n        showClose.value = false\r\n      }\r\n      if (options.locator) {\r\n        appendTo.value = options.locator\r\n      } else {\r\n        if (modalLocator && modalLocator.locator.value) {\r\n          appendTo.value = modalLocator.locator.value\r\n        }\r\n      }\r\n\r\n      const promise = new Promise<Record<string, any>>((resolve, reject) => {\r\n        __resolve.value = resolve\r\n      })\r\n\r\n      return promise\r\n    }\r\n    expose({\r\n      open: _open,\r\n    })\r\n\r\n    const _close: (options: Record<string, any>) => void = (options) => {\r\n      const resolve = __resolve.value\r\n\r\n      show.value = false\r\n      title.value = undefined\r\n      content.value = undefined\r\n      contentProps.value = undefined\r\n      width.value = undefined\r\n      height.value = undefined\r\n      __resolve.value = undefined\r\n      showClose.value = true\r\n      appendTo.value = undefined\r\n\r\n      resolve && resolve(options)\r\n    }\r\n    provide(modalContextKey, { close: _close })\r\n\r\n    return () => {\r\n      const Children = content.value\r\n      return show.value ? (\r\n        <ElDialog\r\n          class={title.value ? 'orion-dialog' : 'orion-dialog notitle'}\r\n          modal-class=\"orion-dialog-overlay\"\r\n          title={title.value}\r\n          width={width.value}\r\n          modelValue={show.value}\r\n          beforeClose={_close}\r\n          draggable={true}\r\n          closeOnClickModal={false}\r\n          closeOnPressEscape={false}\r\n          showClose={showClose.value}\r\n          alignCenter={true}\r\n          style={{ height: height.value }}\r\n          appendTo={appendTo.value}\r\n        >\r\n          <Children {...contentProps.value}></Children>\r\n        </ElDialog>\r\n      ) : (\r\n        <></>\r\n      )\r\n    }\r\n  },\r\n})\r\n\r\nexport default Modal\r\n","<template>\r\n  <div ref=\"modal-locator\" class=\"orion-modal-locator\"><slot></slot></div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { provide, useTemplateRef } from 'vue'\r\nimport { modalLocatorContextKey } from './types'\r\n\r\ndefineOptions({ name: 'OModalLocator', inheritAttrs: true })\r\nconst locator = useTemplateRef('modal-locator')\r\n\r\nprovide(modalLocatorContextKey, {\r\n  locator,\r\n})\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.orion-modal-locator {\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: auto;\r\n  box-sizing: border-box;\r\n  position: relative;\r\n\r\n  :deep(> .el-overlay) {\r\n    position: absolute;\r\n\r\n    > .el-overlay-dialog {\r\n      position: absolute;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import { withInstall } from '../_util'\r\n\r\nimport Modal from './Modal'\r\nimport ModalLocator from './ModalLocator.vue'\r\n\r\nexport default withInstall<typeof Modal, { ModalLocator: typeof ModalLocator }>(Modal, { ModalLocator })\r\n"],"names":["Modal","defineComponent","name","setup","props","slots","attrs","emit","expose","modalLocator","inject","modalLocatorContextKey","show","ref","title","content","shallowRef","contentProps","width","height","__resolve","showClose","appendTo","open","options","value","addUnit","undefined","locator","Promise","resolve","reject","_close","provide","modalContextKey","close","Children","_createVNode","ElDialog","default","_Fragment","useTemplateRef","index","withInstall","ModalLocator"],"mappings":";;;;;;;AAKA,MAAMA,IAAQC,gBAAAA,EAAgB;AAAA,EAC5BC,MAAM;AAAA,EACNC,MAAMC,GAAO;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,OAAAA;AAAAA,IAAOC,MAAAA;AAAAA,IAAMC,QAAAA;AAAAA,EAAO,GAAG;AAC3C,UAAMC,IAAeC,EAAOC,CAAsB,GAE5CC,IAAOC,EAAI,EAAK,GAChBC,IAAQD,KACRE,IAAUC,KACVC,IAAeJ,KACfK,IAAQL,KACRM,IAASN,KACTO,IAAYP,KACZQ,IAAYR,EAAI,EAAI,GACpBS,IAAWT;AAkCjBL,IAAAA,EAAO;AAAA,MACLe,MAjCqE,OAAOC,OAC5EZ,EAAKa,QAAQ,IACbX,EAAMW,QAAQD,EAAQV,OACtBC,EAAQU,QAAQD,EAAQT,SACpBS,EAAQP,eACVA,EAAaQ,QAAQD,EAAQP,eAE7BA,EAAaQ,QAAQ,IAEnBD,EAAQN,UACVA,EAAMO,QAAQD,EAAQN,QAEpBM,EAAQL,WACVA,EAAOM,QAAQC,EAAQF,EAAQL,MAAM,IAEnCK,EAAQH,aAAaM,QAAaH,EAAQH,aAAa,OACzDA,EAAUI,QAAQ,KAEhBD,EAAQI,UACVN,EAASG,QAAQD,EAAQI,UAErBnB,KAAgBA,EAAamB,QAAQH,UACvCH,EAASG,QAAQhB,EAAamB,QAAQH,QAI1B,IAAII,QAA6B,CAACC,GAASC,MAAW;AACpEX,QAAAA,EAAUK,QAAQK;AAAAA,MACpB,CAAC;AAAA,IAMH,CAAC;AAED,UAAME,IAAkDR,CAAAA,MAAY;AAClE,YAAMM,IAAUV,EAAUK;AAE1Bb,MAAAA,EAAKa,QAAQ,IACbX,EAAMW,QAAQE,QACdZ,EAAQU,QAAQE,QAChBV,EAAaQ,QAAQE,QACrBT,EAAMO,QAAQE,QACdR,EAAOM,QAAQE,QACfP,EAAUK,QAAQE,QAClBN,EAAUI,QAAQ,IAClBH,EAASG,QAAQE,QAEjBG,KAAWA,EAAQN,CAAO;AAAA;AAE5BS,WAAAA,EAAQC,GAAiB;AAAA,MAAEC,OAAOH;AAAAA,IAAO,CAAC,GAEnC,MAAM;AACX,YAAMI,IAAWrB,EAAQU;AACzB,aAAOb,EAAKa,QAAKY,EAAAC,GAAA;AAAA,QAAA,OAENxB,EAAMW,QAAQ,iBAAiB;AAAA,QAAsB,eAAA;AAAA,QAAA,OAErDX,EAAMW;AAAAA,QAAK,OACXP,EAAMO;AAAAA,QAAK,YACNb,EAAKa;AAAAA,QAAK,aACTO;AAAAA,QAAM,WACR;AAAA,QAAI,mBACI;AAAA,QAAK,oBACJ;AAAA,QAAK,WACdX,EAAUI;AAAAA,QAAK,aACb;AAAA,QAAI,OACV;AAAA,UAAEN,QAAQA,EAAOM;AAAAA,QAAO;AAAA,QAAA,UACrBH,EAASG;AAAAA,MAAK,GAAA;AAAA,QAAAc,SAAAA,MAAAF,CAAAA,EAAAD,GAEVnB,EAAaQ,OAAK,IAAA,CAAA;AAAA,MAAAY,CAAAA,IAAAA,EAAAG,GAInC,MAAA,IAAA;AAAA;EAEL;AACF,CAAC;;;;;;;;AC1FK,UAAAZ,IAAUa,EAAe,eAAe;AAE9C,WAAAR,EAAQtB,GAAwB;AAAA,MAC9B,SAAAiB;AAAA,IAAA,CACD;;;;kECPDc,IAAeC,EAAiE3C,GAAO,EAAE,cAAA4C,GAAc;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Modal/Modal.tsx","../../../src/components/Modal/ModalLocator.vue","../../../src/components/Modal/index.ts"],"sourcesContent":["import { defineComponent, inject, provide, ref, shallowRef } from 'vue'\r\nimport { ElDialog } from 'element-plus'\r\nimport { addUnit } from '../_util'\r\nimport { modalContextKey, modalLocatorContextKey, ModalOptions } from './types'\r\n\r\nconst Modal = defineComponent({\r\n  name: 'OModal',\r\n  setup(props, { slots, attrs, emit, expose }) {\r\n    const modalLocator = inject(modalLocatorContextKey)\r\n\r\n    const show = ref(false)\r\n    const title = ref<string>()\r\n    const content = shallowRef()\r\n    const contentProps = ref<Record<string, any>>()\r\n    const width = ref<number | string>()\r\n    const height = ref<number | string>()\r\n    const __resolve = ref<(value: Record<string, any> | PromiseLike<Record<string, any>>) => void>()\r\n    const showClose = ref(true)\r\n    const appendTo = ref<HTMLElement>()\r\n\r\n    const _open: (options: ModalOptions) => Promise<Record<string, any>> = async (options) => {\r\n      show.value = true\r\n      title.value = options.title\r\n      content.value = options.content\r\n      if (options.contentProps) {\r\n        contentProps.value = options.contentProps\r\n      } else {\r\n        contentProps.value = {}\r\n      }\r\n      if (options.width) {\r\n        width.value = options.width\r\n      }\r\n      if (options.height) {\r\n        height.value = addUnit(options.height)\r\n      }\r\n      if (options.showClose != undefined && options.showClose == false) {\r\n        showClose.value = false\r\n      }\r\n      if (options.locator) {\r\n        appendTo.value = options.locator\r\n      } else {\r\n        if (modalLocator && modalLocator.locator.value) {\r\n          appendTo.value = modalLocator.locator.value\r\n        }\r\n      }\r\n\r\n      const promise = new Promise<Record<string, any>>((resolve, reject) => {\r\n        __resolve.value = resolve\r\n      })\r\n\r\n      return promise\r\n    }\r\n    expose({\r\n      open: _open,\r\n    })\r\n\r\n    const _close: (options: Record<string, any>) => void = (options) => {\r\n      const resolve = __resolve.value\r\n\r\n      show.value = false\r\n      title.value = undefined\r\n      content.value = undefined\r\n      contentProps.value = undefined\r\n      width.value = undefined\r\n      height.value = undefined\r\n      __resolve.value = undefined\r\n      showClose.value = true\r\n      appendTo.value = undefined\r\n\r\n      resolve && resolve(options)\r\n    }\r\n    provide(modalContextKey, { close: _close })\r\n\r\n    return () => {\r\n      const Children = content.value\r\n      return show.value ? (\r\n        <ElDialog\r\n          class={title.value ? 'orion-dialog' : 'orion-dialog notitle'}\r\n          modal-class=\"orion-dialog-overlay\"\r\n          title={title.value}\r\n          width={width.value}\r\n          modelValue={show.value}\r\n          beforeClose={_close}\r\n          draggable={true}\r\n          closeOnClickModal={false}\r\n          closeOnPressEscape={false}\r\n          showClose={showClose.value}\r\n          alignCenter={true}\r\n          style={{ height: height.value }}\r\n          appendTo={appendTo.value}\r\n        >\r\n          <Children {...contentProps.value}></Children>\r\n        </ElDialog>\r\n      ) : (\r\n        <></>\r\n      )\r\n    }\r\n  },\r\n})\r\n\r\nexport default Modal\r\n","<template>\r\n  <div ref=\"modal-locator\" class=\"orion-modal-locator\"><slot></slot></div>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { provide, useTemplateRef } from 'vue'\r\nimport { modalLocatorContextKey } from './types'\r\n\r\ndefineOptions({ name: 'OModalLocator', inheritAttrs: true })\r\nconst locator = useTemplateRef('modal-locator')\r\n\r\nprovide(modalLocatorContextKey, {\r\n  locator,\r\n})\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.orion-modal-locator {\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: auto;\r\n  box-sizing: border-box;\r\n  position: relative;\r\n\r\n  :deep(> .el-overlay) {\r\n    position: absolute;\r\n\r\n    > .el-overlay-dialog {\r\n      position: absolute;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import { withInstall } from '../_util'\r\n\r\nimport Modal from './Modal'\r\nimport ModalLocator from './ModalLocator.vue'\r\n\r\nexport default withInstall<typeof Modal, { ModalLocator: typeof ModalLocator }>(Modal, { ModalLocator })\r\n\r\nexport { default as useOModal } from './useModal'\r\n"],"names":["Modal","defineComponent","name","setup","props","slots","attrs","emit","expose","modalLocator","inject","modalLocatorContextKey","show","ref","title","content","shallowRef","contentProps","width","height","__resolve","showClose","appendTo","open","options","value","addUnit","undefined","locator","Promise","resolve","reject","_close","provide","modalContextKey","close","Children","_createVNode","ElDialog","default","_Fragment","useTemplateRef","index","withInstall","ModalLocator"],"mappings":";;;;;;;;AAKA,MAAMA,IAAQC,gBAAAA,EAAgB;AAAA,EAC5BC,MAAM;AAAA,EACNC,MAAMC,GAAO;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,OAAAA;AAAAA,IAAOC,MAAAA;AAAAA,IAAMC,QAAAA;AAAAA,EAAO,GAAG;AAC3C,UAAMC,IAAeC,EAAOC,CAAsB,GAE5CC,IAAOC,EAAI,EAAK,GAChBC,IAAQD,KACRE,IAAUC,KACVC,IAAeJ,KACfK,IAAQL,KACRM,IAASN,KACTO,IAAYP,KACZQ,IAAYR,EAAI,EAAI,GACpBS,IAAWT;AAkCjBL,IAAAA,EAAO;AAAA,MACLe,MAjCqE,OAAOC,OAC5EZ,EAAKa,QAAQ,IACbX,EAAMW,QAAQD,EAAQV,OACtBC,EAAQU,QAAQD,EAAQT,SACpBS,EAAQP,eACVA,EAAaQ,QAAQD,EAAQP,eAE7BA,EAAaQ,QAAQ,IAEnBD,EAAQN,UACVA,EAAMO,QAAQD,EAAQN,QAEpBM,EAAQL,WACVA,EAAOM,QAAQC,EAAQF,EAAQL,MAAM,IAEnCK,EAAQH,aAAaM,QAAaH,EAAQH,aAAa,OACzDA,EAAUI,QAAQ,KAEhBD,EAAQI,UACVN,EAASG,QAAQD,EAAQI,UAErBnB,KAAgBA,EAAamB,QAAQH,UACvCH,EAASG,QAAQhB,EAAamB,QAAQH,QAI1B,IAAII,QAA6B,CAACC,GAASC,MAAW;AACpEX,QAAAA,EAAUK,QAAQK;AAAAA,MACpB,CAAC;AAAA,IAMH,CAAC;AAED,UAAME,IAAkDR,CAAAA,MAAY;AAClE,YAAMM,IAAUV,EAAUK;AAE1Bb,MAAAA,EAAKa,QAAQ,IACbX,EAAMW,QAAQE,QACdZ,EAAQU,QAAQE,QAChBV,EAAaQ,QAAQE,QACrBT,EAAMO,QAAQE,QACdR,EAAOM,QAAQE,QACfP,EAAUK,QAAQE,QAClBN,EAAUI,QAAQ,IAClBH,EAASG,QAAQE,QAEjBG,KAAWA,EAAQN,CAAO;AAAA;AAE5BS,WAAAA,EAAQC,GAAiB;AAAA,MAAEC,OAAOH;AAAAA,IAAO,CAAC,GAEnC,MAAM;AACX,YAAMI,IAAWrB,EAAQU;AACzB,aAAOb,EAAKa,QAAKY,EAAAC,GAAA;AAAA,QAAA,OAENxB,EAAMW,QAAQ,iBAAiB;AAAA,QAAsB,eAAA;AAAA,QAAA,OAErDX,EAAMW;AAAAA,QAAK,OACXP,EAAMO;AAAAA,QAAK,YACNb,EAAKa;AAAAA,QAAK,aACTO;AAAAA,QAAM,WACR;AAAA,QAAI,mBACI;AAAA,QAAK,oBACJ;AAAA,QAAK,WACdX,EAAUI;AAAAA,QAAK,aACb;AAAA,QAAI,OACV;AAAA,UAAEN,QAAQA,EAAOM;AAAAA,QAAO;AAAA,QAAA,UACrBH,EAASG;AAAAA,MAAK,GAAA;AAAA,QAAAc,SAAAA,MAAAF,CAAAA,EAAAD,GAEVnB,EAAaQ,OAAK,IAAA,CAAA;AAAA,MAAAY,CAAAA,IAAAA,EAAAG,GAInC,MAAA,IAAA;AAAA;EAEL;AACF,CAAC;;;;;;;;AC1FK,UAAAZ,IAAUa,EAAe,eAAe;AAE9C,WAAAR,EAAQtB,GAAwB;AAAA,MAC9B,SAAAiB;AAAA,IAAA,CACD;;;;kECPDc,IAAeC,EAAiE3C,GAAO,EAAE,cAAA4C,GAAc;"}

package/dist/components/Pagetable/index.js

@@ -1,7 +1,7 @@
 import "lodash-es";
 import { defineComponent as x, ref as ie, computed as $, createVNode as a, createTextVNode as se, isVNode as U } from "vue";
 import { withInstall as ue } from "../_util/vue/install.js";
-import { ElTable as pe, ElTableColumn as S, ElPagination as ce, ElButton as de } from "element-plus";
+import { ElTable as ce, ElTableColumn as S, ElPagination as pe, ElButton as de } from "element-plus";
 import ge from "../_util/classNames.js";
 import { arrayType as me, objectType as L, booleanType as R, stringType as n, someType as r, numberType as fe } from "../_util/type.js";
 import { number2string as he, formatDate as Y, getSingleCodeContent as we, getMultiCodeContent as be } from "./utils/index.js";
@@ -32,12 +32,12 @@ const Ae = () => ({
   props: Ae(),
   emits: ["selectionChange", "currentRowChange", "update:pagination", "paginationChange", "rowClick", "rowDblclick", "cellClick", "cellDblclick", "select", "select-all"],
   setup(o, {
-    slots: p,
+    slots: c,
     attrs: y,
     emit: s,
     expose: C
   }) {
-    const v = ie(), k = $(() => ({})), B = Se(p), _ = $(() => {
+    const v = ie(), k = $(() => ({})), B = Se(c), _ = $(() => {
       let m = [];
       o.showRowNumber && m.push({
         type: "__showRowNumber__"
@@ -122,19 +122,20 @@ const Ae = () => ({
         headerAlign: "center",
         align: "center",
         width: 56,
-        fixed: p.expandedRowRender ? !1 : "left",
+        fixed: c.expandedRowRender ? !1 : "left",
         showOverflowTooltip: !0,
-        index: (e) => (d.currentPage - 1) * d.pageSize + e + 1
+        index: (t) => (d.currentPage - 1) * d.pageSize + t + 1
       }, null), W = () => a(S, {
         type: "selection",
+        headerAlign: "center",
         align: "center",
         width: 40,
-        fixed: p.expandedRowRender ? !1 : "left"
+        fixed: c.expandedRowRender ? !1 : "left"
       }, null), X = (e) => {
         const {
           name: t,
           head: l,
-          headAlign: i,
+          headAlign: i = "center",
           bodyAlign: u,
           width: h,
           fixed: f
@@ -152,7 +153,7 @@ const Ae = () => ({
         const {
           name: t,
           head: l,
-          headAlign: i,
+          headAlign: i = "center",
           bodyAlign: u,
           width: h,
           fixed: f
@@ -168,25 +169,25 @@ const Ae = () => ({
         }, {
           default: (w) => {
             const {
-              row: c,
+              row: p,
               column: g
             } = w;
             return a("span", {
               class: "cell-linkcolumn"
-            }, [c[g.property]]);
+            }, [p[g.property]]);
           }
         });
       }, ee = (e) => {
         const {
           name: t,
           head: l,
-          headAlign: i,
+          headAlign: i = "center",
           bodyAlign: u = "right",
           width: h,
           fixed: f
         } = e, {
           thousandsSeparator: w = !0,
-          precision: c = -1,
+          precision: p = -1,
           percentage: g = !1
         } = e;
         return a(S, {
@@ -205,19 +206,19 @@ const Ae = () => ({
             } = P;
             return a("span", {
               class: "cell-numbercolumn"
-            }, [he(D[b.property], w, c, g === !0 || g === "")]);
+            }, [he(D[b.property], w, p, g === !0 || g === "")]);
           }
         });
       }, te = (e) => {
         const {
           name: t,
           head: l,
-          headAlign: i,
-          bodyAlign: u,
+          headAlign: i = "center",
+          bodyAlign: u = "center",
           width: h,
           fixed: f,
           sourceFormat: w,
-          format: c = "YYYYMMDDHHmmss"
+          format: p = "YYYYMMDDHHmmss"
         } = e;
         return a(S, {
           label: l,
@@ -233,14 +234,14 @@ const Ae = () => ({
               row: P,
               column: D
             } = g, b = P[D.property];
-            return b instanceof Date || ye.isDayjs(b) ? a("div", null, [Y(b, c)]) : w && c ? a("div", null, [Y(b, w, c)]) : a("div", null, [b]);
+            return b instanceof Date || ye.isDayjs(b) ? a("div", null, [Y(b, p)]) : w && p ? a("div", null, [Y(b, w, p)]) : a("div", null, [b]);
           }
         });
       }, ne = (e) => {
         const {
           name: t,
           head: l,
-          headAlign: i,
+          headAlign: i = "center",
           bodyAlign: u,
           width: h,
           fixed: f
@@ -256,11 +257,11 @@ const Ae = () => ({
           fixed: f,
           showOverflowTooltip: !0
         }, {
-          default: (c) => {
+          default: (p) => {
             const {
               row: g,
               column: P
-            } = c, D = g[P.property];
+            } = p, D = g[P.property];
             let b;
             const N = H(w);
             return N.value ? b = we(N.value, D) : b = null, a("span", {
@@ -272,7 +273,7 @@ const Ae = () => ({
         const {
           name: t,
           head: l,
-          headAlign: i,
+          headAlign: i = "center",
           bodyAlign: u,
           width: h,
           fixed: f
@@ -288,11 +289,11 @@ const Ae = () => ({
           fixed: f,
           showOverflowTooltip: !0
         }, {
-          default: (c) => {
+          default: (p) => {
             const {
               row: g,
               column: P
-            } = c, D = g[P.property];
+            } = p, D = g[P.property];
             let b;
             const N = H(w);
             return N.value ? b = be(N.value, D) : b = null, a("span", {
@@ -304,7 +305,7 @@ const Ae = () => ({
         const {
           name: t,
           head: l,
-          headAlign: i,
+          headAlign: i = "center",
           bodyAlign: u,
           width: h,
           fixed: f
@@ -319,22 +320,22 @@ const Ae = () => ({
         }, {
           default: (w) => {
             var g, P;
-            const c = (P = (g = e.children) == null ? void 0 : g.default) == null ? void 0 : P.call(g, {
+            const p = (P = (g = e.children) == null ? void 0 : g.default) == null ? void 0 : P.call(g, {
               rowData: w.row,
               column: e,
               rowIndex: w.$index
             });
             return a("div", {
               class: "cell-buttongroup"
-            }, [a(Ce, null, xe(c) ? c : {
-              default: () => [c]
+            }, [a(Ce, null, xe(p) ? p : {
+              default: () => [p]
             })]);
           }
         });
       }, re = (e) => {
         const {
           head: t,
-          headAlign: l
+          headAlign: l = "center"
         } = e, {
           children: i
         } = e;
@@ -348,7 +349,7 @@ const Ae = () => ({
         const {
           name: t,
           head: l,
-          headAlign: i,
+          headAlign: i = "center",
           width: u,
           fixed: h
         } = e;
@@ -360,8 +361,8 @@ const Ae = () => ({
           fixed: h
         }, {
           default: (f) => {
-            var c, g;
-            const w = (g = (c = e.children) == null ? void 0 : c.default) == null ? void 0 : g.call(c, {
+            var p, g;
+            const w = (g = (p = e.children) == null ? void 0 : p.default) == null ? void 0 : g.call(p, {
               rowData: f.row,
               column: e,
               rowIndex: f.$index
@@ -397,7 +398,7 @@ const Ae = () => ({
         style: [k.value, y.style]
       }, [a("div", {
         class: "pagetable-wrapper"
-      }, [a(pe, {
+      }, [a(ce, {
         showSummary: q.value,
         summaryMethod: J,
         border: !0,
@@ -456,13 +457,13 @@ const Ae = () => ({
           columnIndex: e.columnIndex
         }) : typeof z == "object" ? z : {}
       }, {
-        default: () => [p.expandedRowRender && a(S, {
+        default: () => [c.expandedRowRender && a(S, {
           type: "expand",
           fixed: !1
         }, {
           default: (e) => {
             var l;
-            const t = (l = p.expandedRowRender) == null ? void 0 : l.call(p, {
+            const t = (l = c.expandedRowRender) == null ? void 0 : l.call(c, {
               rowData: e.row,
               rowIndex: e.$index
             });
@@ -473,7 +474,7 @@ const Ae = () => ({
         }), T && Q(), O && W(), E(B.value)]
       })]), a("div", {
         class: "pagination-wrapper"
-      }, [a(ce, {
+      }, [a(pe, {
         currentPage: d.currentPage,
         "onUpdate:current-page": (e) => {
           s("update:pagination", {
@@ -502,7 +503,7 @@ const Ae = () => ({
   inheritAttrs: !1,
   props: ve(),
   setup(o, {
-    slots: p,
+    slots: c,
     attrs: y,
     emit: s,
     expose: C
@@ -522,7 +523,7 @@ const Ae = () => ({
   inheritAttrs: !1,
   props: Be(),
   setup(o, {
-    slots: p,
+    slots: c,
     attrs: y,
     emit: s,
     expose: C
@@ -542,7 +543,7 @@ const Ae = () => ({
   inheritAttrs: !1,
   props: Re(),
   setup(o, {
-    slots: p,
+    slots: c,
     attrs: y,
     emit: s,
     expose: C
@@ -565,7 +566,7 @@ const Ae = () => ({
   inheritAttrs: !1,
   props: Te(),
   setup(o, {
-    slots: p,
+    slots: c,
     attrs: y,
     emit: s,
     expose: C
@@ -588,7 +589,7 @@ const Ae = () => ({
   inheritAttrs: !1,
   props: _e(),
   setup(o, {
-    slots: p,
+    slots: c,
     attrs: y,
     emit: s,
     expose: C
@@ -609,7 +610,7 @@ const Ae = () => ({
   inheritAttrs: !1,
   props: Me(),
   setup(o, {
-    slots: p,
+    slots: c,
     attrs: y,
     emit: s,
     expose: C
@@ -630,7 +631,7 @@ const Ae = () => ({
   inheritAttrs: !1,
   props: ze(),
   setup(o, {
-    slots: p,
+    slots: c,
     attrs: y,
     emit: s,
     expose: C
@@ -651,7 +652,7 @@ const Ae = () => ({
   props: Ve(),
   slots: Object,
   setup(o, {
-    slots: p,
+    slots: c,
     attrs: y,
     emit: s,
     expose: C
@@ -670,7 +671,7 @@ const Ye = () => ({
   props: Ye(),
   emits: ["click"],
   setup(o, {
-    slots: p,
+    slots: c,
     attrs: y,
     emit: s,
     expose: C
@@ -682,7 +683,7 @@ const Ye = () => ({
       var _;
       const {
         type: k
-      } = o, B = (_ = p.default) == null ? void 0 : _.call(p);
+      } = o, B = (_ = c.default) == null ? void 0 : _.call(c);
       return a(de, {
         link: !0,
         type: k,
@@ -701,7 +702,7 @@ const Ye = () => ({
   inheritAttrs: !1,
   props: He(),
   setup(o, {
-    slots: p,
+    slots: c,
     attrs: y,
     emit: s,
     expose: C
@@ -721,7 +722,7 @@ const Ye = () => ({
   props: qe(),
   slots: Object,
   setup(o, {
-    slots: p,
+    slots: c,
     attrs: y,
     emit: s,
     expose: C