cnhis-design-vue 3.1.40-beta.12 → 3.1.40-beta.16

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/selectRendererPlugin/selectUtils.js

@@ -1,16 +1 @@
-function getDefaultValue(row, item) {
-  const value = row[item.columnName];
-  if (Array.isArray(value))
-    return value.map((v) => getValue(v)).join(",");
-  return getValue(value);
-  function getValue(value2) {
-    var _a;
-    const findValue = (options) => {
-      var _a2;
-      return ((_a2 = options == null ? void 0 : options.find((v) => v.value == value2)) == null ? void 0 : _a2.label) || value2 || "";
-    };
-    return findValue(((_a = item.componentProps) == null ? void 0 : _a.options) || item.options || []);
-  }
-}
-
-export { getDefaultValue };
+function n(n,o){const r=n[o.columnName];return Array.isArray(r)?r.map((n=>i(n))).join(","):i(r);function i(n){var r;return i=(null==(r=o.componentProps)?void 0:r.options)||o.options||[],(null==(l=null==i?void 0:i.find((o=>o.value==n)))?void 0:l.label)||n||"";var i,l}}export{n as getDefaultValue};

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/separateRendererPlugin/editSeparate.vue.js

@@ -1,108 +1 @@
-import { defineComponent, inject, ref, watch, computed, onMounted, onDeactivated, openBlock, createBlock, unref, withCtx, createElementVNode, withModifiers, normalizeStyle, toDisplayString, renderSlot, createVNode } from 'vue';
-import { cloneDeep, isObject, isArray } from 'lodash-es';
-import { NPopover, NInput } from 'naive-ui';
-import { InjectionIhoTableHandler } from '../../../../constants/index.js';
-import { useIhoTableFormEvent } from '../../../../utils/index.js';
-import _export_sfc from '../../../../../../../_virtual/plugin-vue_export-helper.js';
-
-const _hoisted_1 = ["onClick"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "editSeparate",
-  props: {
-    value: {},
-    height: { type: Number, default: 48 },
-    column: { type: Object, required: true },
-    row: { type: Object, required: true },
-    displayContent: { type: String, default: "" },
-    rowIndex: { type: Number, required: true }
-  },
-  emits: ["update:value", "click"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const tableHandler = inject(InjectionIhoTableHandler);
-    const popoverRef = ref();
-    const editContent = ref();
-    function setEditContent(value) {
-      editContent.value = value;
-    }
-    const show = ref(false);
-    function setShow(v) {
-      show.value = v;
-    }
-    function onContentClick(event) {
-      show.value = !show.value;
-      emit("click", event);
-    }
-    watch(show, updateShow);
-    function updateShow(show2) {
-      show2 ? onShow() : onClose();
-    }
-    async function onShow() {
-      var _a;
-      editContent.value = cloneDeep(props.value);
-      await new Promise((resolve) => setTimeout(resolve));
-      (_a = popoverRef.value) == null ? void 0 : _a.syncPosition();
-      return;
-    }
-    const { emitFormChangeWithParams } = useIhoTableFormEvent(props);
-    async function onClose() {
-      if (!isObject(editContent.value) && !isArray(editContent.value)) {
-        if (props.value === editContent.value)
-          return;
-      }
-      const oldValue = props.value;
-      emit("update:value", editContent.value);
-      emitFormChangeWithParams({ oldValue });
-      tableHandler.updateTableDataRef();
-    }
-    const style = computed(() => ({
-      border: "1px solid #f5f5f5",
-      height: props.height - 16 + "px",
-      display: "flex",
-      alignItems: "center",
-      padding: "0",
-      background: "white",
-      wordBreak: "keep-all",
-      boxSizing: "border-box",
-      "border-radius": "4px"
-    }));
-    onMounted(() => setShow(true));
-    onDeactivated(onClose);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NPopover), {
-        ref_key: "popoverRef",
-        ref: popoverRef,
-        trigger: "manual",
-        show: show.value,
-        "onUpdate:show": _cache[1] || (_cache[1] = ($event) => show.value = $event),
-        "show-arrow": false
-      }, {
-        trigger: withCtx(() => [
-          createElementVNode("div", {
-            onClick: withModifiers(onContentClick, ["stop"]),
-            style: normalizeStyle(unref(style))
-          }, toDisplayString(__props.displayContent || " "), 13, _hoisted_1)
-        ]),
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "menu", {
-            value: editContent.value,
-            "onUpdate:value": setEditContent,
-            "onUpdate:show": setShow,
-            col: __props.column,
-            row: __props.row
-          }, () => [
-            createVNode(unref(NInput), {
-              value: editContent.value,
-              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => editContent.value = $event),
-              type: "textarea"
-            }, null, 8, ["value"])
-          ])
-        ]),
-        _: 3
-      }, 8, ["show"]);
-    };
-  }
-});
-var EditSeparate = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "editSeparate.vue"]]);
-
-export { EditSeparate as default };
+import{defineComponent as e,inject as t,ref as a,watch as o,computed as u,onMounted as r,onDeactivated as l,openBlock as i,createBlock as n,unref as s,withCtx as p,createElementVNode as v,withModifiers as d,normalizeStyle as c,toDisplayString as m,renderSlot as f,createVNode as h}from"vue";import{cloneDeep as g,isObject as w,isArray as y}from"lodash-es";import{NPopover as x,NInput as b}from"naive-ui";import{InjectionIhoTableHandler as k}from"../../../../constants/index.js";import{useIhoTableFormEvent as _}from"../../../../utils/index.js";import j from"../../../../../../../_virtual/plugin-vue_export-helper.js";const C=["onClick"];var S=j(e({__name:"editSeparate",props:{value:{},height:{type:Number,default:48},column:{type:Object,required:!0},row:{type:Object,required:!0},displayContent:{type:String,default:""},rowIndex:{type:Number,required:!0}},emits:["update:value","click"],setup(e,{emit:j}){const S=e,U=t(k),q=a(),P=a();function I(e){P.value=e}const N=a(!1);function O(e){N.value=e}function R(e){N.value=!N.value,j("click",e)}o(N,(function(e){e?async function(){var e;P.value=g(S.value),await new Promise((e=>setTimeout(e))),null==(e=q.value)||e.syncPosition()}():z()}));const{emitFormChangeWithParams:T}=_(S);async function z(){if(!w(P.value)&&!y(P.value)&&S.value===P.value)return;const e=S.value;j("update:value",P.value),T({oldValue:e}),U.updateTableDataRef()}const B=u((()=>({border:"1px solid #f5f5f5",height:S.height-16+"px",display:"flex",alignItems:"center",padding:"0",background:"white",wordBreak:"keep-all",boxSizing:"border-box","border-radius":"4px"})));return r((()=>O(!0))),l(z),(t,a)=>(i(),n(s(x),{ref_key:"popoverRef",ref:q,trigger:"manual",show:N.value,"onUpdate:show":a[1]||(a[1]=e=>N.value=e),"show-arrow":!1},{trigger:p((()=>[v("div",{onClick:d(R,["stop"]),style:c(s(B))},m(e.displayContent||" "),13,C)])),default:p((()=>[f(t.$slots,"menu",{value:P.value,"onUpdate:value":I,"onUpdate:show":O,col:e.column,row:e.row},(()=>[h(s(b),{value:P.value,"onUpdate:value":a[0]||(a[0]=e=>P.value=e),type:"textarea"},null,8,["value"])]))])),_:3},8,["show"]))}}),[["__file","editSeparate.vue"]]);export{S as default};

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/separateRendererPlugin/index.js

@@ -1,163 +1 @@
-import { reactive, inject, createVNode, toRaw, h, onBeforeUnmount } from 'vue';
-import { traverse } from '../../../../../../../shared/utils/index.js';
-import { isFunction, isObject, range } from 'lodash-es';
-import '../../../../../index.js';
-import { EDITABLE_WIDGET_TYPE, InjectionIhoTableUUID } from '../../../../constants/index.js';
-import { createIhoTableClearActivedInterceptor, IhoTableRenderHelper, getRowHeight, getColumnRenderWidth } from '../../../../utils/index.js';
-import { isSeparateColumn, contentSeparate, getColumnInfoMaxLength, generateSeparateRowData } from './separateUtils.js';
-import EditSeparate from './editSeparate.vue.js';
-import { defineTablePlugin } from '../../../../hooks/useTablePlugin.js';
-
-function separateRendererPlugins() {
-  const pluginName = "separateRendererPlugins";
-  const separateRowMap = reactive(/* @__PURE__ */ new Map());
-  function getSeparateRowData(uuid, rowData) {
-    var _a;
-    return (_a = separateRowMap.get(uuid)) == null ? void 0 : _a.get(rowData);
-  }
-  function setSeparateRowData(uuid, rowData, data) {
-    const map = separateRowMap.get(uuid) || /* @__PURE__ */ new WeakMap();
-    separateRowMap.set(uuid, map);
-    map.set(rowData, data);
-  }
-  const separateColumnMap = reactive(/* @__PURE__ */ new Map());
-  return defineTablePlugin({
-    name: pluginName,
-    vxe(instance) {
-      instance.interceptor.add("event.clearActived", createIhoTableClearActivedInterceptor(EDITABLE_WIDGET_TYPE.SEPARATE, (ele) => ele.classList.contains("v-binder-follower-content")));
-      instance.renderer.add(EDITABLE_WIDGET_TYPE.SEPARATE, {
-        renderCell(renderOpts, {
-          column,
-          row
-        }) {
-          const uuid = inject(InjectionIhoTableUUID);
-          const separateRow = getSeparateRowData(uuid, row) || {
-            separateData: {}
-          };
-          return createVNode("section", null, [separateRow.separateData[column.field]]);
-        },
-        renderEdit: IhoTableRenderHelper.createRenderEdit(({
-          fieldItem,
-          column,
-          row,
-          emitFormClick
-        }) => {
-          var _a, _b, _c;
-          const uuid = inject(InjectionIhoTableUUID);
-          const separateRow = getSeparateRowData(uuid, row);
-          const height = getRowHeight();
-          const slots = {};
-          let separateSlot = (_b = (_a = fieldItem.componentProps) == null ? void 0 : _a.separateSlot) != null ? _b : fieldItem.separateSlot;
-          if (separateSlot) {
-            separateSlot = toRaw(separateSlot);
-            slots.menu = isFunction(separateSlot) ? separateSlot : isObject(separateSlot) ? (props) => h(separateSlot, props) : void 0;
-          }
-          return [createVNode(EditSeparate, {
-            "value": row[column.field],
-            "onUpdate:value": ($event) => row[column.field] = $event,
-            "row-index": separateRow == null ? void 0 : separateRow.index,
-            "height": height,
-            "column": column,
-            "row": row,
-            "display-content": (_c = separateRow == null ? void 0 : separateRow.separateData) == null ? void 0 : _c[column.field],
-            "onClick": emitFormClick
-          }, slots)];
-        })
-      });
-    },
-    apply(hooks) {
-      hooks.fieldHooks.fieldList.tap(pluginName, (fieldList, {
-        uuid
-      }) => {
-        uuid && separateColumnMap.set(uuid, getSeparateColumn(fieldList));
-        return fieldList;
-        function getSeparateColumn(fieldList2) {
-          return fieldList2.reduce((res, field) => {
-            traverse(field, (item) => {
-              isSeparateColumn(item) && res.push(toRaw(item));
-            });
-            return res;
-          }, []);
-        }
-      });
-      hooks.dataHooks.data.tapPromise(pluginName, async (rowData, config, {
-        insertAfter,
-        index: dataIndex,
-        $table
-      }) => {
-        if (!config.uuid)
-          return;
-        const separateColumns = separateColumnMap.get(config.uuid);
-        if (!separateColumns || !separateColumns.length)
-          return;
-        const parsedRowDataInfo = [];
-        for (const column of separateColumns) {
-          if (!column.field)
-            continue;
-          const width = await getColumnRenderWidth(column, $table);
-          parsedRowDataInfo.push({
-            field: column.field,
-            data: contentSeparate(rowData[column.field], column, width)
-          });
-        }
-        range(getColumnInfoMaxLength(parsedRowDataInfo)).forEach((_, index) => {
-          const separateData = generateSeparateRowData(parsedRowDataInfo, index);
-          if (index === 0) {
-            setSeparateRowData(config.uuid, rowData, {
-              index: dataIndex,
-              separateData
-            });
-            rowData.$__SEPARATE_DATA = [separateData];
-            return;
-          }
-          const data = {
-            $__SEPARATE: true
-          };
-          setSeparateRowData(config.uuid, data, {
-            index: dataIndex,
-            separateData
-          });
-          rowData.$__SEPARATE_DATA.push(separateData);
-          insertAfter(data);
-        });
-      });
-      hooks.eventHooks.onResizableChange.tap(pluginName, async ({
-        column
-      }, _, context) => {
-        if (!isSeparateColumn(column))
-          return;
-        context.updateTableDataRef();
-      });
-      hooks.configHooks.editConfig.tap(pluginName, (editConfig = {}, config) => {
-        editConfig.beforeEditMethod = avoidOperationDecorator(editConfig.beforeEditMethod);
-        return editConfig;
-      });
-      hooks.configHooks.checkboxConfig.tap(pluginName, (checkboxConfig = {}, config) => {
-        checkboxConfig.checkMethod = avoidOperationDecorator(checkboxConfig.checkMethod);
-        checkboxConfig.visibleMethod = avoidOperationDecorator(checkboxConfig.visibleMethod);
-        return checkboxConfig;
-      });
-      function avoidOperationDecorator(oldFn) {
-        return (...args) => {
-          var _a;
-          if ((_a = args[0].row) == null ? void 0 : _a.$__SEPARATE)
-            return false;
-          if (isFunction(oldFn)) {
-            return oldFn(...args);
-          }
-          return true;
-        };
-      }
-      hooks.setupHooks.setup.tap(pluginName, (config) => {
-        onBeforeUnmount(() => {
-          if (config.value.uuid) {
-            separateRowMap.delete(config.value.uuid);
-            separateColumnMap.delete(config.value.uuid);
-          }
-        });
-      });
-    }
-  });
-}
-
-export { separateRendererPlugins };
+import{reactive as e,inject as t,createVNode as o,toRaw as n,h as i,onBeforeUnmount as r}from"vue";import{traverse as a}from"../../../../../../../shared/utils/index.js";import{isFunction as d,isObject as s,range as l}from"lodash-es";import"../../../../../index.js";import{EDITABLE_WIDGET_TYPE as u,InjectionIhoTableUUID as c}from"../../../../constants/index.js";import{createIhoTableClearActivedInterceptor as p,IhoTableRenderHelper as f,getRowHeight as m,getColumnRenderWidth as v}from"../../../../utils/index.js";import{isSeparateColumn as h,contentSeparate as A,getColumnInfoMaxLength as E,generateSeparateRowData as g}from"./separateUtils.js";import k from"./editSeparate.vue.js";import{defineTablePlugin as x}from"../../../../hooks/useTablePlugin.js";function b(){const b="separateRendererPlugins",w=e(new Map);function P(e,t){var o;return null==(o=w.get(e))?void 0:o.get(t)}function R(e,t,o){const n=w.get(e)||new WeakMap;w.set(e,n),n.set(t,o)}const T=e(new Map);return x({name:b,vxe(e){e.interceptor.add("event.clearActived",p(u.SEPARATE,(e=>e.classList.contains("v-binder-follower-content")))),e.renderer.add(u.SEPARATE,{renderCell(e,{column:n,row:i}){const r=P(t(c),i)||{separateData:{}};return o("section",null,[r.separateData[n.field]])},renderEdit:f.createRenderEdit((({fieldItem:e,column:r,row:a,emitFormClick:l})=>{var u,p,f;const v=P(t(c),a),h=m(),A={};let E=null!=(p=null==(u=e.componentProps)?void 0:u.separateSlot)?p:e.separateSlot;return E&&(E=n(E),A.menu=d(E)?E:s(E)?e=>i(E,e):void 0),[o(k,{value:a[r.field],"onUpdate:value":e=>a[r.field]=e,"row-index":null==v?void 0:v.index,height:h,column:r,row:a,"display-content":null==(f=null==v?void 0:v.separateData)?void 0:f[r.field],onClick:l},A)]}))})},apply(e){function t(e){return(...t)=>{var o;return!(null==(o=t[0].row)?void 0:o.$__SEPARATE)&&(!d(e)||e(...t))}}e.fieldHooks.fieldList.tap(b,((e,{uuid:t})=>(t&&T.set(t,e.reduce(((e,t)=>(a(t,(t=>{h(t)&&e.push(n(t))})),e)),[])),e))),e.dataHooks.data.tapPromise(b,(async(e,t,{insertAfter:o,index:n,$table:i})=>{if(!t.uuid)return;const r=T.get(t.uuid);if(!r||!r.length)return;const a=[];for(const t of r){if(!t.field)continue;const o=await v(t,i);a.push({field:t.field,data:A(e[t.field],t,o)})}l(E(a)).forEach(((i,r)=>{const d=g(a,r);if(0===r)return R(t.uuid,e,{index:n,separateData:d}),void(e.$__SEPARATE_DATA=[d]);const s={$__SEPARATE:!0};R(t.uuid,s,{index:n,separateData:d}),e.$__SEPARATE_DATA.push(d),o(s)}))})),e.eventHooks.onResizableChange.tap(b,(async({column:e},t,o)=>{h(e)&&o.updateTableDataRef()})),e.configHooks.editConfig.tap(b,((e={},o)=>(e.beforeEditMethod=t(e.beforeEditMethod),e))),e.configHooks.checkboxConfig.tap(b,((e={},o)=>(e.checkMethod=t(e.checkMethod),e.visibleMethod=t(e.visibleMethod),e))),e.setupHooks.setup.tap(b,(e=>{r((()=>{e.value.uuid&&(w.delete(e.value.uuid),T.delete(e.value.uuid))}))}))}})}export{b as separateRendererPlugins};

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/separateRendererPlugin/separateUtils.js

@@ -1,42 +1 @@
-import { getStringWidth } from '../../../../../../../shared/utils/index.js';
-import { isArray, cloneDeep, isString, isNumber } from 'lodash-es';
-import { EDITABLE_WIDGET_TYPE } from '../../../../constants/index.js';
-
-function getColumnInfoMaxLength(parsedRowDataInfo) {
-  return Math.max(...parsedRowDataInfo.map((r) => r.data.length), 1);
-}
-function generateSeparateRowData(parsedRowDataInfo, index) {
-  return parsedRowDataInfo.reduce((res, info) => {
-    res[info.field] = info.data[index];
-    return res;
-  }, {});
-}
-function contentSeparate(value, field, width) {
-  if (isArray(value)) {
-    return value.map((row) => {
-      var _a, _b, _c, _d;
-      return (_d = (_c = (_b = (_a = field.editRender) == null ? void 0 : _a.props) == null ? void 0 : _b.separateFormatter) == null ? void 0 : _c.call(_b, cloneDeep(row))) != null ? _d : row;
-    });
-  }
-  if (!isString(value) || !isNumber(width))
-    return [value];
-  width -= 24;
-  return [...value].reduce(
-    (res, char) => {
-      const latestString = res[res.length - 1];
-      if (getStringWidth(latestString + char) > width) {
-        res.push(char);
-      } else {
-        res[res.length - 1] = latestString + char;
-      }
-      return res;
-    },
-    [""]
-  );
-}
-function isSeparateColumn(field) {
-  var _a;
-  return field.field && ((_a = field.editRender) == null ? void 0 : _a.name) === EDITABLE_WIDGET_TYPE.SEPARATE;
-}
-
-export { contentSeparate, generateSeparateRowData, getColumnInfoMaxLength, isSeparateColumn };
+import{getStringWidth as e}from"../../../../../../../shared/utils/index.js";import{isArray as n,cloneDeep as r,isString as t,isNumber as o}from"lodash-es";import{EDITABLE_WIDGET_TYPE as l}from"../../../../constants/index.js";function u(e){return Math.max(...e.map((e=>e.data.length)),1)}function a(e,n){return e.reduce(((e,r)=>(e[r.field]=r.data[n],e)),{})}function d(l,u,a){return n(l)?l.map((e=>{var n,t,o,l;return null!=(l=null==(o=null==(t=null==(n=u.editRender)?void 0:n.props)?void 0:t.separateFormatter)?void 0:o.call(t,r(e)))?l:e})):t(l)&&o(a)?(a-=24,[...l].reduce(((n,r)=>{const t=n[n.length-1];return e(t+r)>a?n.push(r):n[n.length-1]=t+r,n}),[""])):[l]}function i(e){var n;return e.field&&(null==(n=e.editRender)?void 0:n.name)===l.SEPARATE}export{d as contentSeparate,a as generateSeparateRowData,u as getColumnInfoMaxLength,i as isSeparateColumn};

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/timeRendererPlugin.js

@@ -1,50 +1 @@
-import { createVNode, mergeProps } from 'vue';
-import '../../../../index.js';
-import { EDITABLE_WIDGET_TYPE } from '../../../constants/index.js';
-import { NTimePicker } from 'naive-ui';
-import { createIhoTableClearActivedInterceptor, IhoTableRenderHelper } from '../../../utils/index.js';
-import { defineTablePlugin } from '../../../hooks/useTablePlugin.js';
-
-function timeRendererPlugin() {
-  const pluginName = "timeRendererPlugin";
-  return defineTablePlugin({
-    name: pluginName,
-    vxe(instance) {
-      instance.interceptor.add("event.clearActived", createIhoTableClearActivedInterceptor(EDITABLE_WIDGET_TYPE.TIME, (ele) => ele.classList.contains("n-time-picker-panel")));
-      instance.renderer.add(EDITABLE_WIDGET_TYPE.TIME, {
-        renderCell: IhoTableRenderHelper.createDefaultRenderCell(),
-        renderEdit: IhoTableRenderHelper.createRenderEdit(({
-          fieldItem,
-          row,
-          column,
-          emitFormChangeWithParams,
-          emitFormClick
-        }) => {
-          const {
-            placeholder = "\u8BF7\u9009\u62E9",
-            valueFormat = "HH:mm"
-          } = fieldItem.componentProps || {};
-          const config = {
-            placeholder,
-            valueFormat,
-            format: valueFormat || "yyyy-MM-dd HH:mm:ss",
-            onUpdateFormattedValue: (value) => {
-              const oldValue = row[column.field];
-              row[column.field] = value;
-              emitFormChangeWithParams({
-                oldValue
-              });
-            },
-            onClick: emitFormClick
-          };
-          return [createVNode(NTimePicker, mergeProps({
-            "formattedValue": row[column.field],
-            "onUpdate:formattedValue": ($event) => row[column.field] = $event
-          }, config, fieldItem.componentProps), null)];
-        })
-      });
-    }
-  });
-}
-
-export { timeRendererPlugin };
+import{createVNode as e,mergeProps as r}from"vue";import"../../../../index.js";import{EDITABLE_WIDGET_TYPE as t}from"../../../constants/index.js";import{NTimePicker as o}from"naive-ui";import{createIhoTableClearActivedInterceptor as n,IhoTableRenderHelper as i}from"../../../utils/index.js";import{defineTablePlugin as l}from"../../../hooks/useTablePlugin.js";function m(){return l({name:"timeRendererPlugin",vxe(l){l.interceptor.add("event.clearActived",n(t.TIME,(e=>e.classList.contains("n-time-picker-panel")))),l.renderer.add(t.TIME,{renderCell:i.createDefaultRenderCell(),renderEdit:i.createRenderEdit((({fieldItem:t,row:n,column:i,emitFormChangeWithParams:l,emitFormClick:m})=>{const{placeholder:a="请选择",valueFormat:d="HH:mm"}=t.componentProps||{},s={placeholder:a,valueFormat:d,format:d||"yyyy-MM-dd HH:mm:ss",onUpdateFormattedValue:e=>{const r=n[i.field];n[i.field]=e,l({oldValue:r})},onClick:m};return[e(o,r({formattedValue:n[i.field],"onUpdate:formattedValue":e=>n[i.field]=e},s,t.componentProps),null)]}))})}})}export{m as timeRendererPlugin};

package/es/components/iho-table/src/plugins/rendererPlugins/widgets/checkRendererPlugin.js

@@ -1,30 +1 @@
-import '../../../../index.js';
-import { defineTablePlugin } from '../../../hooks/useTablePlugin.js';
-
-function checkRendererPlugin() {
-  const pluginName = "checkRendererPlugin";
-  return defineTablePlugin({
-    name: pluginName,
-    apply(hooks) {
-      hooks.fieldHooks.field.tap(pluginName, (field, {
-        index,
-        insertBefore
-      }, config) => {
-        if (index === 0 && config.selectType) {
-          insertBefore({
-            field: pluginName,
-            annotation: false,
-            type: config.selectType,
-            ...config.checkboxConfig,
-            width: 45,
-            align: "center",
-            fixed: "left"
-          });
-        }
-        return field;
-      });
-    }
-  });
-}
-
-export { checkRendererPlugin };
+import"../../../../index.js";import{defineTablePlugin as e}from"../../../hooks/useTablePlugin.js";function n(){const n="checkRendererPlugin";return e({name:n,apply(e){e.fieldHooks.field.tap(n,((e,{index:i,insertBefore:t},o)=>(0===i&&o.selectType&&t({field:n,annotation:!1,type:o.selectType,...o.checkboxConfig,width:45,align:"center",fixed:"left"}),e)))}})}export{n as checkRendererPlugin};

package/es/components/iho-table/src/plugins/rendererPlugins/widgets/colorRendererPlugin.js

@@ -1,48 +1 @@
-import { createVNode } from 'vue';
-import '../../../../index.js';
-import { WIDGET_TYPE } from '../../../constants/index.js';
-import { getRowHeight } from '../../../utils/index.js';
-import { defineTablePlugin } from '../../../hooks/useTablePlugin.js';
-
-function colorRendererPlugin() {
-  const pluginName = "checkRendererPlugin";
-  const colorMap = {
-    blue: "blue",
-    sky: "skyblue",
-    azure: "azure",
-    palegreen: "palegreen",
-    yellow: "yellow",
-    darkorange: "darkorange",
-    magenta: "magenta",
-    purple: "purple",
-    maroon: "maroon",
-    orange: "orange",
-    green: "green",
-    red: "red",
-    grey: "grey"
-  };
-  return defineTablePlugin({
-    name: pluginName,
-    vxe(instance) {
-      instance.renderer.add(WIDGET_TYPE.COLOR, {
-        renderCell(renderOpts, {
-          row,
-          column
-        }) {
-          const value = row[column.field];
-          if (!value)
-            return [];
-          const [color, alias] = value.split("-");
-          return [createVNode("div", {
-            "style": {
-              background: colorMap[alias] || color,
-              height: getRowHeight() - 8 + "px"
-            }
-          }, null)];
-        }
-      });
-    }
-  });
-}
-
-export { colorRendererPlugin };
+import{createVNode as e}from"vue";import"../../../../index.js";import{WIDGET_TYPE as r}from"../../../constants/index.js";import{getRowHeight as n}from"../../../utils/index.js";import{defineTablePlugin as o}from"../../../hooks/useTablePlugin.js";function l(){const l={blue:"blue",sky:"skyblue",azure:"azure",palegreen:"palegreen",yellow:"yellow",darkorange:"darkorange",magenta:"magenta",purple:"purple",maroon:"maroon",orange:"orange",green:"green",red:"red",grey:"grey"};return o({name:"checkRendererPlugin",vxe(o){o.renderer.add(r.COLOR,{renderCell(r,{row:o,column:a}){const t=o[a.field];if(!t)return[];const[u,i]=t.split("-");return[e("div",{style:{background:l[i]||u,height:n()-8+"px"}},null)]}})}})}export{l as colorRendererPlugin};

package/es/components/iho-table/src/plugins/rendererPlugins/widgets/defaultRendererPlugin.js

@@ -1,62 +1 @@
-import { createVNode } from 'vue';
-import { isString } from 'lodash-es';
-import '../../../../index.js';
-import { WIDGET_TYPE } from '../../../constants/index.js';
-import { IhoTableWarn } from '../../../utils/index.js';
-import { defineTablePlugin } from '../../../hooks/useTablePlugin.js';
-
-function defaultRendererPlugin() {
-  const pluginName = "defaultRendererPlugin";
-  return defineTablePlugin({
-    name: pluginName,
-    vxe(instance) {
-      instance.renderer.add(WIDGET_TYPE.DEFAULT, {
-        renderCell(renderOpts, {
-          row,
-          column
-        }) {
-          const value = row[column.field];
-          return isRichContent(value) ? renderRichContent(value) : [value];
-          function renderRichContent(content) {
-            const parsedContent = parseRichContent(content);
-            return [createVNode("div", {
-              "style": {
-                color: parsedContent.background
-              }
-            }, [renderIcon(parsedContent.icon), parsedContent.change_text])];
-            function renderIcon(icon) {
-              if (!icon)
-                return null;
-              if (icon.match(/#[\da-f]{6}|[\da-f]{3}/i)) {
-                return createVNode("i", {
-                  "class": "icon-dot",
-                  "style": {
-                    "--table-icon-color": icon,
-                    "--table-icon-shadow": icon
-                  }
-                }, null);
-              }
-              return createVNode("i", {
-                "class": parsedContent.icon
-              }, null);
-            }
-            function parseRichContent(richContent) {
-              try {
-                return JSON.parse(richContent.replace(/^###/, ""));
-              } catch (e) {
-                IhoTableWarn(`invalid json-content ${richContent}`);
-                return {};
-              }
-            }
-          }
-          function isRichContent(content) {
-            return isString(content) && !!content.match(/^###\{[^{}]+}$/);
-          }
-        }
-      });
-      instance.renderer.add(WIDGET_TYPE.STATUS, instance.renderer.get(WIDGET_TYPE.DEFAULT));
-    }
-  });
-}
-
-export { defaultRendererPlugin };
+import{createVNode as r}from"vue";import{isString as e}from"lodash-es";import"../../../../index.js";import{WIDGET_TYPE as n}from"../../../constants/index.js";import{IhoTableWarn as t}from"../../../utils/index.js";import{defineTablePlugin as o}from"../../../hooks/useTablePlugin.js";function i(){return o({name:"defaultRendererPlugin",vxe(o){o.renderer.add(n.DEFAULT,{renderCell(n,{row:o,column:i}){const l=o[i.field];return e(c=l)&&c.match(/^###\{[^{}]+}$/)?function(e){const n=function(r){try{return JSON.parse(r.replace(/^###/,""))}catch(e){return t(`invalid json-content ${r}`),{}}}(e);return[r("div",{style:{color:n.background}},[function(e){if(!e)return null;if(e.match(/#[\da-f]{6}|[\da-f]{3}/i))return r("i",{class:"icon-dot",style:{"--table-icon-color":e,"--table-icon-shadow":e}},null);return r("i",{class:n.icon},null)}(n.icon),n.change_text])]}(l):[l];var c}}),o.renderer.add(n.STATUS,o.renderer.get(n.DEFAULT))}})}export{i as defaultRendererPlugin};

package/es/components/iho-table/src/plugins/rendererPlugins/widgets/labelRendererPlugin.js

@@ -1,52 +1 @@
-import { createVNode } from 'vue';
-import { isArray, isString } from 'lodash-es';
-import '../../../../index.js';
-import { WIDGET_TYPE } from '../../../constants/index.js';
-import { defineTablePlugin } from '../../../hooks/useTablePlugin.js';
-
-function labelRendererPlugin() {
-  const pluginName = "labelRendererPlugin";
-  return defineTablePlugin({
-    name: pluginName,
-    vxe(instance) {
-      instance.renderer.add(WIDGET_TYPE.LABEL, {
-        renderCell(renderOpts, {
-          row,
-          column
-        }) {
-          try {
-            if (!row[column.field])
-              return [];
-            const value = JSON.parse(row[column.field]);
-            const labels = isArray(value.labels) ? value.labels : parseLabelString(value.labelStr);
-            return createVNode("section", {
-              "style": {
-                display: "flex"
-              }
-            }, [labels.map(renderLabelItem)]);
-          } catch (e) {
-            return [];
-          }
-          function parseLabelString(str) {
-            if (!isString(str))
-              return [];
-            return str.split(",").map((s) => ({
-              labelName: s
-            }));
-          }
-          function renderLabelItem(item) {
-            return createVNode("div", {
-              "style": {
-                backgroundColor: item.color || "#5585f5",
-                color: "white",
-                flex: "1"
-              }
-            }, [item.labelName]);
-          }
-        }
-      });
-    }
-  });
-}
-
-export { labelRendererPlugin };
+import{createVNode as e}from"vue";import{isArray as r,isString as l}from"lodash-es";import"../../../../index.js";import{WIDGET_TYPE as o}from"../../../constants/index.js";import{defineTablePlugin as t}from"../../../hooks/useTablePlugin.js";function n(){return t({name:"labelRendererPlugin",vxe(t){t.renderer.add(o.LABEL,{renderCell(o,{row:t,column:n}){try{if(!t[n.field])return[];const o=JSON.parse(t[n.field]),i=r(o.labels)?o.labels:(a=o.labelStr,l(a)?a.split(",").map((e=>({labelName:e}))):[]);return e("section",{style:{display:"flex"}},[i.map((function(r){return e("div",{style:{backgroundColor:r.color||"#5585f5",color:"white",flex:"1"}},[r.labelName])}))])}catch(e){return[]}var a}})}})}export{n as labelRendererPlugin};