orion-design 0.1.33 → 0.1.35

package/dist/components/components.js

@@ -1,27 +1,27 @@
-import { default as t } from "./Button/index.js";
-import { T as r } from "../components-DP9bnDLm.js";
+import { default as a } from "./Button/index.js";
+import { T as r } from "../components-BJrXhY2G.js";
 import { S as l } from "../index-BbsXWo7C.js";
 import { Colflex as m, Flexitem as p, Rowflex as s } from "./Flex/index.js";
-import { default as d } from "./Tabs/index.js";
+import { default as u } from "./Tabs/index.js";
 import { default as T } from "./Pagetable/index.js";
-import { default as n } from "./Querytable/index.js";
-import { default as S } from "./Modal/index.js";
-import { default as g } from "./Form/index.js";
+import { default as P } from "./Querytable/index.js";
+import { default as c } from "./Modal/index.js";
+import { default as i } from "./Form/index.js";
 import { default as C } from "./LovTable/index.js";
-import { default as M } from "./MultiTableSelectPagetable/index.js";
+import { default as h } from "./TableSelectPagetable/index.js";
 export {
-  t as Button,
+  a as Button,
   m as Colflex,
   p as Flexitem,
-  g as Form,
+  i as Form,
   C as LovTable,
-  S as Modal,
-  M as MultiTableSelectPagetable,
+  c as Modal,
   T as Pagetable,
-  n as Querytable,
+  P as Querytable,
   s as Rowflex,
   l as Space,
-  d as Tabs,
+  h as TableSelectPagetable,
+  u as Tabs,
   r as ThroneContextProvider
 };
 //# sourceMappingURL=components.js.map

package/dist/components/index.js

@@ -1,21 +1,21 @@
-import { c as t } from "../components-DP9bnDLm.js";
-import { T as m } from "../components-DP9bnDLm.js";
-import { default as u } from "./Modal/useModal.js";
+import { c as t } from "../components-BJrXhY2G.js";
+import { T as x } from "../components-BJrXhY2G.js";
+import { default as p } from "./Modal/useModal.js";
 import { default as n } from "./Form/index.js";
 import { default as c } from "./Button/index.js";
 import { S as i } from "../index-BbsXWo7C.js";
 import { Colflex as C, Flexitem as v, Rowflex as y } from "./Flex/index.js";
-import { default as M } from "./Tabs/index.js";
-import { default as g } from "./Pagetable/index.js";
-import { default as F } from "./Querytable/index.js";
-import { default as L } from "./Modal/index.js";
+import { default as P } from "./Tabs/index.js";
+import { default as h } from "./Pagetable/index.js";
+import { default as K } from "./Querytable/index.js";
+import { default as M } from "./Modal/index.js";
 import { default as j } from "./LovTable/index.js";
-import { default as w } from "./MultiTableSelectPagetable/index.js";
+import { default as w } from "./TableSelectPagetable/index.js";
 import { formContextKey as E } from "./Form/Form.js";
 import { default as R } from "./Form/LovInput/hooks/useLov.js";
 import { lovContextKey as z } from "./Form/LovInput/LovInput.js";
-import { default as D } from "./Form/MultiTableSelect/hooks/useMultiTableSelect.js";
-import { multiTableSelectContext as H } from "./Form/MultiTableSelect/MultiTableSelect.js";
+import { default as D } from "./Form/TableSelect/hooks/useTableSelect.js";
+import { tableSelectContext as H } from "./Form/TableSelect/TableSelect.js";
 const f = function(e) {
   return Object.keys(t).forEach((r) => {
     const o = t[r];
@@ -28,20 +28,20 @@ export {
   v as Flexitem,
   n as Form,
   j as LovTable,
-  L as Modal,
-  w as MultiTableSelectPagetable,
-  g as Pagetable,
-  F as Querytable,
+  M as Modal,
+  h as Pagetable,
+  K as Querytable,
   y as Rowflex,
   i as Space,
-  M as Tabs,
-  m as ThroneContextProvider,
+  w as TableSelectPagetable,
+  P as Tabs,
+  x as ThroneContextProvider,
   E as formContextKey,
   f as install,
   z as lovContextKey,
-  H as multiTableSelectContext,
+  H as tableSelectContext,
   R as useLov,
-  u as useOModal,
+  p as useOModal,
   D as useTableselect
 };
 //# sourceMappingURL=index.js.map

package/dist/{components-DP9bnDLm.js → components-BJrXhY2G.js}

@@ -1,21 +1,21 @@
 import r from "./components/Button/index.js";
 import { defineComponent as t, renderSlot as n } from "vue";
-import { objectType as i } from "./components/_util/type.js";
-import { provideThroneContext as m } from "./Throne/hooks/use-throne-context.js";
+import { objectType as m } from "./components/_util/type.js";
+import { provideThroneContext as i } from "./Throne/hooks/use-throne-context.js";
 import "lodash-es";
 import { withInstall as p } from "./components/_util/vue/install.js";
 import "element-plus";
-import { S as l } from "./index-BbsXWo7C.js";
-import { Colflex as f, Flexitem as a, Rowflex as d } from "./components/Flex/index.js";
+import { S as f } from "./index-BbsXWo7C.js";
+import { Colflex as l, Flexitem as a, Rowflex as d } from "./components/Flex/index.js";
 import x from "./components/Tabs/index.js";
 import s from "./components/Pagetable/index.js";
 import c from "./components/Querytable/index.js";
 import T from "./components/Modal/index.js";
 import b from "./components/Form/index.js";
 import u from "./components/LovTable/index.js";
-import P from "./components/MultiTableSelectPagetable/index.js";
+import P from "./components/TableSelectPagetable/index.js";
 const h = () => ({
-  context: i()
+  context: m()
 }), v = /* @__PURE__ */ t({
   name: "OThroneContextProvider",
   inheritAttrs: !1,
@@ -23,21 +23,21 @@ const h = () => ({
   setup(o, {
     slots: e
   }) {
-    return m(o), () => n(e, "default");
+    return i(o), () => n(e, "default");
   }
 }), C = p(v), R = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Button: r,
-  Colflex: f,
+  Colflex: l,
   Flexitem: a,
   Form: b,
   LovTable: u,
   Modal: T,
-  MultiTableSelectPagetable: P,
   Pagetable: s,
   Querytable: c,
   Rowflex: d,
-  Space: l,
+  Space: f,
+  TableSelectPagetable: P,
   Tabs: x,
   ThroneContextProvider: C
 }, Symbol.toStringTag, { value: "Module" }));
@@ -45,4 +45,4 @@ export {
   C as T,
   R as c
 };
-//# sourceMappingURL=components-DP9bnDLm.js.map
+//# sourceMappingURL=components-BJrXhY2G.js.map

package/dist/{components-DP9bnDLm.js.map → components-BJrXhY2G.js.map}

@@ -1 +1 @@
-{"version":3,"file":"components-DP9bnDLm.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'\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;;;;;;;;;;;;;;;;"}

package/dist/index.js

@@ -1,48 +1,48 @@
-import { default as t } from "./error/OrionError.js";
+import { default as r } from "./error/OrionError.js";
 import { default as a } from "./Throne/index.js";
 import { useThroneContext as l } from "./Throne/hooks/use-throne-context.js";
 import { install as m } from "./components/index.js";
 import { default as p } from "./version/version.js";
 import { default as d } from "./components/Modal/useModal.js";
-import { default as T } from "./components/Form/LovInput/hooks/useLov.js";
-import { default as i } from "./components/Form/MultiTableSelect/hooks/useMultiTableSelect.js";
+import { default as b } from "./components/Form/LovInput/hooks/useLov.js";
+import { default as C } from "./components/Form/TableSelect/hooks/useTableSelect.js";
 import { default as v } from "./components/Button/index.js";
-import { T as S } from "./components-DP9bnDLm.js";
+import { T as S } from "./components-BJrXhY2G.js";
 import { S as y } from "./index-BbsXWo7C.js";
-import { Colflex as P, Flexitem as g, Rowflex as F } from "./components/Flex/index.js";
-import { default as L } from "./components/Tabs/index.js";
+import { Colflex as g, Flexitem as F, Rowflex as K } from "./components/Flex/index.js";
+import { default as M } from "./components/Tabs/index.js";
 import { default as w } from "./components/Pagetable/index.js";
 import { default as E } from "./components/Querytable/index.js";
 import { default as R } from "./components/Modal/index.js";
 import { default as k } from "./components/Form/index.js";
 import { default as z } from "./components/LovTable/index.js";
-import { default as D } from "./components/MultiTableSelectPagetable/index.js";
+import { default as D } from "./components/TableSelectPagetable/index.js";
 import { formContextKey as H } from "./components/Form/Form.js";
 import { lovContextKey as J } from "./components/Form/LovInput/LovInput.js";
-import { multiTableSelectContext as U } from "./components/Form/MultiTableSelect/MultiTableSelect.js";
+import { tableSelectContext as U } from "./components/Form/TableSelect/TableSelect.js";
 export {
   v as Button,
-  P as Colflex,
-  g as Flexitem,
+  g as Colflex,
+  F as Flexitem,
   k as Form,
   z as LovTable,
   R as Modal,
-  D as MultiTableSelectPagetable,
-  t as OrionError,
+  r as OrionError,
   w as Pagetable,
   E as Querytable,
-  F as Rowflex,
+  K as Rowflex,
   y as Space,
-  L as Tabs,
+  D as TableSelectPagetable,
+  M as Tabs,
   a as Throne,
   S as ThroneContextProvider,
   H as formContextKey,
   m as install,
   J as lovContextKey,
-  U as multiTableSelectContext,
-  T as useLov,
+  U as tableSelectContext,
+  b as useLov,
   d as useOModal,
-  i as useTableselect,
+  C as useTableselect,
   l as useThroneContext,
   p as version
 };

package/dist/version/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.1.33";
+declare const _default: "0.1.35";
 export default _default;

package/dist/version/version.js

@@ -1,4 +1,4 @@
-const e = "0.1.33";
+const e = "0.1.35";
 export {
   e as default
 };

package/dist/version/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../../src/version/version.ts"],"sourcesContent":["export default '0.1.33';"],"names":["version"],"mappings":"AAAA,MAAAA,IAAe;"}
+{"version":3,"file":"version.js","sources":["../../src/version/version.ts"],"sourcesContent":["export default '0.1.35';"],"names":["version"],"mappings":"AAAA,MAAAA,IAAe;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "orion-design",
-  "version": "0.1.33",
+  "version": "0.1.35",
   "main": "dist/index.js",
   "type": "module",
   "types": "dist/index.d.ts",

package/dist/components/Form/MultiTableSelect/MultiTableSelect.js

@@ -1,5 +0,0 @@
-const t = Symbol("multiTableSelectContext");
-export {
-  t as multiTableSelectContext
-};
-//# sourceMappingURL=MultiTableSelect.js.map

package/dist/components/Form/MultiTableSelect/MultiTableSelect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiTableSelect.js","sources":["../../../../src/components/Form/MultiTableSelect/MultiTableSelect.ts"],"sourcesContent":["import { InjectionKey, Ref } from 'vue'\r\nimport { FormItemRule, Arrayable } from '../Form'\r\n\r\nexport interface MultiTableSelectProps {\r\n  name: string\r\n  label?: string\r\n  span?: number\r\n  labelWidth?: string | number\r\n  required?: boolean\r\n  rules?: Arrayable<FormItemRule>\r\n  maxlength?: string | number\r\n  placeholder?: string\r\n  disabled?: boolean\r\n  readonly?: boolean\r\n  pick: string | string[]\r\n  tag: (row: any) => string\r\n}\r\n\r\nexport type RowCompletionProvider = (data: any[] | undefined) => Promise<any[] | undefined>\r\n\r\nexport interface MultiTableSelectContext {\r\n  inputValue: any\r\n  selection: any[] | undefined\r\n  onSelect: (selection: any[], clear?: boolean) => void\r\n  selectDone: () => void\r\n  tag: (row: any) => string\r\n  registerRowCompletionProvider: (provider: RowCompletionProvider) => void\r\n}\r\n\r\nexport const multiTableSelectContext: InjectionKey<MultiTableSelectContext> = Symbol('multiTableSelectContext')\r\n"],"names":["multiTableSelectContext"],"mappings":"AA6Ba,MAAAA,IAAiE,OAAO,yBAAyB;"}

package/dist/components/Form/MultiTableSelect/hooks/useMultiTableSelect.d.ts

@@ -1 +0,0 @@
-export default function useMultiTableSelect(): import('..').MultiTableSelectContext | undefined;

package/dist/components/Form/MultiTableSelect/hooks/useMultiTableSelect.js

@@ -1,9 +0,0 @@
-import { inject as t } from "vue";
-import { multiTableSelectContext as e } from "../MultiTableSelect.js";
-function r() {
-  return t(e);
-}
-export {
-  r as default
-};
-//# sourceMappingURL=useMultiTableSelect.js.map

package/dist/components/Form/MultiTableSelect/hooks/useMultiTableSelect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMultiTableSelect.js","sources":["../../../../../src/components/Form/MultiTableSelect/hooks/useMultiTableSelect.ts"],"sourcesContent":["import { inject } from 'vue'\r\nimport { multiTableSelectContext } from '../MultiTableSelect'\r\n\r\nexport default function useMultiTableSelect() {\r\n  return inject(multiTableSelectContext)\r\n}\r\n"],"names":["useMultiTableSelect","inject","multiTableSelectContext"],"mappings":";;AAGA,SAAwBA,IAAsB;AAC5C,SAAOC,EAAOC,CAAuB;AACvC;"}

package/dist/components/Form/MultiTableSelect/index.d.ts

@@ -1,2 +0,0 @@
-export * from './MultiTableSelect';
-export { default as useTableselect } from './hooks/useMultiTableSelect';

package/dist/components/Form/MultiTableSelect/index.js

@@ -1,7 +0,0 @@
-import { multiTableSelectContext as l } from "./MultiTableSelect.js";
-import { default as a } from "./hooks/useMultiTableSelect.js";
-export {
-  l as multiTableSelectContext,
-  a as useTableselect
-};
-//# sourceMappingURL=index.js.map

package/dist/components/MultiTableSelectPagetable/index.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/MultiTableSelectPagetable/MultiTableSelectPagetable.vue","../../../src/components/MultiTableSelectPagetable/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 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                                <div v-for=\"tag in tags\" style=\"margin: 5px;display: inline-block;\">\r\n                                    <el-tag type=\"info\">{{ tag }}</el-tag>\r\n                                </div>\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\nimport { computed, nextTick, ref, useTemplateRef, watch } from 'vue'\r\nimport { find, intersectionWith, isEqual, remove } from 'lodash-es';\r\nimport { addUnit } from '../_util';\r\nimport useMultiTableSelect from '../Form/MultiTableSelect/hooks/useMultiTableSelect'\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 tableSelection = ref<any[]>([])\r\nconst tags = computed(() => tableSelection.value.map((item) => mtselect?.tag(item)))\r\n\r\nconst onSelect = (selection: any[], row: any) => {\r\n    if (find(selection, row)) {\r\n        if (!find(tableSelection.value, row)) {\r\n            tableSelection.value.push(row)\r\n        }\r\n    } else {\r\n        if (find(tableSelection.value, row)) {\r\n            remove(tableSelection.value, row)\r\n        }\r\n    }\r\n    mtselect?.onSelect(tableSelection.value)\r\n}\r\nconst onSelectAll = (selection: any[]) => {\r\n    if (selection.length > 0) {\r\n        selection.forEach((item) => {\r\n            if (!find(tableSelection.value, item)) {\r\n                tableSelection.value.push(item)\r\n            }\r\n        })\r\n    } else {\r\n        remove(tableSelection.value, (item) => find(data, item))\r\n    }\r\n    mtselect?.onSelect(tableSelection.value)\r\n}\r\n\r\nconst mtselect = useMultiTableSelect()\r\nconst selectDone = () => {\r\n    mtselect?.selectDone()\r\n}\r\nconst clearSelection = () => {\r\n    uncheckSelection()\r\n    tableSelection.value = []\r\n    mtselect?.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(() => mtselect?.selection, () => {\r\n    if (mtselect?.selection && mtselect.selection.length > 0) {\r\n        tableSelection.value = mtselect.selection\r\n        checkSelection()\r\n    }\r\n})\r\n\r\nconst checkSelection = () => {\r\n    const selection = intersectionWith(data, tableSelection.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, tableSelection.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 MultiTableSelectPagetable from './MultiTableSelectPagetable.vue'\r\n\r\nexport default withInstall(MultiTableSelectPagetable, {})\r\n"],"names":["style","computed","addUnit","__props","tableRef","useTemplateRef","tableSelection","ref","tags","item","mtselect","onSelect","selection","row","find","remove","onSelectAll","useMultiTableSelect","selectDone","clearSelection","uncheckSelection","watch","nextTick","checkSelection","intersectionWith","isEqual","index","withInstall","MultiTableSelectPagetable"],"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,IAAiBC,EAAW,CAAA,CAAE,GAC9BC,IAAOP,EAAS,MAAMK,EAAe,MAAM,IAAI,CAACG,MAASC,KAAA,gBAAAA,EAAU,IAAID,EAAK,CAAC,GAE7EE,IAAW,CAACC,GAAkBC,MAAa;AACzC,MAAAC,EAAKF,GAAWC,CAAG,IACdC,EAAKR,EAAe,OAAOO,CAAG,KAChBP,EAAA,MAAM,KAAKO,CAAG,IAG7BC,EAAKR,EAAe,OAAOO,CAAG,KACvBE,EAAAT,EAAe,OAAOO,CAAG,GAG9BH,KAAA,QAAAA,EAAA,SAASJ,EAAe;AAAA,IAAK,GAErCU,IAAc,CAACJ,MAAqB;AAClC,MAAAA,EAAU,SAAS,IACTA,EAAA,QAAQ,CAACH,MAAS;AACxB,QAAKK,EAAKR,EAAe,OAAOG,CAAI,KACjBH,EAAA,MAAM,KAAKG,CAAI;AAAA,MAClC,CACH,IAEMM,EAAAT,EAAe,OAAO,CAACG,MAASK,EAAKX,EAAA,MAAMM,CAAI,CAAC,GAEjDC,KAAA,QAAAA,EAAA,SAASJ,EAAe;AAAA,IAAK,GAGrCI,IAAWO,KACXC,IAAa,MAAM;AACrB,MAAAR,KAAA,QAAAA,EAAU;AAAA,IAAW,GAEnBS,IAAiB,MAAM;AACR,MAAAC,KACjBd,EAAe,QAAQ,IACbI,KAAA,QAAAA,EAAA,SAAS,IAAI;AAAA,IAAI;AAG/B,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,EAAU,WAAW,MAAM;AACnC,MAAIA,KAAA,QAAAA,EAAU,aAAaA,EAAS,UAAU,SAAS,MACnDJ,EAAe,QAAQI,EAAS,WACjBa;IACnB,CACH;AAED,UAAMA,IAAiB,MAAM;AAEf,MADQC,EAAiBrB,EAAA,MAAMG,EAAe,OAAOmB,CAAO,EAC5D,QAAQ,CAACZ,MAAQ;AAEd,QAAAT,EAAA,MAAO,mBAAmBS,GAAK,EAAI;AAAA,MAAA,CAC/C;AAAA,IAAA,GAGCO,IAAmB,MAAM;AAEjB,MADQI,EAAiBrB,EAAA,MAAMG,EAAe,OAAOmB,CAAO,EAC5D,QAAQ,CAACZ,MAAQ;AAEd,QAAAT,EAAA,MAAO,mBAAmBS,GAAK,EAAK;AAAA,MAAA,CAChD;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ICrHLa,KAAeC,EAAYC,GAA2B,EAAE;"}