orion-design 0.1.35 → 0.1.37

package/dist/components/TableSelectPagetable/TableSelectPagetable.vue.d.ts

@@ -3,7 +3,7 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {
-        out: unknown;
+        div: HTMLDivElement;
         table: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
             data: {
                 type: import('vue').PropType<any[]>;
@@ -447,7 +447,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     width: number | string;
     height: number | string;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    out: unknown;
+    div: HTMLDivElement;
     table: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         data: {
             type: import('vue').PropType<any[]>;

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

@@ -8,7 +8,7 @@ declare const _default: import('../_util').SFCWithInstall<{
         width: number | string;
         height: number | string;
     }> & Readonly<{}>, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-        out: unknown;
+        div: HTMLDivElement;
         table: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
             data: {
                 type: import('vue').PropType<any[]>;

package/dist/components/TableSelectPagetable/index.js

@@ -1,11 +1,15 @@
-import { intersectionWith as S, isEqual as x, find as c, remove as y } from "lodash-es";
-import { defineComponent as L, computed as k, useTemplateRef as O, ref as U, watch as w, nextTick as W, resolveComponent as u, openBlock as f, createBlock as p, normalizeStyle as j, withCtx as o, createVNode as a, unref as r, createElementBlock as E, Fragment as T, renderList as C, createTextVNode as d, toDisplayString as z, mergeProps as G, renderSlot as H } from "vue";
-import { withInstall as J } from "../_util/vue/install.js";
-import { ElTooltip as K, ElTag as P, ElScrollbar as M } from "element-plus";
-import Q from "../Pagetable/index.js";
-import { addUnit as R } from "../_util/dom/style.js";
-import X from "../Form/TableSelect/hooks/useTableSelect.js";
-const Y = /* @__PURE__ */ L({
+import { intersectionWith as E, isEqual as k, find as d, remove as w } from "lodash-es";
+import { defineComponent as q, computed as T, useTemplateRef as C, ref as b, onMounted as F, watch as z, nextTick as I, resolveComponent as p, openBlock as r, createBlock as g, normalizeStyle as U, withCtx as n, createVNode as a, createElementVNode as f, createElementBlock as x, Fragment as R, renderList as N, unref as c, createTextVNode as m, toDisplayString as P, createCommentVNode as G, mergeProps as H, renderSlot as J } from "vue";
+import { withInstall as K } from "../_util/vue/install.js";
+import { ElTag as V, ElTooltip as Q, ElScrollbar as X } from "element-plus";
+import Y from "../Pagetable/index.js";
+import { m as Z } from "../../index-Bm0F5NQQ.js";
+import { addUnit as B } from "../_util/dom/style.js";
+import ee from "../Form/TableSelect/hooks/useTableSelect.js";
+const te = { style: { display: "flex", padding: "5px" } }, le = {
+  ref: "div",
+  style: { flex: "1 1 0px", display: "flex", gap: "5px", overflow: "hidden" }
+}, oe = { style: { flex: "none", width: "150px", display: "flex", gap: "5px", justifyContent: "right" } }, ne = { key: 0 }, ae = /* @__PURE__ */ q({
   name: "OTableselectPagetable",
   inheritAttrs: !0,
   __name: "TableSelectPagetable",
@@ -15,141 +19,140 @@ const Y = /* @__PURE__ */ L({
     height: { default: 300 }
   },
   setup(i) {
-    const b = k(() => ({
-      width: R(i.width),
-      height: R(i.height)
-    })), g = O("table"), l = U([]), h = k(() => l.value.map((n) => e == null ? void 0 : e.tag(n))), B = (n, t) => {
-      c(n, t) ? c(l.value, t) || l.value.push(t) : c(l.value, t) && y(l.value, t), e == null || e.onSelect(l.value);
-    }, D = (n) => {
-      n.length > 0 ? n.forEach((t) => {
-        c(l.value, t) || l.value.push(t);
-      }) : y(l.value, (t) => c(i.data, t)), e == null || e.onSelect(l.value);
-    }, e = X(), A = () => {
+    const D = T(() => ({
+      width: B(i.width),
+      height: B(i.height)
+    })), y = C("table"), l = b([]), S = T(() => l.value.map((o) => e == null ? void 0 : e.tag(o))), v = b(!1), L = C("div");
+    F(() => {
+      new MutationObserver((t) => {
+        t.forEach((s) => {
+          if (s.type == "childList") {
+            const u = s.target;
+            u.scrollWidth > u.clientWidth ? v.value = !0 : v.value = !1;
+          }
+        });
+      }).observe(L.value, {
+        childList: !0
+      });
+    });
+    const W = (o, t) => {
+      d(o, t) ? d(l.value, t) || l.value.push(t) : d(l.value, t) && w(l.value, t), e == null || e.onSelect(l.value);
+    }, A = (o) => {
+      o.length > 0 ? o.forEach((t) => {
+        d(l.value, t) || l.value.push(t);
+      }) : w(l.value, (t) => d(i.data, t)), e == null || e.onSelect(l.value);
+    }, e = ee(), M = () => {
       e == null || e.selectDone();
-    }, N = () => {
-      V(), l.value = [], e == null || e.onSelect([], !0);
+    }, O = () => {
+      $(), l.value = [], e == null || e.onSelect([], !0);
     };
-    w(
+    z(
       () => i.data,
       async () => {
-        i.data.length > 0 && (await W(), v());
+        i.data.length > 0 && (await I(), _());
       }
-    ), w(() => e == null ? void 0 : e.selection, () => {
-      e != null && e.selection && e.selection.length > 0 && (l.value = e.selection, v());
+    ), z(() => e == null ? void 0 : e.selection, () => {
+      e != null && e.selection && e.selection.length > 0 && (l.value = e.selection, _());
     });
-    const v = () => {
-      S(i.data, l.value, x).forEach((t) => {
-        g.value.toggleRowSelection(t, !0);
+    const _ = () => {
+      E(i.data, l.value, k).forEach((t) => {
+        y.value.toggleRowSelection(t, !0);
       });
-    }, V = () => {
-      S(i.data, l.value, x).forEach((t) => {
-        g.value.toggleRowSelection(t, !1);
+    }, $ = () => {
+      E(i.data, l.value, k).forEach((t) => {
+        y.value.toggleRowSelection(t, !1);
       });
     };
-    return (n, t) => {
-      const $ = u("o-space"), s = u("o-flexitem"), _ = u("o-button"), q = u("o-buttongroup"), F = u("o-rowflex"), I = u("o-colflex");
-      return f(), p(I, {
-        style: j(b.value)
+    return (o, t) => {
+      const s = p("o-button"), u = p("o-flexitem"), j = p("o-colflex");
+      return r(), g(j, {
+        style: U(D.value)
       }, {
-        default: o(() => [
-          a(s, { "flex-basic": "need" }, {
-            default: o(() => [
-              a(F, null, {
-                default: o(() => [
-                  a(s, {
-                    ref: "out",
-                    style: { overflow: "hidden", padding: "5px" }
-                  }, {
-                    default: o(() => [
-                      a(r(K), {
-                        effect: "light",
-                        teleported: !1
-                      }, {
-                        default: o(() => [
-                          a($, null, {
-                            default: o(() => [
-                              (f(!0), E(T, null, C(h.value, (m) => (f(), p(r(P), { type: "info" }, {
-                                default: o(() => [
-                                  d(z(m), 1)
-                                ]),
-                                _: 2
-                              }, 1024))), 256))
-                            ]),
-                            _: 1
-                          })
-                        ]),
-                        content: o(() => [
-                          a(r(M), { "max-height": "100" }, {
-                            default: o(() => [
-                              (f(!0), E(T, null, C(h.value, (m) => (f(), p(r(P), {
-                                type: "info",
-                                style: { margin: "5px" }
-                              }, {
-                                default: o(() => [
-                                  d(z(m), 1)
-                                ]),
-                                _: 2
-                              }, 1024))), 256))
-                            ]),
-                            _: 1
-                          })
-                        ]),
-                        _: 1
-                      })
+        default: n(() => [
+          a(u, { "flex-basic": "need" }, {
+            default: n(() => [
+              f("div", te, [
+                f("div", le, [
+                  (r(!0), x(R, null, N(S.value, (h) => (r(), g(c(V), { type: "info" }, {
+                    default: n(() => [
+                      m(P(h), 1)
                     ]),
-                    _: 1
-                  }, 512),
-                  a(s, {
-                    "flex-basic": "need",
-                    style: { padding: "5px" }
-                  }, {
-                    default: o(() => [
-                      a(q, null, {
-                        default: o(() => [
-                          a(_, {
-                            type: "primary",
-                            size: "small",
-                            onClick: A
-                          }, {
-                            default: o(() => t[0] || (t[0] = [
-                              d("确定")
-                            ])),
-                            _: 1
-                          }),
-                          a(_, {
-                            size: "small",
-                            onClick: N
-                          }, {
-                            default: o(() => t[1] || (t[1] = [
-                              d("清空")
-                            ])),
-                            _: 1
-                          })
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
+                    _: 2
+                  }, 1024))), 256))
+                ], 512),
+                f("div", oe, [
+                  v.value ? (r(), x("div", ne, [
+                    a(c(Q), {
+                      effect: "light",
+                      teleported: !1
+                    }, {
+                      default: n(() => [
+                        a(s, {
+                          size: "small",
+                          icon: c(Z),
+                          text: ""
+                        }, null, 8, ["icon"])
+                      ]),
+                      content: n(() => [
+                        a(c(X), { "max-height": "100" }, {
+                          default: n(() => [
+                            (r(!0), x(R, null, N(S.value, (h) => (r(), g(c(V), {
+                              type: "info",
+                              style: { margin: "5px" }
+                            }, {
+                              default: n(() => [
+                                m(P(h), 1)
+                              ]),
+                              _: 2
+                            }, 1024))), 256))
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ])) : G("", !0),
+                  f("div", null, [
+                    a(s, {
+                      type: "primary",
+                      size: "small",
+                      onClick: M
+                    }, {
+                      default: n(() => t[0] || (t[0] = [
+                        m("确定")
+                      ])),
+                      _: 1
+                    })
+                  ]),
+                  f("div", null, [
+                    a(s, {
+                      size: "small",
+                      onClick: O
+                    }, {
+                      default: n(() => t[1] || (t[1] = [
+                        m("清空")
+                      ])),
+                      _: 1
+                    })
+                  ])
+                ])
+              ])
             ]),
             _: 1
           }),
-          a(s, null, {
-            default: o(() => [
-              a(r(Q), G({
+          a(u, null, {
+            default: n(() => [
+              a(c(Y), H({
                 ref: "table",
-                data: n.data,
+                data: o.data,
                 "selection-mode": "",
                 size: "small",
                 "pagination-teleported": !1,
-                onSelect: B,
-                onSelectAll: D
-              }, n.$attrs), {
-                default: o(() => [
-                  H(n.$slots, "default")
+                onSelect: W,
+                onSelectAll: A
+              }, o.$attrs), {
+                default: n(() => [
+                  J(o.$slots, "default")
                 ]),
                 _: 3
               }, 16, ["data"])
@@ -161,8 +164,8 @@ const Y = /* @__PURE__ */ L({
       }, 8, ["style"]);
     };
   }
-}), ie = J(Y, {});
+}), ve = K(ae, {});
 export {
-  ie as default
+  ve as default
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/TableSelectPagetable/TableSelectPagetable.vue","../../../src/components/TableSelectPagetable/index.ts"],"sourcesContent":["<template>\r\n    <o-colflex :style=\"style\">\r\n        <o-flexitem flex-basic=\"need\">\r\n            <o-rowflex>\r\n                <o-flexitem ref=\"out\" :style=\"{ overflow: 'hidden', padding: '5px' }\">\r\n                    <el-tooltip effect=\"light\" :teleported=\"false\">\r\n                        <template #default>\r\n                            <o-space>\r\n                                <el-tag v-for=\"tag in tags\" type=\"info\">{{ tag }}</el-tag>\r\n                            </o-space>\r\n                        </template>\r\n                        <template #content>\r\n                            <el-scrollbar max-height=\"100\">\r\n                                <el-tag v-for=\"tag in tags\" type=\"info\" :style=\"{ margin: '5px' }\">{{ tag }}</el-tag>\r\n                            </el-scrollbar>\r\n                        </template>\r\n                    </el-tooltip>\r\n                </o-flexitem>\r\n                <o-flexitem flex-basic=\"need\" :style=\"{ padding: '5px' }\">\r\n                    <o-buttongroup>\r\n                        <o-button type=\"primary\" size=\"small\" @click=\"selectDone\">确定</o-button>\r\n                        <o-button size=\"small\" @click=\"clearSelection\">清空</o-button>\r\n                    </o-buttongroup>\r\n                </o-flexitem>\r\n            </o-rowflex>\r\n        </o-flexitem>\r\n        <o-flexitem>\r\n            <pagetable ref=\"table\" :data=\"data\" selection-mode size=\"small\" :pagination-teleported=\"false\"\r\n                @select=\"onSelect\" @select-all=\"onSelectAll\" v-bind=\"$attrs\">\r\n                <slot></slot>\r\n            </pagetable>\r\n        </o-flexitem>\r\n    </o-colflex>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport Pagetable from '../Pagetable'\r\nimport { ElTag, ElTooltip, ElScrollbar } from 'element-plus'\r\n// import { More } from '@element-plus/icons-vue'\r\nimport { computed, nextTick, onMounted, ref, useTemplateRef, watch } from 'vue'\r\nimport { find, intersectionWith, isEqual, remove } from 'lodash-es';\r\nimport { addUnit } from '../_util';\r\nimport { useTableselect } from '../Form/TableSelect'\r\n// import { useElementSize } from '@vueuse/core'\r\n\r\ndefineOptions({ name: 'OTableselectPagetable', inheritAttrs: true })\r\n\r\nconst { data, width = 600, height = 300 } = defineProps<{ data: any[], width: number | string, height: number | string }>()\r\nconst style = computed(() => {\r\n    return {\r\n        width: addUnit(width),\r\n        height: addUnit(height)\r\n    }\r\n})\r\nconst tableRef = useTemplateRef('table')\r\nconst selection = ref<any[]>([])\r\nconst tags = computed(() => selection.value.map((item) => tableselect?.tag(item)))\r\n\r\nconst onSelect = (_selection: any[], _row: any) => {\r\n    if (find(_selection, _row)) {\r\n        if (!find(selection.value, _row)) {\r\n            selection.value.push(_row)\r\n        }\r\n    } else {\r\n        if (find(selection.value, _row)) {\r\n            remove(selection.value, _row)\r\n        }\r\n    }\r\n    tableselect?.onSelect(selection.value)\r\n}\r\nconst onSelectAll = (_selection: any[]) => {\r\n    if (_selection.length > 0) {\r\n        _selection.forEach((item) => {\r\n            if (!find(selection.value, item)) {\r\n                selection.value.push(item)\r\n            }\r\n        })\r\n    } else {\r\n        remove(selection.value, (item) => find(data, item))\r\n    }\r\n    tableselect?.onSelect(selection.value)\r\n}\r\n\r\nconst tableselect = useTableselect()\r\nconst selectDone = () => {\r\n    tableselect?.selectDone()\r\n}\r\nconst clearSelection = () => {\r\n    uncheckSelection()\r\n    selection.value = []\r\n    tableselect?.onSelect([], true)\r\n}\r\n\r\nwatch(\r\n    () => data,\r\n    async () => {\r\n        if (data.length > 0) {\r\n            await nextTick()\r\n            checkSelection()\r\n        }\r\n    }\r\n)\r\nwatch(() => tableselect?.selection, () => {\r\n    if (tableselect?.selection && tableselect.selection.length > 0) {\r\n        selection.value = tableselect.selection\r\n        checkSelection()\r\n    }\r\n})\r\n\r\nconst checkSelection = () => {\r\n    const _selection = intersectionWith(data, selection.value, isEqual)\r\n    _selection.forEach((row) => {\r\n        //@ts-ignore\r\n        tableRef.value!.toggleRowSelection(row, true)\r\n    })\r\n}\r\n\r\nconst uncheckSelection = () => {\r\n    const _selection = intersectionWith(data, selection.value, isEqual)\r\n    _selection.forEach((row) => {\r\n        //@ts-ignore\r\n        tableRef.value!.toggleRowSelection(row, false)\r\n    })\r\n}\r\n</script>","import { withInstall } from '../_util'\r\n\r\nimport TableSelectPagetable from './TableSelectPagetable.vue'\r\n\r\nexport default withInstall(TableSelectPagetable, {})\r\n"],"names":["style","computed","addUnit","__props","tableRef","useTemplateRef","selection","ref","tags","item","tableselect","onSelect","_selection","_row","find","remove","onSelectAll","useTableselect","selectDone","clearSelection","uncheckSelection","watch","nextTick","checkSelection","intersectionWith","isEqual","row","index","withInstall","TableSelectPagetable"],"mappings":";;;;;;;;;;;;;;;;;AA+CM,UAAAA,IAAQC,EAAS,OACZ;AAAA,MACH,OAAOC,EAAQC,EAAA,KAAK;AAAA,MACpB,QAAQD,EAAQC,EAAM,MAAA;AAAA,IAAA,EAE7B,GACKC,IAAWC,EAAe,OAAO,GACjCC,IAAYC,EAAW,CAAA,CAAE,GACzBC,IAAOP,EAAS,MAAMK,EAAU,MAAM,IAAI,CAACG,MAASC,KAAA,gBAAAA,EAAa,IAAID,EAAK,CAAC,GAE3EE,IAAW,CAACC,GAAmBC,MAAc;AAC3C,MAAAC,EAAKF,GAAYC,CAAI,IAChBC,EAAKR,EAAU,OAAOO,CAAI,KACjBP,EAAA,MAAM,KAAKO,CAAI,IAGzBC,EAAKR,EAAU,OAAOO,CAAI,KACnBE,EAAAT,EAAU,OAAOO,CAAI,GAGvBH,KAAA,QAAAA,EAAA,SAASJ,EAAU;AAAA,IAAK,GAEnCU,IAAc,CAACJ,MAAsB;AACnC,MAAAA,EAAW,SAAS,IACTA,EAAA,QAAQ,CAACH,MAAS;AACzB,QAAKK,EAAKR,EAAU,OAAOG,CAAI,KACjBH,EAAA,MAAM,KAAKG,CAAI;AAAA,MAC7B,CACH,IAEMM,EAAAT,EAAU,OAAO,CAACG,MAASK,EAAKX,EAAA,MAAMM,CAAI,CAAC,GAEzCC,KAAA,QAAAA,EAAA,SAASJ,EAAU;AAAA,IAAK,GAGnCI,IAAcO,KACdC,IAAa,MAAM;AACrB,MAAAR,KAAA,QAAAA,EAAa;AAAA,IAAW,GAEtBS,IAAiB,MAAM;AACR,MAAAC,KACjBd,EAAU,QAAQ,IACLI,KAAA,QAAAA,EAAA,SAAS,IAAI;AAAA,IAAI;AAGlC,IAAAW;AAAA,MACI,MAAMlB,EAAI;AAAA,MACV,YAAY;AACJ,QAAAA,EAAI,KAAC,SAAS,MACd,MAAMmB,EAAS,GACAC;MAEvB;AAAA,IAAA,GAEEF,EAAA,MAAMX,KAAA,gBAAAA,EAAa,WAAW,MAAM;AACtC,MAAIA,KAAA,QAAAA,EAAa,aAAaA,EAAY,UAAU,SAAS,MACzDJ,EAAU,QAAQI,EAAY,WACfa;IACnB,CACH;AAED,UAAMA,IAAiB,MAAM;AAEd,MADQC,EAAiBrB,QAAMG,EAAU,OAAOmB,CAAO,EACvD,QAAQ,CAACC,MAAQ;AAEf,QAAAtB,EAAA,MAAO,mBAAmBsB,GAAK,EAAI;AAAA,MAAA,CAC/C;AAAA,IAAA,GAGCN,IAAmB,MAAM;AAEhB,MADQI,EAAiBrB,QAAMG,EAAU,OAAOmB,CAAO,EACvD,QAAQ,CAACC,MAAQ;AAEf,QAAAtB,EAAA,MAAO,mBAAmBsB,GAAK,EAAK;AAAA,MAAA,CAChD;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ICrHLC,KAAeC,EAAYC,GAAsB,EAAE;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/TableSelectPagetable/TableSelectPagetable.vue","../../../src/components/TableSelectPagetable/index.ts"],"sourcesContent":["<template>\r\n    <o-colflex :style=\"style\">\r\n        <o-flexitem flex-basic=\"need\">\r\n            <div :style=\"{ display: 'flex', padding: '5px' }\">\r\n                <div ref=\"div\" :style=\"{ flex: '1 1 0px', display: 'flex', gap: '5px', overflow: 'hidden' }\">\r\n                    <el-tag v-for=\"tag in tags\" type=\"info\">{{ tag }}</el-tag>\r\n                </div>\r\n                <div :style=\"{ flex: 'none', width: '150px', display: 'flex', gap: '5px', justifyContent: 'right' }\">\r\n                    <div v-if=\"visiable\">\r\n                        <el-tooltip effect=\"light\" :teleported=\"false\">\r\n                            <template #default>\r\n                                <o-button size=\"small\" :icon=\"More\" text />\r\n                            </template>\r\n                            <template #content>\r\n                                <el-scrollbar max-height=\"100\">\r\n                                    <el-tag v-for=\"tag in tags\" type=\"info\" :style=\"{ margin: '5px' }\">\r\n                                        {{ tag }}\r\n                                    </el-tag>\r\n                                </el-scrollbar>\r\n                            </template>\r\n                        </el-tooltip>\r\n                    </div>\r\n                    <div>\r\n                        <o-button type=\"primary\" size=\"small\" @click=\"selectDone\">确定</o-button>\r\n                    </div>\r\n                    <div>\r\n                        <o-button size=\"small\" @click=\"clearSelection\">清空</o-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </o-flexitem>\r\n        <o-flexitem>\r\n            <pagetable ref=\"table\" :data=\"data\" selection-mode size=\"small\" :pagination-teleported=\"false\"\r\n                @select=\"onSelect\" @select-all=\"onSelectAll\" v-bind=\"$attrs\">\r\n                <slot></slot>\r\n            </pagetable>\r\n        </o-flexitem>\r\n    </o-colflex>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport Pagetable from '../Pagetable'\r\nimport { ElTag, ElTooltip, ElScrollbar } from 'element-plus'\r\nimport { More } from '@element-plus/icons-vue'\r\nimport { computed, nextTick, onMounted, ref, useTemplateRef, watch, watchPostEffect } from 'vue'\r\nimport { find, intersectionWith, isEqual, remove } from 'lodash-es';\r\nimport { addUnit } from '../_util';\r\nimport { useTableselect } from '../Form/TableSelect'\r\n\r\ndefineOptions({ name: 'OTableselectPagetable', inheritAttrs: true })\r\n\r\nconst { data, width = 600, height = 300 } = defineProps<{ data: any[], width: number | string, height: number | string }>()\r\nconst style = computed(() => {\r\n    return {\r\n        width: addUnit(width),\r\n        height: addUnit(height)\r\n    }\r\n})\r\nconst tableRef = useTemplateRef('table')\r\nconst selection = ref<any[]>([])\r\nconst tags = computed(() => selection.value.map((item) => tableselect?.tag(item)))\r\n\r\nconst visiable = ref(false)\r\nconst divRef = useTemplateRef('div')\r\nonMounted(() => {\r\n    const observer = new MutationObserver((mutations) => {\r\n        mutations.forEach((mutation) => {\r\n            if (mutation.type == 'childList') {\r\n                const target = mutation.target as HTMLDivElement\r\n                if (target.scrollWidth > target.clientWidth) {\r\n                    visiable.value = true\r\n                } else {\r\n                    visiable.value = false\r\n                }\r\n            }\r\n        });\r\n    });\r\n    observer.observe(divRef.value!, {\r\n        childList: true\r\n    });\r\n})\r\n\r\nconst onSelect = (_selection: any[], _row: any) => {\r\n    if (find(_selection, _row)) {\r\n        if (!find(selection.value, _row)) {\r\n            selection.value.push(_row)\r\n        }\r\n    } else {\r\n        if (find(selection.value, _row)) {\r\n            remove(selection.value, _row)\r\n        }\r\n    }\r\n    tableselect?.onSelect(selection.value)\r\n}\r\nconst onSelectAll = (_selection: any[]) => {\r\n    if (_selection.length > 0) {\r\n        _selection.forEach((item) => {\r\n            if (!find(selection.value, item)) {\r\n                selection.value.push(item)\r\n            }\r\n        })\r\n    } else {\r\n        remove(selection.value, (item) => find(data, item))\r\n    }\r\n    tableselect?.onSelect(selection.value)\r\n}\r\n\r\nconst tableselect = useTableselect()\r\nconst selectDone = () => {\r\n    tableselect?.selectDone()\r\n}\r\nconst clearSelection = () => {\r\n    uncheckSelection()\r\n    selection.value = []\r\n    tableselect?.onSelect([], true)\r\n}\r\n\r\nwatch(\r\n    () => data,\r\n    async () => {\r\n        if (data.length > 0) {\r\n            await nextTick()\r\n            checkSelection()\r\n        }\r\n    }\r\n)\r\nwatch(() => tableselect?.selection, () => {\r\n    if (tableselect?.selection && tableselect.selection.length > 0) {\r\n        selection.value = tableselect.selection\r\n        checkSelection()\r\n    }\r\n})\r\n\r\nconst checkSelection = () => {\r\n    const _selection = intersectionWith(data, selection.value, isEqual)\r\n    _selection.forEach((row) => {\r\n        //@ts-ignore\r\n        tableRef.value!.toggleRowSelection(row, true)\r\n    })\r\n}\r\n\r\nconst uncheckSelection = () => {\r\n    const _selection = intersectionWith(data, selection.value, isEqual)\r\n    _selection.forEach((row) => {\r\n        //@ts-ignore\r\n        tableRef.value!.toggleRowSelection(row, false)\r\n    })\r\n}\r\n</script>","import { withInstall } from '../_util'\r\n\r\nimport TableSelectPagetable from './TableSelectPagetable.vue'\r\n\r\nexport default withInstall(TableSelectPagetable, {})\r\n"],"names":["style","computed","addUnit","__props","tableRef","useTemplateRef","selection","ref","tags","item","tableselect","visiable","divRef","onMounted","mutations","mutation","target","onSelect","_selection","_row","find","remove","onSelectAll","useTableselect","selectDone","clearSelection","uncheckSelection","watch","nextTick","checkSelection","intersectionWith","isEqual","row","index","withInstall","TableSelectPagetable"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmDM,UAAAA,IAAQC,EAAS,OACZ;AAAA,MACH,OAAOC,EAAQC,EAAA,KAAK;AAAA,MACpB,QAAQD,EAAQC,EAAM,MAAA;AAAA,IAAA,EAE7B,GACKC,IAAWC,EAAe,OAAO,GACjCC,IAAYC,EAAW,CAAA,CAAE,GACzBC,IAAOP,EAAS,MAAMK,EAAU,MAAM,IAAI,CAACG,MAASC,KAAA,gBAAAA,EAAa,IAAID,EAAK,CAAC,GAE3EE,IAAWJ,EAAI,EAAK,GACpBK,IAASP,EAAe,KAAK;AACnC,IAAAQ,EAAU,MAAM;AAaH,MAZQ,IAAI,iBAAiB,CAACC,MAAc;AACvC,QAAAA,EAAA,QAAQ,CAACC,MAAa;AACxB,cAAAA,EAAS,QAAQ,aAAa;AAC9B,kBAAMC,IAASD,EAAS;AACpB,YAAAC,EAAO,cAAcA,EAAO,cAC5BL,EAAS,QAAQ,KAEjBA,EAAS,QAAQ;AAAA,UAEzB;AAAA,QAAA,CACH;AAAA,MAAA,CACJ,EACQ,QAAQC,EAAO,OAAQ;AAAA,QAC5B,WAAW;AAAA,MAAA,CACd;AAAA,IAAA,CACJ;AAEK,UAAAK,IAAW,CAACC,GAAmBC,MAAc;AAC3C,MAAAC,EAAKF,GAAYC,CAAI,IAChBC,EAAKd,EAAU,OAAOa,CAAI,KACjBb,EAAA,MAAM,KAAKa,CAAI,IAGzBC,EAAKd,EAAU,OAAOa,CAAI,KACnBE,EAAAf,EAAU,OAAOa,CAAI,GAGvBT,KAAA,QAAAA,EAAA,SAASJ,EAAU;AAAA,IAAK,GAEnCgB,IAAc,CAACJ,MAAsB;AACnC,MAAAA,EAAW,SAAS,IACTA,EAAA,QAAQ,CAACT,MAAS;AACzB,QAAKW,EAAKd,EAAU,OAAOG,CAAI,KACjBH,EAAA,MAAM,KAAKG,CAAI;AAAA,MAC7B,CACH,IAEMY,EAAAf,EAAU,OAAO,CAACG,MAASW,EAAKjB,EAAA,MAAMM,CAAI,CAAC,GAEzCC,KAAA,QAAAA,EAAA,SAASJ,EAAU;AAAA,IAAK,GAGnCI,IAAca,MACdC,IAAa,MAAM;AACrB,MAAAd,KAAA,QAAAA,EAAa;AAAA,IAAW,GAEtBe,IAAiB,MAAM;AACR,MAAAC,KACjBpB,EAAU,QAAQ,IACLI,KAAA,QAAAA,EAAA,SAAS,IAAI;AAAA,IAAI;AAGlC,IAAAiB;AAAA,MACI,MAAMxB,EAAI;AAAA,MACV,YAAY;AACJ,QAAAA,EAAI,KAAC,SAAS,MACd,MAAMyB,EAAS,GACAC;MAEvB;AAAA,IAAA,GAEEF,EAAA,MAAMjB,KAAA,gBAAAA,EAAa,WAAW,MAAM;AACtC,MAAIA,KAAA,QAAAA,EAAa,aAAaA,EAAY,UAAU,SAAS,MACzDJ,EAAU,QAAQI,EAAY,WACfmB;IACnB,CACH;AAED,UAAMA,IAAiB,MAAM;AAEd,MADQC,EAAiB3B,QAAMG,EAAU,OAAOyB,CAAO,EACvD,QAAQ,CAACC,MAAQ;AAEf,QAAA5B,EAAA,MAAO,mBAAmB4B,GAAK,EAAI;AAAA,MAAA,CAC/C;AAAA,IAAA,GAGCN,IAAmB,MAAM;AAEhB,MADQI,EAAiB3B,QAAMG,EAAU,OAAOyB,CAAO,EACvD,QAAQ,CAACC,MAAQ;AAEf,QAAA5B,EAAA,MAAO,mBAAmB4B,GAAK,EAAK;AAAA,MAAA,CAChD;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IC7ILC,KAAeC,EAAYC,IAAsB,EAAE;"}

package/dist/components/Tabs/index.js

@@ -12,7 +12,7 @@ import { tabsRootContextKey as Q } from "./constants.js";
 import { t as he, r as ye, i as Oe, b as Le, n as Fe, c as Me, d as Ve, e as Z } from "../../index-C9tCD90X.js";
 import { capitalize as I } from "../_util/strings.js";
 import { throwError as q } from "../_util/error.js";
-import { e as Qe, f as Ue } from "../../index-ChkLOmNK.js";
+import { e as Qe, f as Ue } from "../../index-Bm0F5NQQ.js";
 import { mutable as We } from "../_util/typescript.js";
 import { EVENT_CODE as je } from "../_constants/aria.js";
 import { tabBarProps as De } from "./tab-bar.js";

package/dist/components/_util/vue/icon.js

@@ -1,4 +1,4 @@
-import { c as e, s as l, i as s, w as o, a as c, l as n, b as i, d as a } from "../../../index-ChkLOmNK.js";
+import { c as e, s as l, i as s, w as o, a as c, l as n, b as i, d as a } from "../../../index-Bm0F5NQQ.js";
 import { definePropType as t } from "./props/runtime.js";
 const f = t([
   String,

package/dist/components-BJrXhY2G.js.map

@@ -1 +1 @@
-{"version":3,"file":"components-BJrXhY2G.js","sources":["../src/components/Throne/ThroneContextProvider.tsx"],"sourcesContent":["import { defineComponent, renderSlot, watch, provide, computed } from 'vue'\nimport type { PropType, ExtractPropTypes, CSSProperties, Plugin, App } from 'vue'\n\nimport { anyType, booleanType, functionType, objectType, someType, stringType, tuple, arrayType } from '../_util/type'\n\nimport { provideThroneContext } from '../../Throne/hooks/use-throne-context'\n\nimport { withInstall } from '../_util'\n\nexport const throneContextProviderProps = () => ({\n  context: objectType<Record<string, any>>(),\n})\n\nexport type ThroneContextProviderProps = Partial<ExtractPropTypes<ReturnType<typeof throneContextProviderProps>>>\n\nexport type ThroneContextProviderContext = Partial<ThroneContextProviderProps>\n\nconst ThroneContextProvider = defineComponent({\n  name: 'OThroneContextProvider',\n  inheritAttrs: false,\n  props: throneContextProviderProps(),\n  setup(props, { slots }) {\n    provideThroneContext(props)\n    return () => {\n      return renderSlot(slots, 'default')\n    }\n  },\n})\n\nexport default withInstall<typeof ThroneContextProvider, {}>(ThroneContextProvider)\n"],"names":["throneContextProviderProps","context","objectType","ThroneContextProvider","defineComponent","name","inheritAttrs","props","setup","slots","provideThroneContext","renderSlot","withInstall"],"mappings":";;;;;;;;;;;;;;;;AASO,MAAMA,IAA6BA,OAAO;AAAA,EAC/CC,SAASC,EAAgC;AAC3C,IAMMC,IAAwBC,gBAAAA,EAAgB;AAAA,EAC5CC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAOP,EAA4B;AAAA,EACnCQ,MAAMD,GAAO;AAAA,IAAEE,OAAAA;AAAAA,EAAM,GAAG;AACtBC,WAAAA,EAAqBH,CAAK,GACnB,MACEI,EAAWF,GAAO,SAAS;AAAA,EAEtC;AACF,CAAC,GAEcG,IAAAA,EAA8CT,CAAqB;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"components-BJrXhY2G.js","sources":["../src/components/Throne/ThroneContextProvider.tsx"],"sourcesContent":["import { defineComponent, renderSlot, watch, provide, computed } from 'vue'\r\nimport type { PropType, ExtractPropTypes, CSSProperties, Plugin, App } from 'vue'\r\n\r\nimport { anyType, booleanType, functionType, objectType, someType, stringType, tuple, arrayType } from '../_util/type'\r\n\r\nimport { provideThroneContext } from '../../Throne/hooks/use-throne-context'\r\n\r\nimport { withInstall } from '../_util'\r\n\r\nexport const throneContextProviderProps = () => ({\r\n  context: objectType<Record<string, any>>(),\r\n})\r\n\r\nexport type ThroneContextProviderProps = Partial<ExtractPropTypes<ReturnType<typeof throneContextProviderProps>>>\r\n\r\nexport type ThroneContextProviderContext = Partial<ThroneContextProviderProps>\r\n\r\nconst ThroneContextProvider = defineComponent({\r\n  name: 'OThroneContextProvider',\r\n  inheritAttrs: false,\r\n  props: throneContextProviderProps(),\r\n  setup(props, { slots }) {\r\n    provideThroneContext(props)\r\n    return () => {\r\n      return renderSlot(slots, 'default')\r\n    }\r\n  },\r\n})\r\n\r\nexport default withInstall<typeof ThroneContextProvider, {}>(ThroneContextProvider)\r\n"],"names":["throneContextProviderProps","context","objectType","ThroneContextProvider","defineComponent","name","inheritAttrs","props","setup","slots","provideThroneContext","renderSlot","withInstall"],"mappings":";;;;;;;;;;;;;;;;AASO,MAAMA,IAA6BA,OAAO;AAAA,EAC/CC,SAASC,EAAgC;AAC3C,IAMMC,IAAwBC,gBAAAA,EAAgB;AAAA,EAC5CC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAOP,EAA4B;AAAA,EACnCQ,MAAMD,GAAO;AAAA,IAAEE,OAAAA;AAAAA,EAAM,GAAG;AACtBC,WAAAA,EAAqBH,CAAK,GACnB,MACEI,EAAWF,GAAO,SAAS;AAAA,EAEtC;AACF,CAAC,GAEcG,IAAAA,EAA8CT,CAAqB;;;;;;;;;;;;;;;;"}

package/dist/{index-ChkLOmNK.js → index-Bm0F5NQQ.js}

@@ -1,6 +1,6 @@
 import { defineComponent as a, openBlock as _, createElementBlock as r, createElementVNode as e } from "vue";
 /*! Element Plus Icons Vue v2.3.1 */
-var c = /* @__PURE__ */ a({
+var u = /* @__PURE__ */ a({
   name: "ArrowDown",
   __name: "arrow-down",
   setup(t) {
@@ -14,7 +14,7 @@ var c = /* @__PURE__ */ a({
       })
     ]));
   }
-}), L = c, u = /* @__PURE__ */ a({
+}), C = u, c = /* @__PURE__ */ a({
   name: "ArrowLeft",
   __name: "arrow-left",
   setup(t) {
@@ -28,7 +28,7 @@ var c = /* @__PURE__ */ a({
       })
     ]));
   }
-}), C = u, o = /* @__PURE__ */ a({
+}), M = c, o = /* @__PURE__ */ a({
   name: "ArrowRight",
   __name: "arrow-right",
   setup(t) {
@@ -42,7 +42,7 @@ var c = /* @__PURE__ */ a({
       })
     ]));
   }
-}), M = o, p = /* @__PURE__ */ a({
+}), B = o, p = /* @__PURE__ */ a({
   name: "ArrowUp",
   __name: "arrow-up",
   setup(t) {
@@ -56,7 +56,7 @@ var c = /* @__PURE__ */ a({
       })
     ]));
   }
-}), B = p, n = /* @__PURE__ */ a({
+}), y = p, n = /* @__PURE__ */ a({
   name: "CircleCheck",
   __name: "circle-check",
   setup(t) {
@@ -74,7 +74,7 @@ var c = /* @__PURE__ */ a({
       })
     ]));
   }
-}), y = n, v = /* @__PURE__ */ a({
+}), z = n, v = /* @__PURE__ */ a({
   name: "CircleCloseFilled",
   __name: "circle-close-filled",
   setup(t) {
@@ -88,7 +88,7 @@ var c = /* @__PURE__ */ a({
       })
     ]));
   }
-}), z = v, w = /* @__PURE__ */ a({
+}), k = v, w = /* @__PURE__ */ a({
   name: "CircleClose",
   __name: "circle-close",
   setup(t) {
@@ -106,7 +106,7 @@ var c = /* @__PURE__ */ a({
       })
     ]));
   }
-}), k = w, i = /* @__PURE__ */ a({
+}), A = w, i = /* @__PURE__ */ a({
   name: "Close",
   __name: "close",
   setup(t) {
@@ -120,7 +120,7 @@ var c = /* @__PURE__ */ a({
       })
     ]));
   }
-}), A = i, d = /* @__PURE__ */ a({
+}), F = i, m = /* @__PURE__ */ a({
   name: "InfoFilled",
   __name: "info-filled",
   setup(t) {
@@ -134,7 +134,7 @@ var c = /* @__PURE__ */ a({
       })
     ]));
   }
-}), F = d, g = /* @__PURE__ */ a({
+}), V = m, d = /* @__PURE__ */ a({
   name: "Loading",
   __name: "loading",
   setup(t) {
@@ -148,7 +148,21 @@ var c = /* @__PURE__ */ a({
       })
     ]));
   }
-}), V = g, f = /* @__PURE__ */ a({
+}), E = d, g = /* @__PURE__ */ a({
+  name: "More",
+  __name: "more",
+  setup(t) {
+    return (l, s) => (_(), r("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      e("path", {
+        fill: "currentColor",
+        d: "M176 416a112 112 0 1 0 0 224 112 112 0 0 0 0-224m0 64a48 48 0 1 1 0 96 48 48 0 0 1 0-96m336-64a112 112 0 1 1 0 224 112 112 0 0 1 0-224m0 64a48 48 0 1 0 0 96 48 48 0 0 0 0-96m336-64a112 112 0 1 1 0 224 112 112 0 0 1 0-224m0 64a48 48 0 1 0 0 96 48 48 0 0 0 0-96"
+      })
+    ]));
+  }
+}), H = g, f = /* @__PURE__ */ a({
   name: "Search",
   __name: "search",
   setup(t) {
@@ -162,7 +176,7 @@ var c = /* @__PURE__ */ a({
       })
     ]));
   }
-}), E = f, m = /* @__PURE__ */ a({
+}), S = f, h = /* @__PURE__ */ a({
   name: "SuccessFilled",
   __name: "success-filled",
   setup(t) {
@@ -176,7 +190,7 @@ var c = /* @__PURE__ */ a({
       })
     ]));
   }
-}), H = m, h = /* @__PURE__ */ a({
+}), b = h, x = /* @__PURE__ */ a({
   name: "WarningFilled",
   __name: "warning-filled",
   setup(t) {
@@ -190,20 +204,21 @@ var c = /* @__PURE__ */ a({
       })
     ]));
   }
-}), S = h;
+}), j = x;
 export {
-  z as a,
-  y as b,
-  A as c,
-  k as d,
-  C as e,
-  M as f,
-  E as g,
-  B as h,
-  F as i,
-  L as j,
-  V as l,
-  H as s,
-  S as w
+  k as a,
+  z as b,
+  F as c,
+  A as d,
+  M as e,
+  B as f,
+  S as g,
+  y as h,
+  V as i,
+  C as j,
+  E as l,
+  H as m,
+  b as s,
+  j as w
 };
-//# sourceMappingURL=index-ChkLOmNK.js.map
+//# sourceMappingURL=index-Bm0F5NQQ.js.map