cnhis-design-vue 3.3.1-beta.9 → 3.3.1-release.5

package/es/components/iho-table/src/hooks/useColumnConfigAdaptor.js

@@ -1 +1,172 @@
-import{cloneDeep as e,isString as t,isFunction as n,pick as o,isArray as a,isNumber as i}from"lodash-es";import{isObject as r}from"@vue/shared";const l=Symbol("remove property");function s(){return{formConfigLikeAdaptor:function(s){const p={};return r(s)?{fieldList:function(s){const m=new Map([["NONE",0],["LEFT",1],["RIGHT",2]]),u=new Map([["0",0],["1",1]]),d=new Map([...["RADIO","RADIO_BLOCK","CHECKBOX","CHECKBOX_BLOCK","SELECT","SEARCH","SEARCH_MORE","SWITCH_COMPONENT"].map((e=>[e,"select"])),...["DATE"].map((e=>[e,"date"])),...["INPUT"].map((e=>[e,"input"])),...["DIGITAL"].map((e=>[e,"number"]))]),c=(e,t)=>{if(!r(e))return;const n={label:e.describe,...e};t.options=a(t.options)?[...t.options,n]:[n]},f=(e,n)=>{0!==e&&"0"!==e&&e&&(t(e)||i(e))&&(n.componentProps={maxTagCount:+e,...n.componentProps})},_=new Map([["multi_select_value",f],["is_null",(e,t,n,o)=>{var a;"1"!==e&&"0"===e&&(o[n.val_key]=[{required:!0,message:(null==(a=window.getLanguageByCode)?void 0:a.call(window,"10010.1.248"))||"必填"}])}],["validate",(e,t)=>{if(!r(e))return;t.componentProps={...Object.entries({maxlength:"max_length",minlength:"min_length",max:"max_value",min:"min_value",precision:"decimal_length"}).reduce(((t,[n,o])=>(t[n]=e[o],t)),{}),...t.componentProps}}],["dateValidate",(e,t)=>{r(e)&&(t.isDateDisabled=(t,n)=>{if(!r(n))return;const{startDate:o,endDate:a}=e;let i=!1;return o&&(i=new Date(n[o]).getTime()>t),a&&(i=i||new Date(n[a]).getTime()<t),i})}],["default_val","defaultValue"],["date_format","valueFormat"],...["open","close"].map((e=>[e,c])),["is_edit",{property:"isEdit",valueMap:u}],["free_entry",(e,t,n)=>{t.componentProps={...t.componentProps,allowCreate:"1"===e||1===e,shouldSave:"1"===n.save_free_entry||1===n.save_free_entry}}],["html_type",(e,n,o)=>{var a;if(!t(e))return;if("DATE"===e)return void(n.formType=t(o.date_format)&&o.date_format.startsWith("HH:mm")?"time":"date");n.formType=null!=(a=d.get(e))?a:e;const i="SEARCH"!==e&&("SEARCH_MORE"===e||("SELECT"===e?"0"===o.multi_select:null));i&&(n.componentProps={multiple:i,...n.componentProps})}],["option",{property:"options",fieldMap:new Map([["text","label"]])}],...["alias","name"].map((e=>[e,(e,t,n)=>{var o;t.title=`${null!=(o=n.alias)?o:n.name}${n.suffix?`(${n.suffix})`:""}`}]))]),v=new Map([["sum","isSum"],["show","isShow"],["val_key","columnName"],["elementId","columnName"],["columnWidth","colWidth"],["fixedWayEnum",{property:"isFixed",valueMap:m}],["multi_select_value",f],..._,["setting",{fieldMap:_,assign:!0}]]);return s.map((e=>g(e,p,v)));function g(i,s,p){if(!p)return e(i);const m={};return Object.entries(i).forEach((([e,o])=>{const a=p.get(e);return a?a!==l?t(a)?m[a]=o:n(a)?a(o,m,i,s):void(r(a)&&(a.assign?Object.assign(m,u(o,a)):m[a.property||e]=u(o,a))):void 0:m[e]=o})),m.componentProps=Object.assign({},m.componentProps,o(m,["options","isDateDisabled"])),m;function u(e,t){var o,i;return!r(t)||n(t)?e:a(e)?e.map((e=>u(e,t))):r(e)?g(e,s,t.fieldMap):null!=(i=null==(o=t.valueMap)?void 0:o.get(e))?i:e}}}(s.fieldList),editRules:p}:{fieldList:[],editRules:p}}}}export{s as useColumnConfigAdaptor};
+import { cloneDeep, isString, isFunction, pick, isArray, isNumber } from 'lodash-es';
+import { isObject } from '@vue/shared';
+
+const REMOVE_PROPERTY = Symbol("remove property");
+function useColumnConfigAdaptor() {
+  function formConfigLikeAdaptor(payload) {
+    const editRules = {};
+    if (!isObject(payload))
+      return {
+        fieldList: [],
+        editRules
+      };
+    const fieldList = formConfigLikeFieldListTransfer(payload.fieldList);
+    return {
+      fieldList,
+      editRules
+    };
+    function formConfigLikeFieldListTransfer(fieldList2) {
+      const fixedWayEnumValueMap = /* @__PURE__ */ new Map([["NONE", 0], ["LEFT", 1], ["RIGHT", 2]]);
+      const isEditValueMap = /* @__PURE__ */ new Map([["0", 0], ["1", 1]]);
+      const htmlTypeValueMap = new Map([...["RADIO", "RADIO_BLOCK", "CHECKBOX", "CHECKBOX_BLOCK", "SELECT", "SEARCH", "SEARCH_MORE", "SWITCH_COMPONENT"].map((type) => [type, "select"]), ...["DATE"].map((type) => [type, "date"]), ...["INPUT"].map((type) => [type, "input"]), ...["DIGITAL"].map((type) => [type, "number"])]);
+      const isNullHandler = (value, result, _fieldItem, _editRules) => {
+        var _a;
+        if (value === "1")
+          return;
+        if (value === "0")
+          _editRules[_fieldItem.val_key] = [{
+            required: true,
+            message: ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.248")) || "\u5FC5\u586B"
+          }];
+      };
+      const validateHandler = (value, result) => {
+        if (!isObject(value))
+          return;
+        const keyMap = {
+          maxlength: "max_length",
+          minlength: "min_length",
+          max: "max_value",
+          min: "min_value",
+          precision: "decimal_length"
+        };
+        result.componentProps = {
+          ...Object.entries(keyMap).reduce((res, [k, v]) => {
+            res[k] = value[v];
+            return res;
+          }, {}),
+          ...result.componentProps
+        };
+      };
+      const dateRangeValidate = (value, result) => {
+        if (!isObject(value))
+          return;
+        result.isDateDisabled = (ts, row) => {
+          if (!isObject(row))
+            return;
+          const {
+            startDate,
+            endDate
+          } = value;
+          let invalid = false;
+          if (startDate) {
+            invalid = new Date(row[startDate]).getTime() > ts;
+          }
+          if (endDate) {
+            invalid = invalid || new Date(row[endDate]).getTime() < ts;
+          }
+          return invalid;
+        };
+      };
+      const switchOptionHandler = (value, result) => {
+        if (!isObject(value))
+          return;
+        const option = {
+          label: value.describe,
+          ...value
+        };
+        result.options = isArray(result.options) ? [...result.options, option] : [option];
+      };
+      const htmlTypeHandler = (value, result, fieldItem) => {
+        var _a;
+        if (!isString(value))
+          return;
+        if (value === "DATE") {
+          result.formType = isString(fieldItem.date_format) && fieldItem.date_format.startsWith("HH:mm") ? "time" : "date";
+          return;
+        }
+        result.formType = (_a = htmlTypeValueMap.get(value)) != null ? _a : value;
+        const multiple = value === "SEARCH" ? false : value === "SEARCH_MORE" ? true : value === "SELECT" ? fieldItem.multi_select === "0" : null;
+        if (multiple) {
+          result.componentProps = {
+            multiple,
+            ...result.componentProps
+          };
+        }
+      };
+      const multiSelectValueHandler = (value, result) => {
+        if (value === 0 || value === "0" || !value)
+          return;
+        if (isString(value) || isNumber(value)) {
+          result.componentProps = {
+            maxTagCount: +value,
+            ...result.componentProps
+          };
+        }
+      };
+      const settingMap = new Map([["multi_select_value", multiSelectValueHandler], ["is_null", isNullHandler], ["validate", validateHandler], ["dateValidate", dateRangeValidate], ["default_val", "defaultValue"], ["date_format", "valueFormat"], ...["open", "close"].map((key) => [key, switchOptionHandler]), ["is_edit", {
+        property: "isEdit",
+        valueMap: isEditValueMap
+      }], ["free_entry", (value, result, fieldItem) => {
+        result.componentProps = {
+          ...result.componentProps,
+          allowCreate: value === "1" || value === 1,
+          shouldSave: fieldItem.save_free_entry === "1" || fieldItem.save_free_entry === 1
+        };
+      }], ["html_type", htmlTypeHandler], ["option", {
+        property: "options",
+        fieldMap: /* @__PURE__ */ new Map([["text", "label"]])
+      }], ...["alias", "name"].map((key) => [key, (_, result, fieldItem) => {
+        var _a;
+        result.title = `${(_a = fieldItem.alias) != null ? _a : fieldItem.name}${fieldItem.suffix ? `(${fieldItem.suffix})` : ""}`;
+      }])]);
+      const fieldMap = new Map([["sum", "isSum"], ["show", "isShow"], ["val_key", "columnName"], ["elementId", "columnName"], ["columnWidth", "colWidth"], ["fixedWayEnum", {
+        property: "isFixed",
+        valueMap: fixedWayEnumValueMap
+      }], ["multi_select_value", multiSelectValueHandler], ...settingMap, ["setting", {
+        fieldMap: settingMap,
+        assign: true
+      }]]);
+      return fieldList2.map((fieldItem) => transfer(fieldItem, editRules, fieldMap));
+      function transfer(fieldItem, _editRules, ruleMap) {
+        if (!ruleMap)
+          return cloneDeep(fieldItem);
+        const result = {};
+        Object.entries(fieldItem).forEach(([key, value]) => {
+          const rule = ruleMap.get(key);
+          if (!rule)
+            return result[key] = value;
+          if (rule === REMOVE_PROPERTY)
+            return;
+          if (isString(rule))
+            return result[rule] = value;
+          if (isFunction(rule))
+            return rule(value, result, fieldItem, _editRules);
+          if (isObject(rule)) {
+            if (rule.assign) {
+              Object.assign(result, valueTransfer(value, rule));
+            } else {
+              result[rule.property || key] = valueTransfer(value, rule);
+            }
+          }
+        });
+        result.componentProps = Object.assign({}, result.componentProps, pick(result, ["options", "isDateDisabled"]));
+        return result;
+        function valueTransfer(value, rule) {
+          var _a, _b;
+          if (!isObject(rule) || isFunction(rule))
+            return value;
+          if (isArray(value))
+            return value.map((v) => valueTransfer(v, rule));
+          if (isObject(value))
+            return transfer(value, _editRules, rule.fieldMap);
+          return (_b = (_a = rule.valueMap) == null ? void 0 : _a.get(value)) != null ? _b : value;
+        }
+      }
+    }
+  }
+  return {
+    formConfigLikeAdaptor
+  };
+}
+
+export { useColumnConfigAdaptor };

package/es/components/iho-table/src/hooks/useTableContext.js

@@ -1 +1,25 @@
-import{getCurrentInstance as e,inject as t}from"vue";import{InjectionIhoTableConfig as n,InjectionIhoTableFieldList as o,InjectionIhoTableHandler as r,InjectionIhoTableUUID as i,InjectionIhoTableEmits as s,InjectionIhoTableInstance as f,InjectionIhoTableEventListener as u}from"../constants/index.js";function a(){if(!e())throw new Error("useTableContext can only be used in setup environment");const a=t(n),l=t(o),m=t(r),b=t(i),c=t(s),d=t(f);return{configRef:a,fieldListRef:l,tableHandler:m,tableEmit:c,eventListener:t(u),$table:d,uuid:b}}export{a as useTableContext};
+import { getCurrentInstance, inject } from 'vue';
+import { InjectionIhoTableConfig, InjectionIhoTableFieldList, InjectionIhoTableHandler, InjectionIhoTableUUID, InjectionIhoTableEmits, InjectionIhoTableInstance, InjectionIhoTableEventListener } from '../constants/index.js';
+
+function useTableContext() {
+  if (!getCurrentInstance())
+    throw new Error("useTableContext can only be used in setup environment");
+  const configRef = inject(InjectionIhoTableConfig);
+  const fieldListRef = inject(InjectionIhoTableFieldList);
+  const tableHandler = inject(InjectionIhoTableHandler);
+  const uuid = inject(InjectionIhoTableUUID);
+  const tableEmit = inject(InjectionIhoTableEmits);
+  const $table = inject(InjectionIhoTableInstance);
+  const eventListener = inject(InjectionIhoTableEventListener);
+  return {
+    configRef,
+    fieldListRef,
+    tableHandler,
+    tableEmit,
+    eventListener,
+    $table,
+    uuid
+  };
+}
+
+export { useTableContext };

package/es/components/iho-table/src/hooks/useTablePlugin.js

@@ -1 +1,32 @@
-import{arrayed as o}from"../../../../shared/utils/index.js";import{isFunction as r}from"lodash-es";import{createTableHooks as t}from"./tapHooks/index.js";function n(){const n=t();return{use:function t(e,s){return o(e).forEach((({vxe:o,apply:t})=>{r(o)&&o(s),r(t)&&t(n)})),{use:t}}}}function e(o){return o}export{e as defineTablePlugin,n as useTablePlugin};
+import { arrayed } from '../../../../shared/utils/index.js';
+import { isFunction } from 'lodash-es';
+import { createTableHooks } from './tapHooks/index.js';
+
+function useTablePlugin() {
+  const hooks = createTableHooks();
+  const loadedPlugins = /* @__PURE__ */ new Set();
+  function use(plugin, instance) {
+    arrayed(plugin).forEach(({
+      name,
+      vxe,
+      apply
+    }) => {
+      if (loadedPlugins.has(name))
+        return;
+      loadedPlugins.add(name);
+      isFunction(vxe) && vxe(instance);
+      isFunction(apply) && apply(hooks);
+    });
+    return {
+      use
+    };
+  }
+  return {
+    use
+  };
+}
+function defineTablePlugin(plugin) {
+  return plugin;
+}
+
+export { defineTablePlugin, useTablePlugin };

package/es/components/iho-table/src/plugins/anchorPlugin/index.js

@@ -1 +1,19 @@
-import{createVNode as o}from"vue";import"../../../index.js";import r from"./tableAnchor.js";import{defineTablePlugin as n}from"../../hooks/useTablePlugin.js";function e(){const e="anchorPlugin";return n({name:e,apply(n){n.domInsertHooks.header.tap(e,(n=>(n.push(o(r,null,null)),n)))}})}export{e as anchorPlugin};
+import { createVNode } from 'vue';
+import '../../../index.js';
+import TableAnchor from './tableAnchor.js';
+import { defineTablePlugin } from '../../hooks/useTablePlugin.js';
+
+function anchorPlugin() {
+  const pluginName = "anchorPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    apply(hooks) {
+      hooks.domInsertHooks.header.tap(pluginName, (nodes) => {
+        nodes.push(createVNode(TableAnchor, null, null));
+        return nodes;
+      });
+    }
+  });
+}
+
+export { anchorPlugin };

package/es/components/iho-table/src/plugins/anchorPlugin/tableAnchor.js

@@ -1 +1,54 @@
-import{defineComponent as e,computed as t,createVNode as l,isVNode as n}from"vue";import{NTabs as a,NTabPane as o}from"naive-ui";import{useAnchor as r}from"./useAnchor.js";import{useTableContext as i}from"../../hooks/useTableContext.js";var u=e({name:"IhoTableAnchor",setup(){const{configRef:e,eventListener:u,fieldListRef:p,$table:c}=i(),{updateAnchor:f,onScroll:s,currentAnchorList:d,anchorValue:v}=r(t((()=>{var t;return(null!=(t=e.value.anchorList)?t:[]).map((e=>"string"==typeof e?{field:e}:{...e}))})),c,p);return u.addEventListener("scroll",s),()=>{let e;return d.value.length>0?l(a,{type:"line",animated:!0,"pane-style":"padding: 0",value:v.value,"onUpdate:value":e=>v.value=e},"function"==typeof(t=e=d.value.map((e=>l(o,{name:e.field,tab:e.title,key:e.field,tabProps:{onClick:()=>f(e.field)}},null))))||"[object Object]"===Object.prototype.toString.call(t)&&!n(t)?e:{default:()=>[e]}):null;var t}}});export{u as default};
+import { defineComponent, computed, createVNode, isVNode } from 'vue';
+import { NTabs, NTabPane } from 'naive-ui';
+import { useAnchor } from './useAnchor.js';
+import { useTableContext } from '../../hooks/useTableContext.js';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var TableAnchor = /* @__PURE__ */ defineComponent({
+  name: "IhoTableAnchor",
+  setup() {
+    const {
+      configRef,
+      eventListener,
+      fieldListRef,
+      $table
+    } = useTableContext();
+    const {
+      updateAnchor,
+      onScroll,
+      currentAnchorList,
+      anchorValue
+    } = useAnchor(computed(() => {
+      var _a;
+      return ((_a = configRef.value.anchorList) != null ? _a : []).map((item) => typeof item === "string" ? {
+        field: item
+      } : {
+        ...item
+      });
+    }), $table, fieldListRef);
+    eventListener.addEventListener("scroll", onScroll);
+    return () => {
+      let _slot;
+      return currentAnchorList.value.length > 0 ? createVNode(NTabs, {
+        "type": "line",
+        "animated": true,
+        "pane-style": "padding: 0",
+        "value": anchorValue.value,
+        "onUpdate:value": ($event) => anchorValue.value = $event
+      }, _isSlot(_slot = currentAnchorList.value.map((field) => createVNode(NTabPane, {
+        "name": field.field,
+        "tab": field.title,
+        "key": field.field,
+        "tabProps": {
+          onClick: () => updateAnchor(field.field)
+        }
+      }, null))) ? _slot : {
+        default: () => [_slot]
+      }) : null;
+    };
+  }
+});
+
+export { TableAnchor as default };

package/es/components/iho-table/src/plugins/anchorPlugin/useAnchor.js

@@ -1 +1,96 @@
-import{shallowOmit as l}from"../../../../../shared/utils/index.js";import{ref as e,watch as i,unref as t}from"vue";import{useThrottleFn as n}from"@vueuse/core";import{cloneDeep as o,findLastIndex as u}from"lodash-es";function r(e,i){e.forEach((e=>{var t;if(null==(t=e.children)?void 0:t.length){const t=l(o(e),["children"]);t.width=0,i.push(t),r(e.children,i)}else(function(l){return l.visible||!Reflect.has(l,"visible")})(e)&&i.push(e)}))}const a=(l,a,f)=>{const c=e([]),d=e();let s=!0;const v=n((function({scrollLeft:l,bodyWidth:e}){if(!c.value.length||!s)return;const i=l+e/2,t=u(c.value,(l=>i>=l.left));~t&&(d.value=c.value[t].field)}),800);return i([()=>f.value,()=>l.value],(()=>{!function(){var e,i,n;if(c.value=[],null==(e=t(l))?void 0:e.length){let e=0;const u=[];r(o(f.value),u),u.forEach((i=>{var n;const{field:o="",minWidth:u,width:r,fixed:a,title:f=""}=i,d=+(null!=(n=null!=u?u:r)?n:0);if("left"==a);else{e+=d;const i=t(l).find((l=>l.field===o));i&&c.value.push({field:o,title:i.name||f,left:e-d})}})),d.value=(null==(n=null==(i=c.value)?void 0:i[0])?void 0:n.field)||""}}()}),{immediate:!0,deep:!0}),{updateAnchor:async function(l){var e,i;s=!1;const t=c.value.find((e=>e.field===l));await(null==(i=a.value)?void 0:i.scrollTo(null!=(e=null==t?void 0:t.left)?e:0)),setTimeout((()=>{s=!0}),900)},onScroll:v,currentAnchorList:c,anchorValue:d}};export{a as useAnchor};
+import { shallowOmit } from '../../../../../shared/utils/index.js';
+import { ref, watch, unref } from 'vue';
+import { useThrottleFn } from '@vueuse/core';
+import { cloneDeep, findLastIndex } from 'lodash-es';
+
+function flatFieldList(fieldList, _flatFieldList) {
+  fieldList.forEach((field) => {
+    var _a;
+    if ((_a = field.children) == null ? void 0 : _a.length) {
+      const temp = shallowOmit(cloneDeep(field), ["children"]);
+      temp.width = 0;
+      _flatFieldList.push(temp);
+      flatFieldList(field.children, _flatFieldList);
+    } else {
+      isVisible(field) && _flatFieldList.push(field);
+    }
+  });
+}
+function isVisible(field) {
+  return field.visible || !Reflect.has(field, "visible");
+}
+const useAnchor = (anchorList, $table, fieldListRef) => {
+  const TIME = 800;
+  const currentAnchorList = ref([]);
+  const anchorValue = ref();
+  let setAnchorStatus = true;
+  function initAnchor() {
+    var _a, _b, _c;
+    currentAnchorList.value = [];
+    if ((_a = unref(anchorList)) == null ? void 0 : _a.length) {
+      let left = 0;
+      const _fieldList = cloneDeep(fieldListRef.value);
+      const _flatFieldList = [];
+      flatFieldList(_fieldList, _flatFieldList);
+      _flatFieldList.forEach((column) => {
+        var _a2;
+        const {
+          field = "",
+          minWidth,
+          width,
+          fixed,
+          title = ""
+        } = column;
+        const colWidth = +((_a2 = minWidth != null ? minWidth : width) != null ? _a2 : 0);
+        if (fixed == "left") ; else {
+          left += colWidth;
+          const anchorObj = unref(anchorList).find((fieldItem) => fieldItem.field === field);
+          anchorObj && currentAnchorList.value.push({
+            field,
+            title: anchorObj.name || title,
+            left: left - colWidth
+          });
+        }
+      });
+      anchorValue.value = ((_c = (_b = currentAnchorList.value) == null ? void 0 : _b[0]) == null ? void 0 : _c.field) || "";
+    }
+  }
+  async function updateAnchor(field) {
+    var _a, _b;
+    setAnchorStatus = false;
+    const anchorObj = currentAnchorList.value.find((fieldItem) => fieldItem.field === field);
+    await ((_b = $table.value) == null ? void 0 : _b.scrollTo((_a = anchorObj == null ? void 0 : anchorObj.left) != null ? _a : 0));
+    setTimeout(() => {
+      setAnchorStatus = true;
+    }, TIME + 100);
+  }
+  function setAnchorValue({
+    scrollLeft,
+    bodyWidth
+  }) {
+    if (!currentAnchorList.value.length || !setAnchorStatus)
+      return;
+    const leftLimit = scrollLeft + bodyWidth / 2;
+    const anchorIndex = findLastIndex(currentAnchorList.value, (anchorItem) => {
+      return leftLimit >= anchorItem.left;
+    });
+    if (~anchorIndex) {
+      anchorValue.value = currentAnchorList.value[anchorIndex].field;
+    }
+  }
+  const onScroll = useThrottleFn(setAnchorValue, TIME);
+  watch([() => fieldListRef.value, () => anchorList.value], () => {
+    initAnchor();
+  }, {
+    immediate: true,
+    deep: true
+  });
+  return {
+    updateAnchor,
+    onScroll,
+    currentAnchorList,
+    anchorValue
+  };
+};
+
+export { useAnchor };

package/es/components/iho-table/src/plugins/bindEventSettingPlugin.js

@@ -1 +1,38 @@
-import"../../../../shared/utils/index.js";import"../../index.js";import{isFunction as n}from"lodash-es";import{getBindEventSettingTrigger as t}from"../../../../shared/utils/business.js";import{defineTablePlugin as o}from"../hooks/useTablePlugin.js";function e(){const e="bindEventSettingPlugin";return o({name:e,apply(o){o.configHooks.config.tap(e,(o=>{const e=o.onFormChange;return o.onFormChange=function(o){var i;const{column:r,row:s}=o,u=null==(i=r.editRender)?void 0:i.props;if(u&&(null==u?void 0:u.bindEventSetting)){u.bindEventSetting.forEach((n=>{t(n.event_type)(n,{getter:n=>s[n],setter:(n,t)=>s[n]=t})}))}n(e)&&e(o)},o}))}})}export{e as bindEventSettingPlugin};
+import '../../../../shared/utils/index.js';
+import '../../index.js';
+import { isFunction } from 'lodash-es';
+import { getBindEventSettingTrigger } from '../../../../shared/utils/business.js';
+import { defineTablePlugin } from '../hooks/useTablePlugin.js';
+
+function bindEventSettingPlugin() {
+  const pluginName = "bindEventSettingPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    apply(hooks) {
+      hooks.configHooks.config.tap(pluginName, (config) => {
+        const _formChange = config.onFormChange;
+        config.onFormChange = function(payload) {
+          var _a;
+          const {
+            column,
+            row
+          } = payload;
+          const LowCodeField = (_a = column.editRender) == null ? void 0 : _a.props;
+          if (LowCodeField && (LowCodeField == null ? void 0 : LowCodeField.bindEventSetting)) {
+            const setList = LowCodeField.bindEventSetting;
+            setList.forEach((v) => {
+              getBindEventSettingTrigger(v.event_type)(v, {
+                getter: (key) => row[key],
+                setter: (k, v2) => row[k] = v2
+              });
+            });
+          }
+          isFunction(_formChange) && _formChange(payload);
+        };
+        return config;
+      });
+    }
+  });
+}
+
+export { bindEventSettingPlugin };

package/es/components/iho-table/src/plugins/colorAndIconPlugin.js

@@ -1 +1,48 @@
-import"../../../../shared/utils/index.js";import{isFunction as o,isObject as n,isEmpty as r}from"lodash-es";import"../../index.js";import{getLowCodeFieldFromField as i}from"../utils/index.js";import{isMatchLowCodeCondition as t,isConditionsMatchSqlExpression as e}from"../../../../shared/utils/business.js";import{defineTablePlugin as l}from"../hooks/useTablePlugin.js";function s(){const s="colorAndIconPlugin";return l({name:s,apply(l){l.configHooks.config.tap(s,(l=>{const s=l.cellStyle;return l.cellStyle=l=>{var c,u;const{row:d,column:p}=l,a=o(s)?s(l)||{}:n(s)?s:{},f=i(p);if(!f)return a;const m=null!=(u=f.colorAndIcon)?u:null==(c=f.settingObj)?void 0:c.colorAndIcon;if(r(m))return a;const g=m.find((o=>{if(!o.condition)return!0;const n=o.condition.map((o=>t(d[o.field_key||p.field],o)));return e(n,o.sqlExpression)}));return g?Object.assign(a,{[`--color-and-icon-${"background"===g.colorType?"background-color":"color"}-type`]:g.color}):a},l}))}})}export{s as colorAndIconPlugin};
+import '../../../../shared/utils/index.js';
+import { isFunction, isObject, isEmpty } from 'lodash-es';
+import '../../index.js';
+import { getLowCodeFieldFromField } from '../utils/index.js';
+import { isMatchLowCodeCondition, isConditionsMatchSqlExpression } from '../../../../shared/utils/business.js';
+import { defineTablePlugin } from '../hooks/useTablePlugin.js';
+
+function colorAndIconPlugin() {
+  const pluginName = "colorAndIconPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    apply(hooks) {
+      hooks.configHooks.config.tap(pluginName, (config) => {
+        const oldFn = config.cellStyle;
+        config.cellStyle = (payload) => {
+          var _a, _b;
+          const {
+            row,
+            column
+          } = payload;
+          const res = isFunction(oldFn) ? oldFn(payload) || {} : isObject(oldFn) ? oldFn : {};
+          const lowCodeField = getLowCodeFieldFromField(column);
+          if (!lowCodeField)
+            return res;
+          const colorAndIcons = (_b = lowCodeField.colorAndIcon) != null ? _b : (_a = lowCodeField.settingObj) == null ? void 0 : _a.colorAndIcon;
+          if (isEmpty(colorAndIcons))
+            return res;
+          const targetColorAndIcon = colorAndIcons.find((colorAndIcon) => {
+            if (!colorAndIcon.condition)
+              return true;
+            const conditions = colorAndIcon.condition.map((condition) => {
+              return isMatchLowCodeCondition(row[condition.field_key || column.field], condition);
+            });
+            return isConditionsMatchSqlExpression(conditions, colorAndIcon.sqlExpression);
+          });
+          if (!targetColorAndIcon)
+            return res;
+          return Object.assign(res, {
+            [`--color-and-icon-${targetColorAndIcon.colorType === "background" ? "background-color" : "color"}-type`]: targetColorAndIcon.color
+          });
+        };
+        return config;
+      });
+    }
+  });
+}
+
+export { colorAndIconPlugin };

package/es/components/iho-table/src/plugins/copyPastePlugin.js

@@ -1 +1,117 @@
-import{unref as e}from"vue";import"../../index.js";import{useSessionStorage as t}from"@vueuse/core";import{selectOptionsMap as n}from"./rendererPlugins/editableWidgets/hooks/useSelectOption.js";import{isInvalidDate as o,isInvalidTime as l,IhoTableUtils as i}from"../utils/index.js";import{EDITABLE_WIDGET_TYPE as r}from"../constants/index.js";import{isString as u,trim as d,isEmpty as s,isEqual as a,isFunction as f}from"lodash-es";import{defineTablePlugin as p}from"../hooks/useTablePlugin.js";function c(){const c="copyPastePlugin",m=t("ihoTableClipData","");return p({name:c,apply(t){function p(t,p,c,g,E){var C,b;if(!(null==(C=null==c?void 0:c.keyboardConfig)?void 0:C.isClip))return;if("paste"===t&&!p.getSelectedCell())return;const{row:T,column:x}=p.getSelectedCell()||p.getEditRecord()||{};if(!T||!x||!v(x,r.SELECT)&&e(m)===T[x.field])return;const R=c.uuid&&v(x,r.SELECT)&&n.get(c.uuid)[x.field],y=T[x.field];if("copy"===t){const e=(null==(b=(R||[]).filter((e=>y.includes(e.value))))?void 0:b.map((e=>e.label)).join(","))||y;m.value=e}else{if(u(e(m))&&(m.value=d(e(m)||"")),!e(m)||!function(e){var t;const n=null==(t=e.editRender)?void 0:t.props;return n&&Object.keys(r).includes(i.getCellType(n))}(x)||T.$__SEPARATE||!function(e,t,n,o){var l,i;const{beforeEditMethod:r}=t.editConfig||{},u={rowIndex:null!=(l=e.getRowIndex(n))?l:0,columnIndex:null!=(i=e.getColumnIndex(o))?i:0};return!r||f(r)&&r({row:n,column:o,...u,$table:e,$grid:void 0})}(p,c,T,x))return;if(v(x,r.DATE)&&o(x,T,m))return;if(v(x,r.NUMBER)&&!/^-?\d*\.?\d+$/.test((e(m)||"").toString()))return;if(v(x,r.TIME)&&l(x,m))return;let t=e(m)||"";if(R&&!s(R)){const e=R.filter((e=>t.split(",").includes(e.label))).map((e=>e.value));if(s(e))return;if(function(e){var t,n;const o=null==(t=e.editRender)?void 0:t.props;return v(e,r.SELECT)&&(null==(n=o.componentProps)?void 0:n.multiple)}(x)){if(a(y,e))return;t=e}else{if(e.includes(y))return;t=e[0]}}T[x.field]=t,g("formChange",{column:x,row:T,oldValue:y,value:t,index:p.getRowIndex(T)}),v(x,r.SEPARATE)&&(null==E||E())}}function v(e,t){var n;const o=null==(n=e.editRender)?void 0:n.props;return o&&i.getCellType(o)===t}t.eventHooks.onCopy.tap(c,(({$table:e},t,{emits:n})=>p("copy",e,t,n))),t.eventHooks.onPaste.tap(c,(({$table:e},t,{emits:n,updateTableDataRef:o})=>p("paste",e,t,n,o)))}})}export{c as copyPastePlugin};
+import { unref } from 'vue';
+import '../../index.js';
+import { useSessionStorage } from '@vueuse/core';
+import { selectOptionsMap } from './rendererPlugins/editableWidgets/hooks/useSelectOption.js';
+import { isInvalidDate, isInvalidTime, IhoTableUtils } from '../utils/index.js';
+import { EDITABLE_WIDGET_TYPE } from '../constants/index.js';
+import { isString, trim, isEmpty, isEqual, isFunction } from 'lodash-es';
+import { defineTablePlugin } from '../hooks/useTablePlugin.js';
+
+function copyPastePlugin() {
+  const pluginName = "copyPastePlugin";
+  const ihoTableClipData = useSessionStorage("ihoTableClipData", "");
+  return defineTablePlugin({
+    name: pluginName,
+    apply(hooks) {
+      hooks.eventHooks.onCopy.tap(pluginName, ({
+        $table
+      }, config, {
+        emits
+      }) => handleClipEvent("copy", $table, config, emits));
+      hooks.eventHooks.onPaste.tap(pluginName, ({
+        $table
+      }, config, {
+        emits,
+        updateTableDataRef
+      }) => handleClipEvent("paste", $table, config, emits, updateTableDataRef));
+      function handleClipEvent(type, $table, config, emits, updateTableDataRef) {
+        var _a, _b;
+        if (!((_a = config == null ? void 0 : config.keyboardConfig) == null ? void 0 : _a.isClip))
+          return;
+        if (type === "paste" && !$table.getSelectedCell())
+          return;
+        const {
+          row,
+          column
+        } = $table.getSelectedCell() || $table.getEditRecord() || {};
+        if (!row || !column || !isType(column, EDITABLE_WIDGET_TYPE.SELECT) && unref(ihoTableClipData) === row[column.field])
+          return;
+        const options = config.uuid && isType(column, EDITABLE_WIDGET_TYPE.SELECT) && selectOptionsMap.get(config.uuid)[column.field];
+        const currentValue = row[column.field];
+        if (type === "copy") {
+          const value = ((_b = (options || []).filter((item) => currentValue.includes(item.value))) == null ? void 0 : _b.map((item) => item.label).join(",")) || currentValue;
+          ihoTableClipData.value = value;
+        } else {
+          if (isString(unref(ihoTableClipData)))
+            ihoTableClipData.value = trim(unref(ihoTableClipData) || "");
+          if (!unref(ihoTableClipData) || !isEditType(column) || row.$__SEPARATE || !beforeEditMethod($table, config, row, column))
+            return;
+          if (isType(column, EDITABLE_WIDGET_TYPE.DATE) && isInvalidDate(column, row, ihoTableClipData))
+            return;
+          if (isType(column, EDITABLE_WIDGET_TYPE.NUMBER) && !/^-?\d*\.?\d+$/.test((unref(ihoTableClipData) || "").toString()))
+            return;
+          if (isType(column, EDITABLE_WIDGET_TYPE.TIME) && isInvalidTime(column, ihoTableClipData))
+            return;
+          let newValue = unref(ihoTableClipData) || "";
+          if (options && !isEmpty(options)) {
+            const _newValue = options.filter((item) => newValue.split(",").includes(item.label)).map((item) => item.value);
+            if (isEmpty(_newValue))
+              return;
+            if (isSelectMore(column)) {
+              if (isEqual(currentValue, _newValue))
+                return;
+              newValue = _newValue;
+            } else {
+              if (_newValue.includes(currentValue))
+                return;
+              newValue = _newValue[0];
+            }
+          }
+          row[column.field] = newValue;
+          emits("formChange", {
+            column,
+            row,
+            oldValue: currentValue,
+            value: newValue,
+            index: $table.getRowIndex(row)
+          });
+          isType(column, EDITABLE_WIDGET_TYPE.SEPARATE) && (updateTableDataRef == null ? void 0 : updateTableDataRef());
+        }
+      }
+      function beforeEditMethod($table, config, row, column) {
+        var _a, _b;
+        const {
+          beforeEditMethod: beforeEditMethod2
+        } = config.editConfig || {};
+        const indexObj = {
+          rowIndex: (_a = $table.getRowIndex(row)) != null ? _a : 0,
+          columnIndex: (_b = $table.getColumnIndex(column)) != null ? _b : 0
+        };
+        return !beforeEditMethod2 || isFunction(beforeEditMethod2) && beforeEditMethod2({
+          row,
+          column,
+          ...indexObj,
+          $table,
+          $grid: void 0
+        });
+      }
+      function isSelectMore(column) {
+        var _a, _b;
+        const lowCodeField = (_a = column.editRender) == null ? void 0 : _a.props;
+        return isType(column, EDITABLE_WIDGET_TYPE.SELECT) && ((_b = lowCodeField.componentProps) == null ? void 0 : _b.multiple);
+      }
+      function isType(column, formType) {
+        var _a;
+        const lowCodeField = (_a = column.editRender) == null ? void 0 : _a.props;
+        return lowCodeField && IhoTableUtils.getCellType(lowCodeField) === formType;
+      }
+      function isEditType(column) {
+        var _a;
+        const lowCodeField = (_a = column.editRender) == null ? void 0 : _a.props;
+        return lowCodeField && Object.keys(EDITABLE_WIDGET_TYPE).includes(IhoTableUtils.getCellType(lowCodeField));
+      }
+    }
+  });
+}
+
+export { copyPastePlugin };