plain-design 1.0.0-beta.7 → 1.0.0-beta.70

package/src/packages/components/Table/plc/utils/plc.render.ts

@@ -1,122 +1,122 @@
-import {RenderNode} from "plain-design-composition";
-import {tPlc, tPlcType} from "./plc.utils";
-import {iTableCellRenderScope, iTableNode} from "../../table/utils/table.utils";
-
-/**
- * 渲染表头单元格
- * @author  韦胜健
- * @date    2022/11/7 10:42
- */
-export function renderHeadCell(plc: tPlcType) {
-  // 如果存在 props.head 渲染函数，则渲染 props.head
-  if (!plc.group && plc.scopeSlots.head.isExist()) {
-    return plc.scopeSlots.head({ plc });
-  }
-  return plc.props.title;
-}
-
-/**
- * 渲染表体单元格
- * @author  韦胜健
- * @date    2022/11/7 10:42
- */
-export function renderBodyCell(
-  {
-    node,
-    plc,
-    formEdit,
-    targetValue,
-  }: {
-    node: iTableNode,
-    plc: tPlc,
-    formEdit: boolean,
-    targetValue: any,
-  }
-) {
-  const editable = getEditable(plc, node, formEdit);
-  const body = getBodyCell({ node, plc, editable, formEdit, targetValue });
-  return {
-    editable,
-    body,
-  };
-}
-
-/**
- * 判断当前是否可编辑
- * 1. 如果当前行非编辑状态，则不可编辑
- * 2. 如果列没有edit作用域插槽以及渲染函数，则不可编辑
- * 3. 如果列的editable属性为函数，则计算这个函数的值来定性是否可编辑
- *
- * 这个【是否可编辑】值用来设置 body-cell 的样式，以便body-cell清楚地知道当前是否处于可编辑状态，并且设置padding
- *
- * @author  韦胜健
- * @date    2020/7/21 21:16
- */
-function getEditable(plc: tPlc, node: iTableNode, formEdit: boolean) {
-  // 行非编辑状态下，定性为不可编辑
-  if (!node.state.edit) {
-    return false;
-  }
-  if (formEdit) {
-    if (!plc.scopeSlots.form.isExist() && !plc.scopeSlots.edit.isExist()) {
-      return false;
-    }
-  }
-  // 如果没有edit渲染函数以及作用域插槽，那么直接定性为不可编辑
-  if (!plc.scopeSlots.edit.isExist()) {
-    return false;
-  }
-  return typeof plc.props.editable === "function" ? plc.props.editable(node) : (plc.props.editable !== false);
-}
-
-function getBodyCell(
-  {
-    node,
-    plc,
-    editable,
-    formEdit,
-    targetValue,
-  }: {
-    node: iTableNode,
-    plc: tPlc,
-    editable: boolean,
-    formEdit: boolean,
-    targetValue: any,
-  }
-): RenderNode {
-  let renderScope: iTableCellRenderScope;
-  if (node.isSummary) {
-    // 合计行中的row一直是原始的row对象
-    renderScope = { node, plc, row: node.data };
-    // 合计行，使用作用域插槽 summary渲染，没有则使用渲染函数summary渲染，么有则使用 default作用域插槽渲染，没有
-    // 则使用渲染函数default渲染，没有则直接渲染field对应的值
-    if (plc.scopeSlots.summary.isExist()) {
-      return plc.scopeSlots.summary(renderScope);
-    }
-    if (plc.scopeSlots.normal.isExist()) {
-      return plc.scopeSlots.normal(renderScope);
-    }
-    return targetValue;
-  } else {
-    // 如果当前行处于可编辑状态，则渲染的行数据对象为 rowData.editRow，否则为 rowData.data
-    let row = node.state.edit ? node.state.editRow : node.data;
-    renderScope = { node, plc, row };
-
-    if (editable) {
-      if (formEdit && plc.scopeSlots.form.isExist()) {
-        return plc.scopeSlots.form(renderScope);
-      }
-      // 当前一定存在 plc.scopedSlots.edit 或者 plc.props.edit，否则 editable不可能为true
-      if (plc.scopeSlots.edit.isExist()) {
-        return plc.scopeSlots.edit(renderScope);
-      }
-    } else {
-      // 当前单元格不可编辑，如果当前行处于编辑状态，则渲染的行数据为 tableNode.editRow，否则为 tableNode.data
-      // 使用作用域插槽default渲染，没有则使用渲染函数default渲染，没有则直接显示field对应的值
-      if (plc.scopeSlots.normal.isExist()) {
-        return plc.scopeSlots.normal(renderScope);
-      }
-      return targetValue;
-    }
-  }
-}
+import {RenderNode} from "plain-design-composition";
+import {tPlc, tPlcType} from "./plc.utils";
+import {iTableCellRenderScope, iTableNode} from "../../table/utils/table.utils";
+
+/**
+ * 渲染表头单元格
+ * @author  韦胜健
+ * @date    2022/11/7 10:42
+ */
+export function renderHeadCell(plc: tPlcType) {
+  // 如果存在 props.head 渲染函数，则渲染 props.head
+  if (!plc.group && plc.scopeSlots.head.isExist()) {
+    return plc.scopeSlots.head({ plc });
+  }
+  return plc.props.title;
+}
+
+/**
+ * 渲染表体单元格
+ * @author  韦胜健
+ * @date    2022/11/7 10:42
+ */
+export function renderBodyCell(
+  {
+    node,
+    plc,
+    formEdit,
+    targetValue,
+  }: {
+    node: iTableNode,
+    plc: tPlc,
+    formEdit: boolean,
+    targetValue: any,
+  }
+) {
+  const editable = getEditable(plc, node, formEdit);
+  const body = getBodyCell({ node, plc, editable, formEdit, targetValue });
+  return {
+    editable,
+    body,
+  };
+}
+
+/**
+ * 判断当前是否可编辑
+ * 1. 如果当前行非编辑状态，则不可编辑
+ * 2. 如果列没有edit作用域插槽以及渲染函数，则不可编辑
+ * 3. 如果列的editable属性为函数，则计算这个函数的值来定性是否可编辑
+ *
+ * 这个【是否可编辑】值用来设置 body-cell 的样式，以便body-cell清楚地知道当前是否处于可编辑状态，并且设置padding
+ *
+ * @author  韦胜健
+ * @date    2020/7/21 21:16
+ */
+function getEditable(plc: tPlc, node: iTableNode, formEdit: boolean) {
+  // 行非编辑状态下，定性为不可编辑
+  if (!node.state.edit) {
+    return false;
+  }
+  if (formEdit) {
+    if (!plc.scopeSlots.form.isExist() && !plc.scopeSlots.edit.isExist()) {
+      return false;
+    }
+  }
+  // 如果没有edit渲染函数以及作用域插槽，那么直接定性为不可编辑
+  if (!plc.scopeSlots.edit.isExist()) {
+    return false;
+  }
+  return typeof plc.props.editable === "function" ? plc.props.editable(node) : (plc.props.editable !== false);
+}
+
+function getBodyCell(
+  {
+    node,
+    plc,
+    editable,
+    formEdit,
+    targetValue,
+  }: {
+    node: iTableNode,
+    plc: tPlc,
+    editable: boolean,
+    formEdit: boolean,
+    targetValue: any,
+  }
+): RenderNode {
+  let renderScope: iTableCellRenderScope;
+  if (node.isSummary) {
+    // 合计行中的row一直是原始的row对象
+    renderScope = { node, plc, row: node.data };
+    // 合计行，使用作用域插槽 summary渲染，没有则使用渲染函数summary渲染，么有则使用 default作用域插槽渲染，没有
+    // 则使用渲染函数default渲染，没有则直接渲染field对应的值
+    if (plc.scopeSlots.summary.isExist()) {
+      return plc.scopeSlots.summary(renderScope);
+    }
+    if (plc.scopeSlots.normal.isExist()) {
+      return plc.scopeSlots.normal(renderScope);
+    }
+    return targetValue;
+  } else {
+    // 如果当前行处于可编辑状态，则渲染的行数据对象为 rowData.editRow，否则为 rowData.data
+    let row = node.state.edit ? node.state.editRow : node.data;
+    renderScope = { node, plc, row };
+
+    if (editable) {
+      if (formEdit && plc.scopeSlots.form.isExist()) {
+        return plc.scopeSlots.form(renderScope);
+      }
+      // 当前一定存在 plc.scopedSlots.edit 或者 plc.props.edit，否则 editable不可能为true
+      if (plc.scopeSlots.edit.isExist()) {
+        return plc.scopeSlots.edit(renderScope);
+      }
+    } else {
+      // 当前单元格不可编辑，如果当前行处于编辑状态，则渲染的行数据为 tableNode.editRow，否则为 tableNode.data
+      // 使用作用域插槽default渲染，没有则使用渲染函数default渲染，没有则直接显示field对应的值
+      if (plc.scopeSlots.normal.isExist()) {
+        return plc.scopeSlots.normal(renderScope);
+      }
+      return targetValue;
+    }
+  }
+}

package/src/packages/components/Table/plc/utils/plc.scope-slots.ts

@@ -1,63 +1,63 @@
-import {iTableCellRenderScope} from "../../table/utils/table.utils";
-import {RenderNode, tScopeSlotsType, tSlotsType} from "plain-design-composition";
-import {tPlcType} from "./plc.utils";
-
-export type PlcRenderFunction = (scope: iTableCellRenderScope) => RenderNode
-
-/*渲染列标题单元格*/
-export type PlcPropsHead = (scope: { plc: tPlcType }) => RenderNode
-/*非编辑单元格*/
-export type PlcPropsDefault = PlcRenderFunction
-/*合计行单元格*/
-export type PlcPropsSummary = PlcRenderFunction
-/*编辑单元格*/
-export type PlcPropsEdit = PlcRenderFunction
-/*表单内容*/
-export type PlcPropsForm = PlcRenderFunction
-
-/**
- * plc插槽类型
- * @author  韦胜健
- * @date    2022.10.29 19:02
- */
-export type tPlcSlots = Record<string, ((defaultSlot?: RenderNode) => RenderNode) & { isExist: () => boolean }>
-
-/**
- * plc标准作用域插槽配置选项
- * @author  韦胜健
- * @date    2022.10.29 19:02
- */
-export const PlcScopeSlotsOptions = {
-  head: {} as PlcPropsHead,                       // 列标题渲染函数
-  normal: {} as PlcPropsDefault,                  // 列内容默认渲染函数
-  summary: {} as PlcPropsSummary,                 // 列内容在合计行上的渲染函数
-  edit: {} as PlcPropsEdit,                       // 列内容在编辑状态下的渲染函数
-  form: {} as PlcPropsForm,                       // 表单编辑时渲染的内容
-};
-
-/**
- * plc标准作用域插槽类型
- * @author  韦胜健
- * @date    2022.10.29 19:02
- */
-export type tPlcScopeSlots = tScopeSlotsType<typeof PlcScopeSlotsOptions>
-
-/**
- * 列分组作用域插槽配置
- * @author  韦胜健
- * @date    2022.10.29 19:19
- */
-export const PlcGroupScopeSlotsOptions = {
-  head: {} as PlcPropsHead,                       // 列标题渲染函数
-};
-
-export type tPlcGroupScopeSlots = tScopeSlotsType<typeof PlcGroupScopeSlotsOptions>
-
-/**
- * PlcGroup插槽配置
- * @author  韦胜健
- * @date    2022.10.29 19:21
- */
-export const PlcGroupSlotsOptions = ['default'] as const;
-
-export type tPlcSlotsType = tSlotsType<typeof PlcGroupSlotsOptions>
+import {iTableCellRenderScope} from "../../table/utils/table.utils";
+import {RenderNode, tScopeSlotsType, tSlotsType} from "plain-design-composition";
+import {tPlcType} from "./plc.utils";
+
+export type PlcRenderFunction = (scope: iTableCellRenderScope) => RenderNode
+
+/*渲染列标题单元格*/
+export type PlcPropsHead = (scope: { plc: tPlcType }) => RenderNode
+/*非编辑单元格*/
+export type PlcPropsDefault = PlcRenderFunction
+/*合计行单元格*/
+export type PlcPropsSummary = PlcRenderFunction
+/*编辑单元格*/
+export type PlcPropsEdit = PlcRenderFunction
+/*表单内容*/
+export type PlcPropsForm = PlcRenderFunction
+
+/**
+ * plc插槽类型
+ * @author  韦胜健
+ * @date    2022.10.29 19:02
+ */
+export type tPlcSlots = Record<string, ((defaultSlot?: RenderNode) => RenderNode) & { isExist: () => boolean }>
+
+/**
+ * plc标准作用域插槽配置选项
+ * @author  韦胜健
+ * @date    2022.10.29 19:02
+ */
+export const PlcScopeSlotsOptions = {
+  head: {} as PlcPropsHead,                       // 列标题渲染函数
+  normal: {} as PlcPropsDefault,                  // 列内容默认渲染函数
+  summary: {} as PlcPropsSummary,                 // 列内容在合计行上的渲染函数
+  edit: {} as PlcPropsEdit,                       // 列内容在编辑状态下的渲染函数
+  form: {} as PlcPropsForm,                       // 表单编辑时渲染的内容
+};
+
+/**
+ * plc标准作用域插槽类型
+ * @author  韦胜健
+ * @date    2022.10.29 19:02
+ */
+export type tPlcScopeSlots = tScopeSlotsType<typeof PlcScopeSlotsOptions>
+
+/**
+ * 列分组作用域插槽配置
+ * @author  韦胜健
+ * @date    2022.10.29 19:19
+ */
+export const PlcGroupScopeSlotsOptions = {
+  head: {} as PlcPropsHead,                       // 列标题渲染函数
+};
+
+export type tPlcGroupScopeSlots = tScopeSlotsType<typeof PlcGroupScopeSlotsOptions>
+
+/**
+ * PlcGroup插槽配置
+ * @author  韦胜健
+ * @date    2022.10.29 19:21
+ */
+export const PlcGroupSlotsOptions = ['default'] as const;
+
+export type tPlcSlotsType = tSlotsType<typeof PlcGroupSlotsOptions>