orion-design 0.1.31 → 0.1.33

package/dist/components/LovTable/index.js

@@ -1,211 +1,136 @@
-import { findIndex } from "lodash-es";
-import { defineComponent, useTemplateRef, ref, watch, openBlock, createBlock, unref, withCtx, renderSlot } from "vue";
-import { withInstall } from "../_util/vue/install.js";
+import { findIndex as P } from "lodash-es";
+import { defineComponent as A, useTemplateRef as x, ref as v, watch as k, openBlock as y, createBlock as I, unref as L, withCtx as S, renderSlot as z } from "vue";
+import { withInstall as U } from "../_util/vue/install.js";
 import "element-plus";
-import Querytable from "../Querytable/index.js";
+import T from "../Querytable/index.js";
 import "../Form/index.js";
-import useLov from "../Form/LovInput/hooks/useLov.js";
-import Pagetable from "../Pagetable/index.js";
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...{ name: "OLovQuerytable", inheritAttrs: true },
+import D from "../Form/LovInput/hooks/useLov.js";
+import q from "../Pagetable/index.js";
+const B = /* @__PURE__ */ A({
+  name: "OLovQuerytable",
+  inheritAttrs: !0,
   __name: "LovQuerytable",
   props: {
     data: {}
   },
-  setup(__props) {
-    const tableRef = useTemplateRef("table");
-    const currentRowIndex = ref();
-    const currentRowData = ref();
-    const lov = useLov();
-    lov == null ? void 0 : lov.registerKeydownHandler((code) => {
-      if (code == "ArrowUp") {
-        let nextRow;
-        if (currentRowIndex.value == 0) {
-          nextRow = __props.data[__props.data.length - 1];
-        } else {
-          nextRow = __props.data[currentRowIndex.value - 1];
-        }
-        tableRef.value.setCurrentRow(nextRow);
-        scrollToRow(currentRowIndex.value);
-      } else if (code == "ArrowDown") {
-        let nextRow;
-        if (currentRowIndex.value == __props.data.length - 1) {
-          nextRow = __props.data[0];
-        } else {
-          nextRow = __props.data[currentRowIndex.value + 1];
-        }
-        tableRef.value.setCurrentRow(nextRow);
-        scrollToRow(currentRowIndex.value);
-      } else if (code == "Enter") {
-        currentRowData.value && (lov == null ? void 0 : lov.backfill(currentRowData.value));
-      }
+  setup(e) {
+    const d = x("table"), i = v(), s = v(), l = D();
+    l == null || l.registerKeydownHandler((a) => {
+      if (a == "ArrowUp") {
+        let o;
+        i.value == 0 ? o = e.data[e.data.length - 1] : o = e.data[i.value - 1], d.value.setCurrentRow(o), r(i.value);
+      } else if (a == "ArrowDown") {
+        let o;
+        i.value == e.data.length - 1 ? o = e.data[0] : o = e.data[i.value + 1], d.value.setCurrentRow(o), r(i.value);
+      } else a == "Enter" && s.value && (l == null || l.backfill(s.value));
     });
-    const scrollToRow = (index2) => {
-      var _a;
-      const $table = (_a = tableRef.value) == null ? void 0 : _a.$el;
-      const $row = $table.querySelectorAll(".el-table__row")[index2];
-      $row.scrollIntoViewIfNeeded();
-    };
-    const onRowClick = (row) => {
-      lov == null ? void 0 : lov.backfill(row);
+    const r = (a) => {
+      d.value.$el.querySelectorAll(".el-table__row")[a].scrollIntoViewIfNeeded();
+    }, f = (a) => {
+      l == null || l.backfill(a);
+    }, u = (a) => {
+      const o = P(e.data, a);
+      o == -1 ? (i.value = 0, s.value = e.data[0]) : (i.value = o, s.value = a);
     };
-    const handleCurrentRowChange = (row) => {
-      const index2 = findIndex(__props.data, row);
-      if (index2 == -1) {
-        currentRowIndex.value = 0;
-        currentRowData.value = __props.data[0];
-      } else {
-        currentRowIndex.value = index2;
-        currentRowData.value = row;
-      }
-    };
-    watch(
-      () => __props.data,
+    return k(
+      () => e.data,
       () => {
-        if (__props.data.length > 0) {
-          tableRef.value.setCurrentRow(__props.data[0]);
-        }
+        e.data.length > 0 && d.value.setCurrentRow(e.data[0]);
       }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Querytable), {
-        ref: "table",
-        data: _ctx.data,
-        onRowClick,
-        "current-row-mode": "",
-        onCurrentRowChange: handleCurrentRowChange,
-        size: "small"
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["data"]);
-    };
+    ), (a, o) => (y(), I(L(T), {
+      ref: "table",
+      data: a.data,
+      onRowClick: f,
+      "current-row-mode": "",
+      onCurrentRowChange: u,
+      size: "small"
+    }, {
+      default: S(() => [
+        z(a.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["data"]));
   }
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ name: "OLovPagetable", inheritAttrs: true },
+}), E = /* @__PURE__ */ A({
+  name: "OLovPagetable",
+  inheritAttrs: !0,
   __name: "LovPagetable",
   props: {
     data: {},
     pagination: {}
   },
   emits: ["update:pagination"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const onUpdatePagination = (data) => {
-      emits("update:pagination", data);
-    };
-    const tableRef = useTemplateRef("table");
-    const currentRowIndex = ref();
-    const currentRowData = ref();
-    const lov = useLov();
-    lov == null ? void 0 : lov.registerKeydownHandler((code) => {
-      var _a, _b, _c, _d, _e, _f;
-      if (code == "ArrowUp") {
-        let nextRow;
-        if (currentRowIndex.value == 0) {
-          nextRow = __props.data[__props.data.length - 1];
-        } else {
-          nextRow = __props.data[currentRowIndex.value - 1];
-        }
-        tableRef.value.setCurrentRow(nextRow);
-        scrollToRow(currentRowIndex.value);
-      } else if (code == "ArrowDown") {
-        let nextRow;
-        if (currentRowIndex.value == __props.data.length - 1) {
-          nextRow = __props.data[0];
-        } else {
-          nextRow = __props.data[currentRowIndex.value + 1];
-        }
-        tableRef.value.setCurrentRow(nextRow);
-        scrollToRow(currentRowIndex.value);
-      } else if (code == "Enter") {
-        currentRowData.value && (lov == null ? void 0 : lov.backfill(currentRowData.value));
-      } else if (code == "ArrowLeft") {
-        const currentPage = (_a = __props.pagination) == null ? void 0 : _a.currentPage;
-        const pageSize = (_b = __props.pagination) == null ? void 0 : _b.pageSize;
-        const total = (_c = __props.pagination) == null ? void 0 : _c.total;
-        if (!currentPage || !pageSize || !total) {
+  setup(e, { emit: d }) {
+    const i = d, s = (t) => {
+      i("update:pagination", t);
+    }, l = x("table"), r = v(), f = v(), u = D();
+    u.registerKeydownHandler((t) => {
+      var c, m, b, h, C, $;
+      if (t == "ArrowUp") {
+        let n;
+        r.value == 0 ? n = e.data[e.data.length - 1] : n = e.data[r.value - 1], l.value.setCurrentRow(n), a(r.value);
+      } else if (t == "ArrowDown") {
+        let n;
+        r.value == e.data.length - 1 ? n = e.data[0] : n = e.data[r.value + 1], l.value.setCurrentRow(n), a(r.value);
+      } else if (t == "Enter")
+        f.value && (u == null || u.backfill(f.value));
+      else if (t == "ArrowLeft") {
+        const n = (c = e.pagination) == null ? void 0 : c.currentPage, g = (m = e.pagination) == null ? void 0 : m.pageSize, w = (b = e.pagination) == null ? void 0 : b.total;
+        if (!n || !g || !w)
           return;
-        }
-        if (currentPage > 1) {
-          emits("update:pagination", {
-            ...__props.pagination,
-            currentPage: currentPage - 1
-          });
-        }
-      } else if (code == "ArrowRight") {
-        const currentPage = (_d = __props.pagination) == null ? void 0 : _d.currentPage;
-        const pageSize = (_e = __props.pagination) == null ? void 0 : _e.pageSize;
-        const total = (_f = __props.pagination) == null ? void 0 : _f.total;
-        if (!currentPage || !pageSize || !total) {
+        n > 1 && i("update:pagination", {
+          ...e.pagination,
+          currentPage: n - 1
+        });
+      } else if (t == "ArrowRight") {
+        const n = (h = e.pagination) == null ? void 0 : h.currentPage, g = (C = e.pagination) == null ? void 0 : C.pageSize, w = ($ = e.pagination) == null ? void 0 : $.total;
+        if (!n || !g || !w)
           return;
-        }
-        const totalPage = Math.ceil(total / pageSize);
-        if (currentPage < totalPage) {
-          emits("update:pagination", {
-            ...__props.pagination,
-            currentPage: currentPage + 1
-          });
-        }
+        const Q = Math.ceil(w / g);
+        n < Q && i("update:pagination", {
+          ...e.pagination,
+          currentPage: n + 1
+        });
       }
     });
-    const scrollToRow = (index2) => {
-      var _a;
-      const $table = (_a = tableRef.value) == null ? void 0 : _a.$el;
-      const $row = $table.querySelectorAll(".el-table__row")[index2];
-      $row.scrollIntoViewIfNeeded();
-    };
-    const onRowClick = (row) => {
-      lov == null ? void 0 : lov.backfill(row);
+    const a = (t) => {
+      l.value.$el.querySelectorAll(".el-table__row")[t].scrollIntoViewIfNeeded();
+    }, o = (t) => {
+      u == null || u.backfill(t);
+    }, R = (t) => {
+      const c = P(e.data, t);
+      c == -1 ? (r.value = 0, f.value = e.data[0]) : (r.value = c, f.value = t);
     };
-    const handleCurrentRowChange = (row) => {
-      const index2 = findIndex(__props.data, row);
-      if (index2 == -1) {
-        currentRowIndex.value = 0;
-        currentRowData.value = __props.data[0];
-      } else {
-        currentRowIndex.value = index2;
-        currentRowData.value = row;
-      }
-    };
-    watch(
-      () => __props.data,
+    return k(
+      () => e.data,
       () => {
-        if (__props.data.length > 0) {
-          tableRef.value.setCurrentRow(__props.data[0]);
-        }
+        e.data.length > 0 && l.value.setCurrentRow(e.data[0]);
       }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Pagetable), {
-        ref: "table",
-        data: _ctx.data,
-        onRowClick,
-        "current-row-mode": "",
-        onCurrentRowChange: handleCurrentRowChange,
-        pagination: _ctx.pagination,
-        "onUpdate:pagination": onUpdatePagination,
-        size: "small"
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["data", "pagination"]);
-    };
+    ), (t, c) => (y(), I(L(q), {
+      ref: "table",
+      data: t.data,
+      onRowClick: o,
+      "current-row-mode": "",
+      onCurrentRowChange: R,
+      pagination: t.pagination,
+      "onUpdate:pagination": s,
+      size: "small",
+      "pagination-teleported": !1
+    }, {
+      default: S(() => [
+        z(t.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["data", "pagination"]));
   }
-});
-const index = withInstall(
+}), G = U(
   {},
   {
-    LovQuerytable: _sfc_main$1,
-    LovPagetable: _sfc_main
+    LovQuerytable: B,
+    LovPagetable: E
   }
 );
 export {
-  index as default
+  G as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/LovTable/LovQuerytable.vue","../../../src/components/LovTable/LovPagetable.vue","../../../src/components/LovTable/index.ts"],"sourcesContent":["<template>\r\n  <querytable ref=\"table\" :data=\"data\" @row-click=\"onRowClick\" current-row-mode @current-row-change=\"handleCurrentRowChange\" size=\"small\">\r\n    <slot></slot>\r\n  </querytable>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { ref, useTemplateRef, watch } from 'vue'\r\nimport Querytable from '../Querytable'\r\nimport { useLov } from '../Form'\r\nimport { findIndex } from 'lodash-es'\r\n\r\ndefineOptions({ name: 'OLovQuerytable', inheritAttrs: true })\r\n\r\nconst { data } = defineProps<{ data: any[] }>()\r\nconst tableRef = useTemplateRef('table')\r\nconst currentRowIndex = ref()\r\nconst currentRowData = ref()\r\n\r\nconst lov = useLov()\r\nlov?.registerKeydownHandler((code) => {\r\n  if (code == 'ArrowUp') {\r\n    let nextRow: any\r\n    if (currentRowIndex.value == 0) {\r\n      nextRow = data[data.length - 1]\r\n    } else {\r\n      nextRow = data[currentRowIndex.value - 1]\r\n    }\r\n    //@ts-ignore\r\n    tableRef.value.setCurrentRow(nextRow)\r\n    scrollToRow(currentRowIndex.value)\r\n  } else if (code == 'ArrowDown') {\r\n    let nextRow: any\r\n    if (currentRowIndex.value == data.length - 1) {\r\n      nextRow = data[0]\r\n    } else {\r\n      nextRow = data[currentRowIndex.value + 1]\r\n    }\r\n    //@ts-ignore\r\n    tableRef.value.setCurrentRow(nextRow)\r\n    scrollToRow(currentRowIndex.value)\r\n  } else if (code == 'Enter') {\r\n    currentRowData.value && lov?.backfill(currentRowData.value)\r\n  }\r\n})\r\n\r\nconst scrollToRow = (index: number) => {\r\n  const $table = tableRef.value?.$el\r\n  const $row = $table.querySelectorAll('.el-table__row')[index]\r\n  $row.scrollIntoViewIfNeeded()\r\n}\r\n\r\nconst onRowClick = (row: any) => {\r\n  lov?.backfill(row)\r\n}\r\n\r\nconst handleCurrentRowChange = (row: any) => {\r\n  const index = findIndex(data, row)\r\n  if (index == -1) {\r\n    currentRowIndex.value = 0\r\n    currentRowData.value = data[0]\r\n  } else {\r\n    currentRowIndex.value = index\r\n    currentRowData.value = row\r\n  }\r\n}\r\n\r\nwatch(\r\n  () => data,\r\n  () => {\r\n    if (data.length > 0) {\r\n      //@ts-ignore\r\n      tableRef.value.setCurrentRow(data[0])\r\n    }\r\n  }\r\n)\r\n</script>\r\n","<template>\r\n  <pagetable\r\n    ref=\"table\"\r\n    :data=\"data\"\r\n    @row-click=\"onRowClick\"\r\n    current-row-mode\r\n    @current-row-change=\"handleCurrentRowChange\"\r\n    :pagination=\"pagination\"\r\n    @update:pagination=\"onUpdatePagination\"\r\n    size=\"small\"\r\n  >\r\n    <slot></slot>\r\n  </pagetable>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport Pagetable from '../Pagetable'\r\nimport { useLov } from '../Form'\r\nimport { ref, useTemplateRef, watch } from 'vue'\r\nimport { findIndex } from 'lodash-es'\r\n\r\ndefineOptions({ name: 'OLovPagetable', inheritAttrs: true })\r\n\r\nconst { data, pagination } = defineProps<{\r\n  data: any[]\r\n  pagination: {\r\n    currentPage?: number\r\n    pageSize?: number\r\n    total?: number\r\n  }\r\n}>()\r\n\r\nconst emits = defineEmits(['update:pagination'])\r\nconst onUpdatePagination = (data: any) => {\r\n  emits('update:pagination', data)\r\n}\r\n\r\nconst tableRef = useTemplateRef('table')\r\nconst currentRowIndex = ref()\r\nconst currentRowData = ref()\r\n\r\nconst lov = useLov()\r\nlov?.registerKeydownHandler((code) => {\r\n  if (code == 'ArrowUp') {\r\n    let nextRow: any\r\n    if (currentRowIndex.value == 0) {\r\n      nextRow = data[data.length - 1]\r\n    } else {\r\n      nextRow = data[currentRowIndex.value - 1]\r\n    }\r\n    //@ts-ignore\r\n    tableRef.value.setCurrentRow(nextRow)\r\n    scrollToRow(currentRowIndex.value)\r\n  } else if (code == 'ArrowDown') {\r\n    let nextRow: any\r\n    if (currentRowIndex.value == data.length - 1) {\r\n      nextRow = data[0]\r\n    } else {\r\n      nextRow = data[currentRowIndex.value + 1]\r\n    }\r\n    //@ts-ignore\r\n    tableRef.value.setCurrentRow(nextRow)\r\n    scrollToRow(currentRowIndex.value)\r\n  } else if (code == 'Enter') {\r\n    currentRowData.value && lov?.backfill(currentRowData.value)\r\n  } else if (code == 'ArrowLeft') {\r\n    const currentPage = pagination?.currentPage\r\n    const pageSize = pagination?.pageSize\r\n    const total = pagination?.total\r\n    if (!currentPage || !pageSize || !total) {\r\n      return\r\n    }\r\n    if (currentPage > 1) {\r\n      emits('update:pagination', {\r\n        ...pagination,\r\n        currentPage: currentPage - 1,\r\n      })\r\n    }\r\n  } else if (code == 'ArrowRight') {\r\n    const currentPage = pagination?.currentPage\r\n    const pageSize = pagination?.pageSize\r\n    const total = pagination?.total\r\n    if (!currentPage || !pageSize || !total) {\r\n      return\r\n    }\r\n    const totalPage = Math.ceil(total / pageSize)\r\n    if (currentPage < totalPage) {\r\n      emits('update:pagination', {\r\n        ...pagination,\r\n        currentPage: currentPage + 1,\r\n      })\r\n    }\r\n  }\r\n})\r\n\r\nconst scrollToRow = (index: number) => {\r\n  const $table = tableRef.value?.$el\r\n  const $row = $table.querySelectorAll('.el-table__row')[index]\r\n  $row.scrollIntoViewIfNeeded()\r\n}\r\n\r\nconst onRowClick = (row: any) => {\r\n  lov?.backfill(row)\r\n}\r\n\r\nconst handleCurrentRowChange = (row: any) => {\r\n  const index = findIndex(data, row)\r\n  if (index == -1) {\r\n    currentRowIndex.value = 0\r\n    currentRowData.value = data[0]\r\n  } else {\r\n    currentRowIndex.value = index\r\n    currentRowData.value = row\r\n  }\r\n}\r\n\r\nwatch(\r\n  () => data,\r\n  () => {\r\n    if (data.length > 0) {\r\n      //@ts-ignore\r\n      tableRef.value.setCurrentRow(data[0])\r\n    }\r\n  }\r\n)\r\n</script>\r\n","import { withInstall } from '../_util'\r\n\r\nimport LovQuerytable from './LovQuerytable.vue'\r\nimport LovPagetable from './LovPagetable.vue'\r\n\r\nexport default withInstall(\r\n  {},\r\n  {\r\n    LovQuerytable,\r\n    LovPagetable,\r\n  }\r\n)\r\n"],"names":["index","LovQuerytable","LovPagetable"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/LovTable/LovQuerytable.vue","../../../src/components/LovTable/LovPagetable.vue","../../../src/components/LovTable/index.ts"],"sourcesContent":["<template>\r\n  <querytable ref=\"table\" :data=\"data\" @row-click=\"onRowClick\" current-row-mode\r\n    @current-row-change=\"handleCurrentRowChange\" size=\"small\">\r\n    <slot></slot>\r\n  </querytable>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { ref, useTemplateRef, watch } from 'vue'\r\nimport Querytable from '../Querytable'\r\nimport { useLov } from '../Form'\r\nimport { findIndex } from 'lodash-es'\r\n\r\ndefineOptions({ name: 'OLovQuerytable', inheritAttrs: true })\r\n\r\nconst { data } = defineProps<{ data: any[] }>()\r\nconst tableRef = useTemplateRef('table')\r\nconst currentRowIndex = ref()\r\nconst currentRowData = ref()\r\n\r\nconst lov = useLov()\r\nlov?.registerKeydownHandler((code) => {\r\n  if (code == 'ArrowUp') {\r\n    let nextRow: any\r\n    if (currentRowIndex.value == 0) {\r\n      nextRow = data[data.length - 1]\r\n    } else {\r\n      nextRow = data[currentRowIndex.value - 1]\r\n    }\r\n    //@ts-ignore\r\n    tableRef.value!.setCurrentRow(nextRow)\r\n    scrollToRow(currentRowIndex.value)\r\n  } else if (code == 'ArrowDown') {\r\n    let nextRow: any\r\n    if (currentRowIndex.value == data.length - 1) {\r\n      nextRow = data[0]\r\n    } else {\r\n      nextRow = data[currentRowIndex.value + 1]\r\n    }\r\n    //@ts-ignore\r\n    tableRef.value!.setCurrentRow(nextRow)\r\n    scrollToRow(currentRowIndex.value)\r\n  } else if (code == 'Enter') {\r\n    currentRowData.value && lov?.backfill(currentRowData.value)\r\n  }\r\n})\r\n\r\nconst scrollToRow = (index: number) => {\r\n  const $table = tableRef.value!.$el\r\n  const $row = $table.querySelectorAll('.el-table__row')[index]\r\n  $row.scrollIntoViewIfNeeded()\r\n}\r\n\r\nconst onRowClick = (row: any) => {\r\n  lov?.backfill(row)\r\n}\r\n\r\nconst handleCurrentRowChange = (row: any) => {\r\n  const index = findIndex(data, row)\r\n  if (index == -1) {\r\n    currentRowIndex.value = 0\r\n    currentRowData.value = data[0]\r\n  } else {\r\n    currentRowIndex.value = index\r\n    currentRowData.value = row\r\n  }\r\n}\r\n\r\nwatch(\r\n  () => data,\r\n  () => {\r\n    if (data.length > 0) {\r\n      //@ts-ignore\r\n      tableRef.value!.setCurrentRow(data[0])\r\n    }\r\n  }\r\n)\r\n</script>\r\n","<template>\r\n  <pagetable ref=\"table\" :data=\"data\" @row-click=\"onRowClick\" current-row-mode\r\n    @current-row-change=\"handleCurrentRowChange\" :pagination=\"pagination\" @update:pagination=\"onUpdatePagination\"\r\n    size=\"small\" :pagination-teleported=\"false\">\r\n    <slot></slot>\r\n  </pagetable>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport Pagetable from '../Pagetable'\r\nimport { useLov } from '../Form'\r\nimport { ref, useTemplateRef, watch } from 'vue'\r\nimport { findIndex } from 'lodash-es'\r\n\r\ndefineOptions({ name: 'OLovPagetable', inheritAttrs: true })\r\n\r\nconst { data, pagination } = defineProps<{\r\n  data: any[]\r\n  pagination: {\r\n    currentPage?: number\r\n    pageSize?: number\r\n    total?: number\r\n  }\r\n}>()\r\n\r\nconst emits = defineEmits(['update:pagination'])\r\nconst onUpdatePagination = (data: any) => {\r\n  emits('update:pagination', data)\r\n}\r\n\r\nconst tableRef = useTemplateRef('table')\r\nconst currentRowIndex = ref()\r\nconst currentRowData = ref()\r\n\r\nconst lov = useLov()!\r\nlov.registerKeydownHandler((code) => {\r\n  if (code == 'ArrowUp') {\r\n    let nextRow: any\r\n    if (currentRowIndex.value == 0) {\r\n      nextRow = data[data.length - 1]\r\n    } else {\r\n      nextRow = data[currentRowIndex.value - 1]\r\n    }\r\n    //@ts-ignore\r\n    tableRef.value!.setCurrentRow(nextRow)\r\n    scrollToRow(currentRowIndex.value)\r\n  } else if (code == 'ArrowDown') {\r\n    let nextRow: any\r\n    if (currentRowIndex.value == data.length - 1) {\r\n      nextRow = data[0]\r\n    } else {\r\n      nextRow = data[currentRowIndex.value + 1]\r\n    }\r\n    //@ts-ignore\r\n    tableRef.value!.setCurrentRow(nextRow)\r\n    scrollToRow(currentRowIndex.value)\r\n  } else if (code == 'Enter') {\r\n    currentRowData.value && lov?.backfill(currentRowData.value)\r\n  } else if (code == 'ArrowLeft') {\r\n    const currentPage = pagination?.currentPage\r\n    const pageSize = pagination?.pageSize\r\n    const total = pagination?.total\r\n    if (!currentPage || !pageSize || !total) {\r\n      return\r\n    }\r\n    if (currentPage > 1) {\r\n      emits('update:pagination', {\r\n        ...pagination,\r\n        currentPage: currentPage - 1,\r\n      })\r\n    }\r\n  } else if (code == 'ArrowRight') {\r\n    const currentPage = pagination?.currentPage\r\n    const pageSize = pagination?.pageSize\r\n    const total = pagination?.total\r\n    if (!currentPage || !pageSize || !total) {\r\n      return\r\n    }\r\n    const totalPage = Math.ceil(total / pageSize)\r\n    if (currentPage < totalPage) {\r\n      emits('update:pagination', {\r\n        ...pagination,\r\n        currentPage: currentPage + 1,\r\n      })\r\n    }\r\n  }\r\n})\r\n\r\nconst scrollToRow = (index: number) => {\r\n  const $table = tableRef.value!.$el\r\n  const $row = $table.querySelectorAll('.el-table__row')[index]\r\n  $row.scrollIntoViewIfNeeded()\r\n}\r\n\r\nconst onRowClick = (row: any) => {\r\n  lov?.backfill(row)\r\n}\r\n\r\nconst handleCurrentRowChange = (row: any) => {\r\n  const index = findIndex(data, row)\r\n  if (index == -1) {\r\n    currentRowIndex.value = 0\r\n    currentRowData.value = data[0]\r\n  } else {\r\n    currentRowIndex.value = index\r\n    currentRowData.value = row\r\n  }\r\n}\r\n\r\nwatch(\r\n  () => data,\r\n  () => {\r\n    if (data.length > 0) {\r\n      //@ts-ignore\r\n      tableRef.value!.setCurrentRow(data[0])\r\n    }\r\n  }\r\n)\r\n</script>\r\n","import { withInstall } from '../_util'\r\n\r\nimport LovQuerytable from './LovQuerytable.vue'\r\nimport LovPagetable from './LovPagetable.vue'\r\n\r\nexport default withInstall(\r\n  {},\r\n  {\r\n    LovQuerytable,\r\n    LovPagetable,\r\n  }\r\n)\r\n"],"names":["tableRef","useTemplateRef","currentRowIndex","ref","currentRowData","lov","useLov","code","nextRow","__props","scrollToRow","index","onRowClick","row","handleCurrentRowChange","findIndex","watch","emits","__emit","onUpdatePagination","data","currentPage","_a","pageSize","_b","total","_c","_d","_e","_f","totalPage","withInstall","LovQuerytable","LovPagetable"],"mappings":"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"}

package/dist/components/Modal/index.js

@@ -1,127 +1,72 @@
 import "lodash-es";
-import { defineComponent, inject, ref, shallowRef, provide, createVNode, Fragment, useTemplateRef, openBlock, createElementBlock, renderSlot } from "vue";
-import { withInstall } from "../_util/vue/install.js";
-import { ElDialog } from "element-plus";
-import { addUnit } from "../_util/dom/style.js";
-import { modalLocatorContextKey, modalContextKey } from "./types.js";
-const Modal = /* @__PURE__ */ defineComponent({
+import { defineComponent as g, inject as L, ref as o, shallowRef as O, provide as M, createVNode as w, 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 x, modalContextKey as K } from "./types.js";
+const R = /* @__PURE__ */ g({
   name: "OModal",
-  setup(props, {
-    slots,
-    attrs,
-    emit,
-    expose
+  setup(l, {
+    slots: a,
+    attrs: t,
+    emit: u,
+    expose: c
   }) {
-    const modalLocator = inject(modalLocatorContextKey);
-    const show = ref(false);
-    const title = ref();
-    const content = shallowRef();
-    const contentProps = ref();
-    const width = ref();
-    const height = ref();
-    const __resolve = ref();
-    const showClose = ref(true);
-    const appendTo = ref();
-    const _open = async (options) => {
-      show.value = true;
-      title.value = options.title;
-      content.value = options.content;
-      if (options.contentProps) {
-        contentProps.value = options.contentProps;
-      } else {
-        contentProps.value = {};
-      }
-      if (options.width) {
-        width.value = options.width;
-      }
-      if (options.height) {
-        height.value = addUnit(options.height);
-      }
-      if (options.showClose != void 0 && options.showClose == false) {
-        showClose.value = false;
-      }
-      if (options.locator) {
-        appendTo.value = options.locator;
-      } else {
-        if (modalLocator && modalLocator.locator.value) {
-          appendTo.value = modalLocator.locator.value;
-        }
-      }
-      const promise = new Promise((resolve, reject) => {
-        __resolve.value = resolve;
-      });
-      return promise;
-    };
-    expose({
-      open: _open
+    const d = L(x), n = o(!1), i = o(), v = O(), r = o(), f = o(), m = o(), h = o(), p = o(!0), s = o();
+    c({
+      open: async (e) => (n.value = !0, i.value = e.title, v.value = e.content, e.contentProps ? r.value = e.contentProps : r.value = {}, e.width && (f.value = e.width), e.height && (m.value = I(e.height)), e.showClose != null && e.showClose == !1 && (p.value = !1), e.locator ? s.value = e.locator : d && d.locator.value && (s.value = d.locator.value), new Promise((y, S) => {
+        h.value = y;
+      }))
     });
-    const _close = (options) => {
-      const resolve = __resolve.value;
-      show.value = false;
-      title.value = void 0;
-      content.value = void 0;
-      contentProps.value = void 0;
-      width.value = void 0;
-      height.value = void 0;
-      __resolve.value = void 0;
-      showClose.value = true;
-      appendTo.value = void 0;
-      resolve && resolve(options);
+    const C = (e) => {
+      const _ = h.value;
+      n.value = !1, i.value = void 0, v.value = void 0, r.value = void 0, f.value = void 0, m.value = void 0, h.value = void 0, p.value = !0, s.value = void 0, _ && _(e);
     };
-    provide(modalContextKey, {
-      close: _close
-    });
-    return () => {
-      const Children = content.value;
-      return show.value ? createVNode(ElDialog, {
-        "title": title.value,
-        "width": width.value,
-        "modelValue": show.value,
-        "beforeClose": _close,
-        "draggable": true,
-        "closeOnClickModal": false,
-        "closeOnPressEscape": false,
-        "showClose": showClose.value,
-        "alignCenter": true,
-        "style": {
-          height: height.value
+    return M(K, {
+      close: C
+    }), () => {
+      const e = v.value;
+      return n.value ? w(B, {
+        title: i.value,
+        width: f.value,
+        modelValue: n.value,
+        beforeClose: C,
+        draggable: !0,
+        closeOnClickModal: !1,
+        closeOnPressEscape: !1,
+        showClose: p.value,
+        alignCenter: !0,
+        style: {
+          height: m.value
         },
-        "appendTo": appendTo.value
+        appendTo: s.value
       }, {
-        default: () => [createVNode(Children, contentProps.value, null)]
-      }) : createVNode(Fragment, null, null);
+        default: () => [w(e, r.value, null)]
+      }) : w(P, null, null);
     };
   }
-});
-const _hoisted_1 = {
+}), V = {
   ref: "modal-locator",
   class: "orion-modal-locator"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ name: "OModalLocator", inheritAttrs: true },
+}, A = /* @__PURE__ */ g({
+  name: "OModalLocator",
+  inheritAttrs: !0,
   __name: "ModalLocator",
-  setup(__props) {
-    const locator = useTemplateRef("modal-locator");
-    provide(modalLocatorContextKey, {
-      locator
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 512);
-    };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
+  setup(l) {
+    const a = k("modal-locator");
+    return M(x, {
+      locator: a
+    }), (t, u) => (E(), T("div", V, [
+      b(t.$slots, "default", {}, void 0, !0)
+    ], 512));
   }
-  return target;
-};
-const ModalLocator = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0fd5a1a9"]]);
-const index = withInstall(Modal, { ModalLocator });
+}), D = (l, a) => {
+  const t = l.__vccOpts || l;
+  for (const [u, c] of a)
+    t[u] = c;
+  return t;
+}, F = /* @__PURE__ */ D(A, [["__scopeId", "data-v-0fd5a1a9"]]), J = j(R, { ModalLocator: F });
 export {
-  index as default
+  J as default
 };
 //# 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<string | 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          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","Promise","resolve","reject","open","_close","provide","modalContextKey","close","Children","_createVNode","ElDialog","default","_Fragment"],"mappings":";;;;;;AAKA,MAAMA,QAAQC,gCAAgB;AAAA,EAC5BC,MAAM;AAAA,EACNC,MAAMC,OAAO;AAAA,IAAEC;AAAAA,IAAOC;AAAAA,IAAOC;AAAAA,IAAMC;AAAAA,EAAO,GAAG;AAC3C,UAAMC,eAAeC,OAAOC,sBAAsB;AAElD,UAAMC,OAAOC,IAAI,KAAK;AACtB,UAAMC,QAAQD;AACd,UAAME,UAAUC;AAChB,UAAMC,eAAeJ;AACrB,UAAMK,QAAQL;AACd,UAAMM,SAASN;AACf,UAAMO,YAAYP;AAClB,UAAMQ,YAAYR,IAAI,IAAI;AAC1B,UAAMS,WAAWT;AAEjB,UAAMU,QAAiE,OAAOC,YAAY;AACxFZ,WAAKa,QAAQ;AACbX,YAAMW,QAAQD,QAAQV;AACtBC,cAAQU,QAAQD,QAAQT;AACxB,UAAIS,QAAQP,cAAc;AACxBA,qBAAaQ,QAAQD,QAAQP;AAAAA,MAC/B,OAAO;AACLA,qBAAaQ,QAAQ;MACvB;AACA,UAAID,QAAQN,OAAO;AACjBA,cAAMO,QAAQD,QAAQN;AAAAA,MACxB;AACA,UAAIM,QAAQL,QAAQ;AAClBA,eAAOM,QAAQC,QAAQF,QAAQL,MAAM;AAAA,MACvC;AACA,UAAIK,QAAQH,aAAaM,UAAaH,QAAQH,aAAa,OAAO;AAChEA,kBAAUI,QAAQ;AAAA,MACpB;AACA,UAAID,QAAQI,SAAS;AACnBN,iBAASG,QAAQD,QAAQI;AAAAA,MAC3B,OAAO;AACL,YAAInB,gBAAgBA,aAAamB,QAAQH,OAAO;AAC9CH,mBAASG,QAAQhB,aAAamB,QAAQH;AAAAA,QACxC;AAAA,MACF;AAEA,YAAMI,UAAU,IAAIC,QAA6B,CAACC,SAASC,WAAW;AACpEZ,kBAAUK,QAAQM;AAAAA,MACpB,CAAC;AAED,aAAOF;AAAAA;AAETrB,WAAO;AAAA,MACLyB,MAAMV;AAAAA,IACR,CAAC;AAED,UAAMW,SAAkDV,aAAY;AAClE,YAAMO,UAAUX,UAAUK;AAE1Bb,WAAKa,QAAQ;AACbX,YAAMW,QAAQE;AACdZ,cAAQU,QAAQE;AAChBV,mBAAaQ,QAAQE;AACrBT,YAAMO,QAAQE;AACdR,aAAOM,QAAQE;AACfP,gBAAUK,QAAQE;AAClBN,gBAAUI,QAAQ;AAClBH,eAASG,QAAQE;AAEjBI,iBAAWA,QAAQP,OAAO;AAAA;AAE5BW,YAAQC,iBAAiB;AAAA,MAAEC,OAAOH;AAAAA,IAAO,CAAC;AAE1C,WAAO,MAAM;AACX,YAAMI,WAAWvB,QAAQU;AACzB,aAAOb,KAAKa,QAAKc,YAAAC,UAAA;AAAA,QAAA,SAEN1B,MAAMW;AAAAA,QAAK,SACXP,MAAMO;AAAAA,QAAK,cACNb,KAAKa;AAAAA,QAAK,eACTS;AAAAA,QAAM,aACR;AAAA,QAAI,qBACI;AAAA,QAAK,sBACJ;AAAA,QAAK,aACdb,UAAUI;AAAAA,QAAK,eACb;AAAA,QAAI,SACV;AAAA,UAAEN,QAAQA,OAAOM;AAAAA,QAAO;AAAA,QAAA,YACrBH,SAASG;AAAAA,MAAK,GAAA;AAAA,QAAAgB,SAAAA,MAAAF,CAAAA,YAAAD,UAEVrB,aAAaQ,OAAK,IAAA,CAAA;AAAA,MAAAc,CAAAA,IAAAA,YAAAG,UAInC,MAAA,IAAA;AAAA;EAEL;AACF,CAAC;;;;;;;;;ACxFK,UAAA,UAAU,eAAe,eAAe;AAE9C,YAAQ,wBAAwB;AAAA,MAC9B;AAAA,IAAA,CACD;;;;;;;;;;;;;;;;ACPD,MAAA,QAAe,YAAiE,OAAO,EAAE,cAAc;"}
+{"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          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;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;;;;;;;;ACxFK,UAAAZ,IAAUa,EAAe,eAAe;AAE9C,WAAAR,EAAQtB,GAAwB;AAAA,MAC9B,SAAAiB;AAAA,IAAA,CACD;;;;;;;;;iECPDc,IAAeC,EAAiE3C,GAAO,EAAE,cAAA4C,GAAc;"}

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

@@ -6,7 +6,7 @@ export interface ModalOptions {
     width?: number | string;
     height?: number | string;
     showClose?: boolean;
-    locator?: string | HTMLElement;
+    locator?: HTMLElement;
 }
 export interface ModalContext {
     close: (options: Record<string, any>) => void;

package/dist/components/Modal/types.js

@@ -1,7 +1,6 @@
-const modalContextKey = Symbol("modalContextKey");
-const modalLocatorContextKey = Symbol("modalLocatorContextKey");
+const o = Symbol("modalContextKey"), t = Symbol("modalLocatorContextKey");
 export {
-  modalContextKey,
-  modalLocatorContextKey
+  o as modalContextKey,
+  t as modalLocatorContextKey
 };
 //# sourceMappingURL=types.js.map