orion-design 1.0.1 → 1.0.3

package/dist/components/Edittable/Edittable.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes, CSSProperties } from 'vue';
+import { PropType, ExtractPropTypes, CSSProperties, ComponentPublicInstance, ComputedRef } from 'vue';
 type rowClassNameFn = (data: {
     rowData: any;
     rowIndex: number;
@@ -46,6 +46,15 @@ export declare const edittableProps: () => {
     cellStyle: PropType<CSSProperties | cellStyleFn>;
 };
 export type EdittableProps = Partial<ExtractPropTypes<ReturnType<typeof edittableProps>>>;
+export interface EdittableExpose {
+    clearSelection: () => void;
+    toggleRowSelection: (row: any, selected?: boolean) => void;
+    toggleAllSelection: () => void;
+    getSelectionRows: () => any[];
+    setCurrentRow: (row: any) => void;
+    columns: ComputedRef<any[]>;
+}
+export type EdittableInstance = ComponentPublicInstance<EdittableProps, EdittableExpose>;
 declare const _default: import('vue').DefineComponent<ExtractPropTypes<{
     data: ArrayConstructor;
     showRowNumber: {

package/dist/components/Edittable/hooks/useEdittable.d.ts

@@ -0,0 +1,30 @@
+import { ShallowRef } from 'vue';
+import { EdittableInstance } from '../../../index.ts';
+interface UseEdittableOptions<Row> {
+    tableRef?: Readonly<ShallowRef<EdittableInstance | null>>;
+    defaultData?: Row[];
+    newRowSchema?: Record<string, any> | (() => Record<string, any>);
+    afterSelectionChange?: (newSelection: Row[]) => void;
+    afterCurrentRowChange?: (currentRow: Row, oldCurrentRow: Row) => void;
+}
+declare const useEdittable: <Row = any>(options: UseEdittableOptions<Row>) => {
+    data: Row[];
+    selection: Row[];
+    currentRow: Row | undefined;
+    onSelectionChange: (newSelection: Row[]) => void;
+    onCurrentRowChange: (newCurrentRow: Row, oldCurrentRow: Row) => void;
+    clearSelection: () => void;
+    toggleRowSelection: (row: Row, selected?: boolean) => void;
+    toggleAllSelection: () => void;
+    getSelectionRows: () => Row[];
+    setCurrentRow: (row: Row) => void;
+    appendRow: (rowData: any) => void;
+    insertRow: (rowData: any, index: number) => void;
+    deleteRow: (index: number) => void;
+    updateRow: (rowData: any, index: number) => void;
+    moveUp: (index: number) => void;
+    moveDown: (index: number) => void;
+    moveTo: (from: number, to: number) => void;
+    selectionGroup: () => void;
+};
+export default useEdittable;

package/dist/components/Edittable/hooks/useEdittable.js

@@ -0,0 +1,91 @@
+import { ref as w, reactive as N } from "vue";
+import r from "../../../error/OrionError.js";
+import { isEqual as W, isFunction as Y, extend as q } from "lodash-es";
+import "dayjs";
+import "../../../utils/md5.js";
+import "decimal.js";
+import T from "../../../utils/uuid.js";
+const h = "ORION_ROW_KEY", L = (m) => {
+  const { tableRef: o, defaultData: R, newRowSchema: c, afterSelectionChange: g, afterCurrentRowChange: v } = m, l = w(R || []), a = w([]), p = w(), S = (e) => {
+    a.value = e, g && g(e);
+  }, d = (e, t) => {
+    p.value = e, v && v(e, t);
+  }, C = () => {
+    if (!o)
+      throw new r("调用clearSelection失败,tableRef为空");
+    o.value.clearSelection();
+  }, E = (e, t) => {
+    if (!o)
+      throw new r("调用toggleRowSelection失败,tableRef为空");
+    o.value.toggleRowSelection(e, t);
+  }, b = () => {
+    if (!o)
+      throw new r("调用toggleAllSelection失败,tableRef为空");
+    o.value.toggleAllSelection();
+  }, O = () => {
+    if (!o)
+      throw new r("调用getSelectionRows失败,tableRef为空");
+    return o.value.getSelectionRows();
+  }, I = (e) => {
+    if (!o)
+      throw new r("调用setCurrentRow失败,tableRef为空");
+    o.value.setCurrentRow(e);
+  }, u = (e) => {
+    const t = {};
+    e[h] || (t[h] = T());
+    let n = {};
+    return c && (Y(c) ? n = c() : n = c), q(t, n, e);
+  }, _ = (e) => {
+    l.value.push(u(e));
+  }, A = (e, t) => {
+    l.value.splice(t, 0, u(e));
+  }, D = (e) => {
+    l.value.splice(e, 1);
+  }, x = (e, t) => {
+    l.value[t] = u(e);
+  }, F = (e) => {
+    s(e, e - 1);
+  }, G = (e) => {
+    s(e, e + 1);
+  }, s = (e, t) => {
+    const n = l.value.splice(e, 1);
+    l.value.splice(t, 0, n[0]);
+  };
+  return N({
+    data: l,
+    selection: a,
+    currentRow: p,
+    onSelectionChange: S,
+    onCurrentRowChange: d,
+    clearSelection: C,
+    toggleRowSelection: E,
+    toggleAllSelection: b,
+    getSelectionRows: O,
+    setCurrentRow: I,
+    appendRow: _,
+    insertRow: A,
+    deleteRow: D,
+    updateRow: x,
+    moveUp: F,
+    moveDown: G,
+    moveTo: s,
+    selectionGroup: () => {
+      if (a.value.length < 2)
+        return;
+      let e = 0, t = !0;
+      const n = [];
+      l.value.forEach((f, i) => {
+        a.value.forEach((K) => {
+          if (W(f, K))
+            return t ? (e = i, t = !1) : n.push(i), !1;
+        });
+      }), n.forEach((f, i) => {
+        s(f, e + i + 1);
+      });
+    }
+  });
+};
+export {
+  L as default
+};
+//# sourceMappingURL=useEdittable.js.map

package/dist/components/Edittable/hooks/useEdittable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEdittable.js","sources":["../../../../src/components/Edittable/hooks/useEdittable.ts"],"sourcesContent":["import { reactive, ref } from 'vue'\r\nimport type { Ref, ShallowRef } from 'vue'\r\nimport OrionError from '../../../error/OrionError'\r\nimport type { EdittableInstance } from 'orion-design'\r\nimport { uuid } from '../../../utils'\r\nimport { isEqual, extend, isFunction } from 'lodash-es'\r\n\r\nconst ORION_ROW_KEY = 'ORION_ROW_KEY'\r\n\r\ninterface UseEdittableOptions<Row> {\r\n  tableRef?: Readonly<ShallowRef<EdittableInstance | null>>\r\n  defaultData?: Row[]\r\n  newRowSchema?: Record<string, any> | (() => Record<string, any>)\r\n  afterSelectionChange?: (newSelection: Row[]) => void\r\n  afterCurrentRowChange?: (currentRow: Row, oldCurrentRow: Row) => void\r\n}\r\n\r\nconst useEdittable = <Row = any>(options: UseEdittableOptions<Row>) => {\r\n  const { tableRef, defaultData, newRowSchema, afterSelectionChange, afterCurrentRowChange } = options\r\n\r\n  const data = ref<Row[]>(defaultData ? defaultData : []) as Ref<Row[]>\r\n  const selection = ref<Row[]>([]) as Ref<Row[]>\r\n  const currentRow = ref<Row>()\r\n\r\n  const onSelectionChange = (newSelection: Row[]) => {\r\n    selection.value = newSelection\r\n    afterSelectionChange && afterSelectionChange(newSelection)\r\n  }\r\n  const onCurrentRowChange = (newCurrentRow: Row, oldCurrentRow: Row) => {\r\n    currentRow.value = newCurrentRow\r\n    afterCurrentRowChange && afterCurrentRowChange(newCurrentRow, oldCurrentRow)\r\n  }\r\n\r\n  const clearSelection = () => {\r\n    if (!tableRef) {\r\n      throw new OrionError(`调用clearSelection失败,tableRef为空`)\r\n    }\r\n    tableRef.value!.clearSelection()\r\n  }\r\n  const toggleRowSelection = (row: Row, selected?: boolean) => {\r\n    if (!tableRef) {\r\n      throw new OrionError(`调用toggleRowSelection失败,tableRef为空`)\r\n    }\r\n    tableRef.value!.toggleRowSelection(row, selected)\r\n  }\r\n  const toggleAllSelection = () => {\r\n    if (!tableRef) {\r\n      throw new OrionError(`调用toggleAllSelection失败,tableRef为空`)\r\n    }\r\n    tableRef.value!.toggleAllSelection()\r\n  }\r\n  const getSelectionRows = () => {\r\n    if (!tableRef) {\r\n      throw new OrionError(`调用getSelectionRows失败,tableRef为空`)\r\n    }\r\n    return tableRef.value!.getSelectionRows() as Row[]\r\n  }\r\n  const setCurrentRow = (row: Row) => {\r\n    if (!tableRef) {\r\n      throw new OrionError(`调用setCurrentRow失败,tableRef为空`)\r\n    }\r\n    tableRef.value!.setCurrentRow(row)\r\n  }\r\n\r\n  const createRowData = (source: any) => {\r\n    const target: any = {}\r\n    if (!source[ORION_ROW_KEY]) {\r\n      target[ORION_ROW_KEY] = uuid()\r\n    }\r\n\r\n    let schema: any = {}\r\n    if (newRowSchema) {\r\n      if (isFunction(newRowSchema)) {\r\n        schema = newRowSchema()\r\n      } else {\r\n        schema = newRowSchema\r\n      }\r\n    }\r\n\r\n    return extend(target, schema, source)\r\n  }\r\n  const appendRow = (rowData: any) => {\r\n    data.value.push(createRowData(rowData))\r\n  }\r\n  const insertRow = (rowData: any, index: number) => {\r\n    data.value.splice(index, 0, createRowData(rowData))\r\n  }\r\n  const deleteRow = (index: number) => {\r\n    data.value.splice(index, 1)\r\n  }\r\n  const updateRow = (rowData: any, index: number) => {\r\n    data.value[index] = createRowData(rowData)\r\n  }\r\n  const moveUp = (index: number) => {\r\n    moveTo(index, index - 1)\r\n  }\r\n  const moveDown = (index: number) => {\r\n    moveTo(index, index + 1)\r\n  }\r\n  const moveTo = (from: number, to: number) => {\r\n    const item = data.value.splice(from, 1)\r\n    data.value.splice(to, 0, item[0])\r\n  }\r\n  const selectionGroup = () => {\r\n    if (selection.value.length < 2) {\r\n      return\r\n    }\r\n\r\n    let firstRowIndex: number = 0\r\n    let firstRowFlag: boolean = true\r\n    const leftRowIndexs: number[] = []\r\n\r\n    data.value.forEach((e, i) => {\r\n      selection.value.forEach((item) => {\r\n        if (isEqual(e, item)) {\r\n          if (firstRowFlag) {\r\n            firstRowIndex = i\r\n            firstRowFlag = false\r\n          } else {\r\n            leftRowIndexs.push(i)\r\n          }\r\n          return false\r\n        }\r\n      })\r\n    })\r\n\r\n    leftRowIndexs.forEach((e, i) => {\r\n      moveTo(e, firstRowIndex + i + 1)\r\n    })\r\n  }\r\n\r\n  return reactive({\r\n    data,\r\n    selection,\r\n    currentRow,\r\n    onSelectionChange,\r\n    onCurrentRowChange,\r\n    clearSelection,\r\n    toggleRowSelection,\r\n    toggleAllSelection,\r\n    getSelectionRows,\r\n    setCurrentRow,\r\n    appendRow,\r\n    insertRow,\r\n    deleteRow,\r\n    updateRow,\r\n    moveUp,\r\n    moveDown,\r\n    moveTo,\r\n    selectionGroup,\r\n  })\r\n}\r\n\r\nexport default useEdittable\r\n"],"names":["ORION_ROW_KEY","useEdittable","options","tableRef","defaultData","newRowSchema","afterSelectionChange","afterCurrentRowChange","data","ref","selection","currentRow","onSelectionChange","newSelection","onCurrentRowChange","newCurrentRow","oldCurrentRow","clearSelection","OrionError","toggleRowSelection","row","selected","toggleAllSelection","getSelectionRows","setCurrentRow","createRowData","source","target","uuid","schema","isFunction","extend","appendRow","rowData","insertRow","index","deleteRow","updateRow","moveUp","moveTo","moveDown","from","to","item","reactive","firstRowIndex","firstRowFlag","leftRowIndexs","e","isEqual"],"mappings":"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"}

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

@@ -10,7 +10,6 @@ import { default as EdittableColumnButtongroup } from './columns/EdittableColumn
 import { default as EdittableCellButton } from './columns/EdittableCellButton';
 import { default as EdittableColumngroup } from './columns/EdittableColumngroup';
 import { default as EdittableColumnDiy } from './columns/EdittableColumnDiy';
-export type { EdittableProps } from './Edittable';
 declare const _default: import('../_util').SFCWithInstall<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     data: ArrayConstructor;
     showRowNumber: {
@@ -119,3 +118,5 @@ declare const _default: import('../_util').SFCWithInstall<import('vue').DefineCo
     EdittableColumnDiy: typeof EdittableColumnDiy;
 };
 export default _default;
+export * from './Edittable';
+export { default as useEdittable } from './hooks/useEdittable';